Search Engine Optimization specialist for content strategy, technical SEO, keyword research, and ranking improvements. Use when optimizing website content, improving search rankings, conducting keyword analysis, or implementing SEO best practices. Expert in on-page SEO, meta tags, schema markup, and Core Web Vitals.
npx claude-code-templates@latest --skill β’β’β’β’β’β’β’β’β’β’β’β’β’β’β’β’β’β’β’β’Unlock this skill to run and inspect the interactive installation sequence.
Comprehensive guidance for search engine optimization across content, technical implementation, and strategic planning to improve organic search visibility and rankings.
Use this skill when:
Primary Keyword Selection:
Keyword Research Process:
1. Identify seed keywords from business objectives 2. Use tools to expand keyword list (Google Keyword Planner, Ahrefs, SEMrush) 3. Analyze search volume and difficulty 4. Group keywords by topic clusters 5. Map keywords to content types and pages 6. Prioritize based on potential ROI
Content Optimization Formula:
Title Tag Optimization:
<!-- Good: Descriptive, includes keyword, under 60 characters --> <title>Ultimate Guide to React Hooks - Learn useEffect & useState</title> <!-- Bad: Too long, keyword stuffing, generic --> <title>React Hooks Guide React Hooks Tutorial React Hooks Examples Learn React</title>
Best Practices:
Meta Description:
<!-- Good: Compelling, includes keywords, call-to-action, 150-160 chars --> <meta name="description" content="Master React Hooks with our comprehensive guide. Learn useState, useEffect, and custom hooks with practical examples. Start building better React apps today."> <!-- Bad: Too short, no value proposition --> <meta name="description" content="React Hooks guide and tutorial">
Header Structure:
<!-- Proper hierarchy -->
<h1>Main Page Title (Primary Keyword)</h1>
<h2>Section Heading (Related Keywords)</h2>
<h3>Subsection</h3>
<h3>Subsection</h3>
<h2>Another Section</h2>
<h3>Subsection</h3>URL Structure:
β Good URLs: - /blog/react-hooks-guide - /products/running-shoes - /learn/javascript-async-await β Bad URLs: - /blog?p=12345 - /products/cat-1/subcat-2/item-999 - /page.php?id=abc&ref=xyz
Image Optimization:
<!-- Optimized image --> <img src="/images/react-hooks-diagram-800w.webp" alt="React Hooks lifecycle diagram showing useState and useEffect" width="800" height="600" loading="lazy" />
Best Practices:
E-E-A-T Principles (Experience, Expertise, Authoritativeness, Trust):
Content Structure for SEO:
# Main Title (H1) - Primary Keyword Brief introduction with primary keyword in first 100 words. ## What is [Topic]? (H2) - Answer core question Comprehensive explanation with examples. ## Why [Topic] Matters (H2) - Value proposition Benefits and use cases. ## How to [Action] (H2) - Practical guide Step-by-step instructions with visuals. ## Best Practices (H2) - Advanced tips Expert recommendations. ## Common Mistakes to Avoid (H2) Troubleshooting and pitfalls. ## Conclusion Summary and call-to-action.
Content Length Guidelines:
Schema Markup (Structured Data):
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Complete Guide to React Hooks",
"image": "https://example.com/images/react-hooks.jpg",
"datePublished": "2024-01-15",
"dateModified": "2024-02-01",
"author": {
"@type": "Person",
"name": "Jane Developer"
},
"publisher": {
"@type": "Organization",
"name": "Tech Academy",
"logo": {
"@type": "ImageObject",
"url": "https://example.com/logo.png"
}
}
}Common Schema Types:
Robots.txt Configuration:
User-agent: * Disallow: /admin/ Disallow: /private/ Disallow: /api/ Allow: /api/public/ Sitemap: https://example.com/sitemap.xml
XML Sitemap Structure:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://example.com/</loc>
<lastmod>2024-01-15</lastmod>
<changefreq>weekly</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>https://example.com/blog/react-hooks-guide</loc>
<lastmod>2024-01-10</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
</urlset>Canonical Tags:
<!-- Prevent duplicate content issues --> <link rel="canonical" href="https://example.com/original-page"> <!-- Handle URL parameters --> <link rel="canonical" href="https://example.com/products/shoes"> <!-- Even if accessed via: /products/shoes?color=red&size=10 -->
Largest Contentful Paint (LCP) - Target: < 2.5s
First Input Delay (FID) - Target: < 100ms
Cumulative Layout Shift (CLS) - Target: < 0.1
Page Speed Optimization:
<!-- Preload critical resources --> <link rel="preload" href="/fonts/main.woff2" as="font" crossorigin> <!-- Defer non-critical CSS --> <link rel="preload" href="/styles/non-critical.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <!-- Async/defer JavaScript --> <script src="/js/analytics.js" async></script> <script src="/js/main.js" defer></script>
Mobile-First Optimization:
Viewport Configuration:
<meta name="viewport" content="width=device-width, initial-scale=1">
Best Practices:
Example:
Learn more about [advanced React patterns](/guides/react-patterns) or check out our [useState hook tutorial](/tutorials/usestate-guide).
Before Publishing:
Structure:
Pillar Page: "Complete Guide to React" βββ Cluster: "React Hooks Tutorial" βββ Cluster: "React Context API Guide" βββ Cluster: "React Performance Optimization" βββ Cluster: "React Testing Best Practices"
Implementation:
Question-Based Content:
## What is React? React is a JavaScript library for building user interfaces, developed by Facebook. It allows developers to create reusable UI components and efficiently update the DOM through a virtual DOM implementation.
List-Based Content:
## Top 5 React Best Practices 1. Use functional components with hooks 2. Implement proper state management 3. Optimize performance with React.memo 4. Follow component composition patterns 5. Write comprehensive tests
Table-Based Content:
| Framework | Performance | Learning Curve | Ecosystem |
|---|---|---|---|
| React | Excellent | Moderate | Extensive |
| Vue | Excellent | Easy | Growing |
| Angular | Good | Steep | Mature |
Google Business Profile Optimization:
Local Schema Markup:
{
"@type": "LocalBusiness",
"name": "Tech Solutions Inc",
"address": {
"@type": "PostalAddress",
"streetAddress": "123 Main St",
"addressLocality": "San Francisco",
"addressRegion": "CA",
"postalCode": "94102"
},
"telephone": "+1-415-555-0123"
}Key Metrics to Track:
Tools:
When optimizing for SEO, prioritize user experience and value delivery. Search engines increasingly reward content that genuinely helps users and provides authoritative, trustworthy information.
# Step 1: Initialize skill agent setup
npx skills add Seo Optimizer --install-production
python -m pip install -r requirements.txt
codex plugin install Seo Optimizer@latest
export API_KEY=secret_token_key_here
Unlock this skill to reveal complete step-by-step setup guides, terminal commands, configuration recipes, repository links, and interactive installation video walkthroughs.
Get instant access to complete setup guides, repository source code, and integration assets.
52 production-grade AI agent skills for technical marketers and founders. Automate conversion rate optimization (CRO), copywriting, programmatic SEO, analytics, paid ads, and growth loops across Claude Code, Codex, and Cursor.
Create SEO-optimized marketing content with consistent brand voice. Includes brand voice analyzer, SEO optimizer, content frameworks, and social media templates. Use when writing blog posts, creating social media content, analyzing brand voice, optimizing SEO, planning content calendars, or when user mentions content creation, brand voice, SEO optimization, social media marketing, or content strategy.
When the user wants to write, rewrite, or improve marketing copy for any page - including homepage, landing pages, pricing pages, feature pages, about pages, or product pages. Also use when the user says "write copy for," "improve this copy," "rewrite this page," "marketing copy," "headline help," or "CTA copy." For email copy, see email-sequence. For popup copy, see popup-cro.