optimise-seo

Optimize Next.js App Router SEO with metadata, sitemaps, and structured data.

Updated Sep 10, 2025
One-click install
npx skills add https://github.com/tillysoso/mv1 --skill optimise-seo-tillysoso
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: optimise-seo
Source: https://github.com/tillysoso/mv1/tree/main/.claude/skills/optimise-seo
Command: npx skills add https://github.com/tillysoso/mv1 --skill optimise-seo-tillysoso

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Optimises SEO for Next.js App Router apps by implementing metadata, sitemaps, structured data, canonical URLs, and Core Web Vitals improvements, without any visual redesigns.

Core Features & Use Cases

  • Generates and enforces sitemap.xml and robots.txt, OpenGraph and Twitter Card tags, JSON-LD structured data, and consistent metadata across routes.
  • Supports programmatic SEO at scale with route-specific metadata and clean, SEO-friendly URLs for hubs/spokes patterns.

Quick Start

Run the optimise-seo workflow on your Next.js app to initialize metadata and sitemaps across the site.

Frequently Asked Questions about optimise-seo

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

FAQPage Schema
How do I add sitemap.xml and robots.txt to a Next.js App Router project?

To add sitemap.xml and robots.txt in Next.js App Router, you need sitemap.ts and robots.ts files. This workflow generates and enforces these files natively, ensuring search engines can crawl your routes without manual XML configuration.

What's the best way to manage metadata and canonical URLs across multiple Next.js routes?

Managing metadata and canonical URLs across Next.js routes is best handled programmatically at the route level. This approach enforces canonical consistency and generates route-specific OpenGraph and Twitter tags to prevent duplicate content issues.

How does JSON-LD structured data work with Next.js App Router for SEO?

JSON-LD structured data in Next.js App Router works by injecting schema markup into your pages to help search engines understand content context. This workflow coordinates JSON-LD implementation alongside your existing metadata to enhance search visibility.

Can I implement programmatic SEO at scale using Next.js App Router metadata?

Yes, you can implement programmatic SEO at scale using Next.js App Router by generating route-specific metadata. This supports hub and spoke URL patterns with clean, SEO-friendly URLs driven by accessible metadata across large numbers of dynamic pages.

Does this approach help with Core Web Vitals tuning for Next.js applications?

Yes, this approach helps with Core Web Vitals (CWV) tuning for Next.js applications. It coordinates metadata and structured data delivery to satisfy CWV requirements, ensuring your accessible metadata-driven pages meet performance benchmarks.

Why do my Next.js pages have inconsistent OpenGraph and Twitter Card tags?

Inconsistent OpenGraph and Twitter Card tags in Next.js usually happen when metadata is not coordinated at the route level. Enforcing consistent metadata generation across all routes ensures every page outputs the correct social sharing tags.