SEO - Search Engine Optimization

Codifies metadata, structured data, and sitemaps for Next.js App Router SEO.

Updated Jan 26, 2026

Search Tags:#metadata #nextjs #sitemap #seo #robots #open-graph #structured-data

Ready to run

npx skills add https://github.com/theofernandezz/ai-library --skill seo-search-engine-optimization

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: SEO - Search Engine Optimization
Source: https://github.com/theofernandezz/ai-library/tree/main/.opencode/skills/seo
Command: npx skills add https://github.com/theofernandezz/ai-library --skill seo-search-engine-optimization

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SEO patterns for Next.js applications help ensure pages are crawlable, indexable, and shareable through proper meta tags, structured data, and sitemaps.

Core Features & Use Cases

Root Layout Metadata
Dynamic Page Metadata
Sitemap Generation
Robots.txt
Structured Data (JSON-LD)
Canonical URLs
hreflang support for multi-language websites
PWA manifest integration (optional)

Quick Start

Install and enable the SEO skill by configuring metadata, sitemaps, and structured data as described.

Frequently Asked Questions about SEO - Search Engine Optimization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I configure dynamic metadata for Next.js App Router pages?▼

Configure dynamic metadata in Next.js App Router by exporting a metadata function from your page, which generates unique title, description, and Open Graph tags for each dynamic route to ensure proper search indexing.

What is the best way to generate a sitemap and robots.txt in a Next.js application?▼

Generate a sitemap and robots.txt in Next.js by exporting dedicated sitemap.ts and robots.ts files from your App Router directory, dynamically creating crawlable URLs and defining search engine indexing rules.

How do I add structured data and JSON-LD schemas to my Next.js website?▼

Add structured data and JSON-LD schemas to your Next.js website by injecting JSON-LD script tags into your page components, enabling search engines to parse rich metadata and display enhanced search results.

Does this SEO approach support multi-language setups with hreflang tags?▼

Yes, this SEO approach supports multi-language setups by codifying hreflang tags in your metadata, ensuring search engines serve the correct language and regional URLs to international users.

Can I integrate a PWA manifest with Next.js metadata for discoverability?▼

Yes, you can integrate a PWA manifest with Next.js metadata by linking the manifest file in your root layout configuration, combining web app discoverability with standard search engine optimization practices.

How do canonical URLs work with dynamic routes in Next.js?▼

Canonical URLs work with dynamic routes by generating absolute URL strings within your page metadata configuration, preventing duplicate content issues by telling search engines which page version is the primary source.