seo-technical

Automate technical SEO setup for Next.js sites with schema markup and sitemaps.

Updated Jan 8, 2026
One-click install
npx skills add https://github.com/deomiarn/website-os --skill seo-technical
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo-technical
Source: https://github.com/deomiarn/website-os/tree/main/.claude/skills/seo-technical
Command: npx skills add https://github.com/deomiarn/website-os --skill seo-technical

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill implements and tunes the technical SEO foundations of a Next.js site, ensuring search engines can discover, index, and understand content effectively.

Core Features & Use Cases

  • Schema markup (JSON-LD): Add structured data to pages to improve rich results.
  • Sitemaps & robots.txt: Generate and manage crawl directives for optimal indexing.
  • Core Web Vitals & metadata: Optimize page metadata, canonical URLs, and performance signals for SEO health.
  • Use Case: Apply this to a marketing site launching a new product to ensure visibility and crawl efficiency from day one.

Quick Start

Run the SEO setup for your Next.js project by enabling metadata routes, adding a JSON-LD script, and generating a sitemap. Then verify with your preferred SEO tooling.

Frequently Asked Questions about seo-technical

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

FAQPage Schema
How do I add JSON-LD schema markup to a Next.js site?

To add JSON-LD schema markup to a Next.js site, you implement structured data scripts within your pages to help search engines understand content and generate rich results. This automates schema.org integration for static and dynamic routes.

What's the best way to generate sitemaps and robots.txt for Next.js dynamic routes?

Generating sitemaps and robots.txt for Next.js dynamic routes involves configuring metadata route handlers to output crawl directives automatically. This ensures optimal search engine indexing across all static and dynamic pages.

How does Next.js handle canonical URLs and metadata for SEO?

Next.js handles canonical URLs and SEO metadata through its metadata API, allowing you to define canonical tags and page metadata programmatically. This skill configures those API settings for correct search engine indexing signals.

How do I optimize Core Web Vitals for a Next.js application?

Optimizing Core Web Vitals for a Next.js application requires applying performance best practices across static and dynamic routes to improve loading and visual stability metrics. This skill tunes those performance signals for SEO health.

Does this technical SEO setup work for both static and dynamic Next.js routes?

Yes, this technical SEO setup applies to both static and dynamic Next.js routes, applying schema markup, sitemaps, and canonical URLs uniformly across your site architecture to ensure comprehensive search engine discovery.