Next.js Portfolio SEO.
Technical guide to SEO: metadata, JSON-LD schemas, AI-crawler signals, RSS feeds, and Open Graph optimization.
Next.jsSEOJSON-LDAI-SEO
Next.js provides the building blocks—Metadata API, static rendering—but ranking requires a deliberate architecture: structured data, canonical URLs, and signals for AI crawlers.
Use the Metadata API for title templates and canonical URLs. This ensures consistent branding while preventing duplicate content indexing.
- Title Template: "%s | Name"
- RSS: Declare in alternates.types
Emit Person, Article, and ProfilePage schemas using @id references to create a connected knowledge graph for search engines and AI citations.
Deploy llms.txt and .well-known/ai-plugin.json. Explicitly allow AI bots (GPTBot, ClaudeBot) in robots.txt to feed AI-driven search results.
Use sitemap.ts for automated URL generation and /feed.xml route handlers for aggregator compatibility and crawl efficiency.
Validate against Google Search Console and Bing Webmaster Tools. Use Lighthouse CI to enforce SEO and performance guardrails.
“In 2026, ranking in search engines is necessary but not sufficient. Your site must also be discoverable by AI agents.”