SEO & AEO Optimization Framework

Comprehensive search engine and answer engine optimization toolkit covering on-page SEO, technical SEO, content optimization, structured data, and AI search engine (AEO) visibility for modern web applications.

When to Use This Skill

Choose SEO & AEO Optimization when:

• Improving organic search visibility and rankings
• Optimizing content for AI-powered answer engines (Google AI Overview, Perplexity, ChatGPT)
• Implementing technical SEO (sitemaps, canonical URLs, structured data)
• Auditing existing pages for SEO issues and opportunities
• Building content strategies that target both traditional and AI search

Consider alternatives when:

• Need paid search advertising — use Google Ads tools
• Need social media optimization — use social media tools
• Need conversion optimization — use CRO/A/B testing tools

Quick Start

Copy
# Activate SEO/AEO optimization
claude skill activate expert-seo-aeo-optimization-framework

# Audit a page
claude "SEO audit the homepage and provide actionable recommendations"

# Optimize for AI search
claude "Optimize our FAQ page for AI answer engine visibility"

Example: On-Page SEO Implementation

Copy
// Next.js SEO component with structured data
import { Metadata } from 'next';

export const metadata: Metadata = {
  title: 'Best React UI Libraries 2024 — Comparison & Guide',
  description: 'Compare the top 10 React UI component libraries. Performance benchmarks, bundle sizes, and real-world examples for Material UI, Chakra, Radix, and more.',
  openGraph: {
    title: 'Best React UI Libraries 2024',
    description: 'Compare top React UI libraries with benchmarks',
    type: 'article',
    publishedTime: '2024-03-15',
    authors: ['https://example.com/authors/jane'],
    images: [{ url: '/images/react-ui-comparison.jpg', width: 1200, height: 630 }],
  },
  twitter: {
    card: 'summary_large_image',
    title: 'Best React UI Libraries 2024',
    description: 'Performance comparison of top React component libraries',
  },
  alternates: {
    canonical: 'https://example.com/blog/best-react-ui-libraries',
  },
};

// Structured data for article
function ArticleStructuredData() {
  const jsonLd = {
    '@context': 'https://schema.org',
    '@type': 'Article',
    headline: 'Best React UI Libraries 2024 — Comparison & Guide',
    datePublished: '2024-03-15',
    dateModified: '2024-03-15',
    author: {
      '@type': 'Person',
      name: 'Jane Developer',
      url: 'https://example.com/authors/jane',
    },
    publisher: {
      '@type': 'Organization',
      name: 'TechBlog',
      logo: { '@type': 'ImageObject', url: 'https://example.com/logo.png' },
    },
    image: 'https://example.com/images/react-ui-comparison.jpg',
    description: 'Compare the top 10 React UI component libraries...',
  };

  return <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />;
}

// FAQ structured data (high AEO value)
function FAQStructuredData({ faqs }: { faqs: { q: string; a: string }[] }) {
  const jsonLd = {
    '@context': 'https://schema.org',
    '@type': 'FAQPage',
    mainEntity: faqs.map(faq => ({
      '@type': 'Question',
      name: faq.q,
      acceptedAnswer: { '@type': 'Answer', text: faq.a },
    })),
  };

  return <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />;
}

Core Concepts

SEO vs AEO

Aspect	SEO (Traditional Search)	AEO (AI Answer Engines)
Goal	Rank in search results	Be cited as an answer source
Format	Blue link rankings	Featured snippet, AI overview
Content	Keyword-optimized pages	Concise, authoritative answers
Structure	H1/H2, meta tags	Question-answer format, lists, tables
Authority	Backlinks, domain rating	Expertise, sourcing, freshness
Measurement	Rankings, CTR, traffic	Citations, answer inclusion

Technical SEO Checklist

Category	Check	Implementation
Crawlability	robots.txt, sitemap.xml	Allow all important pages
Indexation	Canonical URLs, noindex tags	One canonical per content
Speed	Core Web Vitals (LCP <2.5s)	Image optimization, CDN
Mobile	Responsive, mobile-friendly	Viewport meta, touch targets
Structured Data	Schema.org JSON-LD	Article, FAQ, Product schemas
Security	HTTPS, no mixed content	TLS certificate, CSP headers
Internationalization	hreflang tags	Language/region targeting

Content Optimization for AEO

Technique	Description	Example
Question Headings	Use H2s as questions users ask	"## What is the best React UI library?"
Concise Answers	Lead with a direct answer, then elaborate	"Material UI is the most popular..."
Comparison Tables	Structured data AI can parse easily	Feature comparison markdown tables
Step-by-Step Lists	Numbered instructions	"1. Install the package... 2. Import..."
Data Citations	Reference authoritative sources	"According to npm trends (2024)..."
Freshness Signals	Clear dates, regular updates	dateModified in structured data

Configuration

Parameter	Description	Default
target_search	Optimize for: google, bing, ai-engines, all	all
structured_data	Schema types to implement	["Article", "FAQ", "BreadcrumbList"]
canonical_base	Base URL for canonical tags	Site URL
sitemap_format	Sitemap: xml, txt	xml
robots_config	Robot crawling rules	Allow all non-admin pages
meta_length	Max meta description length	155

Best Practices

1. Write content that directly answers user questions in the first paragraph — AI answer engines extract content that directly answers queries. Lead with a clear, concise answer in the first 1-2 sentences, then elaborate with supporting details. This maximizes both featured snippet and AI citation chances.

2. Implement FAQ structured data on every informational page — FAQPage schema provides structured question-answer pairs that search engines and AI systems can directly parse. Each FAQ item is a potential featured snippet or AI answer citation.

3. Use comparison tables for competitive and feature content — Tables with clear headers are easily parsed by both traditional search engines and AI systems. Structure comparisons as HTML tables with proper <thead> and <th> elements for maximum machine readability.

4. Update content regularly and signal freshness — Include visible "Last updated" dates and dateModified in structured data. AI engines prioritize fresh content, especially for technology and trending topics. Schedule quarterly content reviews for important pages.

5. Build topical authority through content clusters — Create a pillar page for a broad topic and link it to detailed subtopic pages. This demonstrates expertise to both Google and AI engines. Internal linking between related content strengthens the entire cluster's authority.

Common Issues

Content ranks well in traditional search but is never cited by AI engines. AI engines prioritize concise, well-structured answers over SEO-optimized content. Restructure content with clear question-answer headings, bulleted lists for key points, and tables for comparisons. Remove filler content and get to the point faster.

Structured data validation errors prevent rich results. Test all structured data with Google's Rich Results Test tool. Common errors: missing required fields, incorrect date formats, URLs with spaces, and nested type mismatches. Fix validation errors before deploying and re-test after changes.

Canonical URL confusion causes duplicate content issues. Every page should have exactly one canonical URL. Self-referencing canonicals (page points to itself) are safest. For paginated content, each page should have its own canonical. Never point a canonical to a different page unless the content is truly duplicated.