seo

zzoohub's avatarfrom zzoohub

SEO checklist and common patterns. Covers structured data (JSON-LD), dynamic OG images, and multi-language setup. Use as a reference when setting up SEO for Next.js apps.

⭐0stars🔀0forks📁View on GitHub🕐Updated Jan 10, 2026
[SEO and Content Briefs]

When & Why to Use This Skill

This Claude skill provides a comprehensive SEO framework and technical checklist designed to optimize web applications for search engines. It specializes in structured data implementation (JSON-LD), dynamic Open Graph metadata, and multi-language configurations, specifically tailored for modern frameworks like Next.js. By leveraging these patterns, users can ensure their content is discoverable, social-media ready, and eligible for rich search results.

Use Cases

  • Implementing structured data (JSON-LD) for Articles, Products, and FAQs to enhance search engine visibility and achieve rich snippets.
  • Configuring multi-language SEO using hreflang tags and localized metadata to reach international audiences effectively.
  • Setting up dynamic Open Graph (OG) images and metadata in Next.js applications to improve click-through rates on social media platforms.
  • Performing technical SEO audits using the built-in checklist to ensure proper heading hierarchy, canonical URLs, and sitemap configurations.
  • Streamlining the developer-to-SEO workflow by providing ready-to-use code snippets for metadata APIs and schema integration.
nameseo
description|
Use whensetting up metadata, structured data, OG images, multi-language SEO.
Do not use forgeneral web performance (use performance-patterns skill).
WorkflowUse alongside nextjs skill.

SEO Patterns

For framework-specific implementation, use context7 MCP server with the relevant library. For latest Next.js metadata APIs, use context7 MCP server with library-id vercel/next.js.

Quick Checklist

Per Page

  • Unique title (50-60 chars)
  • Meta description (150-160 chars)
  • Canonical URL set
  • OG tags (title, description, image)
  • Single H1, proper heading hierarchy
  • Images have alt text

Site-Wide

  • sitemap.xml generated
  • robots.txt configured
  • HTTPS enabled
  • Core Web Vitals passing
  • Hreflang tags (if multi-language)

Next.js Metadata

For latest Next.js metadata APIs:

Structured Data (JSON-LD)

Rule: Add JSON-LD for content that benefits from rich results.

How to Add

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

Article

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Article title",
  "description": "Article description",
  "image": "https://example.com/image.jpg",
  "datePublished": "2024-01-01",
  "author": { "@type": "Person", "name": "Author Name" }
}

Product

{
  "@context": "https://schema.org",
  "@type": "Product",
  "name": "Product Name",
  "description": "Product description",
  "image": "https://example.com/product.jpg",
  "offers": {
    "@type": "Offer",
    "price": "29.99",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}

FAQ

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Question text?",
      "acceptedAnswer": { "@type": "Answer", "text": "Answer text" }
    }
  ]
}

Multi-language SEO

Set alternates.languages in metadata with hreflang codes:

'en': 'https://example.com/en'
'ko': 'https://example.com/ko'
'x-default': 'https://example.com/en'

References