seo

Generate type-safe metadata, Open Graph tags, and JSON-LD for Next.js 15+ apps.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/perimetre/ai-toolkit --skill seo-perimetre
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: seo
Source: https://github.com/perimetre/ai-toolkit/tree/main/plugins/perimetre-apps/skills/seo
Command: npx skills add https://github.com/perimetre/ai-toolkit --skill seo-perimetre

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Périmètre's SEO patterns for Next.js apps provide a structured approach to implementing metadata, Open Graph, and structured data, simplifying review and rollout of SEO improvements across projects.

Core Features & Use Cases

  • Metadata API: type-safe generation of per-page metadata with generateMetadata
  • Canonicalization & Robots: consistent canonical URLs and robots.txt coverage
  • Structured data: JSON-LD snippets for articles, breadcrumbs, and organizations
  • Sitemap generation: dynamic sitemap handling for content-driven sites
  • Use Case: Rapidly apply production-grade SEO patterns to a Next.js 15+ app to improve search visibility and AI-powered discovery.

Quick Start

Apply the SEO patterns to a Next.js 15+ app to configure metadata, canonical URLs, and JSON-LD for search and AI discovery.

Frequently Asked Questions about seo

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

FAQPage Schema
How do I generate metadata and Open Graph tags in a Next.js App Router app?

Generate Next.js metadata and Open Graph tags using a type-safe metadata API with generateMetadata, which automates per-page SEO configurations for apps using Next.js 15+ and the App Router.

What is the best way to add JSON-LD structured data to Next.js pages?

Add JSON-LD structured data to Next.js by injecting snippets for articles, breadcrumbs, and organizations, improving search visibility and AI-powered discovery across pages, posts, and documentation.

How do I configure canonical URLs and hreflang tags for Next.js?

Configure canonical URLs and hreflang tags for Next.js through a static metadata API that ensures consistent URL canonicalization and multilingual targeting across application routes.

Does this SEO approach support dynamic sitemap generation for content-driven Next.js sites?

Yes, this SEO approach supports dynamic sitemap generation for content-driven Next.js sites, automating sitemap handling alongside robots.txt coverage to ensure comprehensive search engine crawling.

Can I use these SEO patterns with an older Next.js version or the Pages Router?

These SEO patterns are designed for Next.js 15+ using the App Router, leveraging the modern metadata API which is not available in the Pages Router or older Next.js versions.

Why do my Next.js pages lack consistent canonical URLs and structured data?

Next.js pages lack consistent canonical URLs and structured data without a centralized metadata strategy, which this approach solves by automating canonical URLs, robots.txt, and JSON-LD generation.