AgentSkillsCN

next-metadata-seo

在 Next.js App Router 中加入元数据与 SEO 模式。

SKILL.md
--- frontmatter
name: next-metadata-seo
description: Add metadata and SEO patterns in Next.js App Router.
disable-model-invocation: true

Next.js Metadata and SEO

Implement metadata for App Router routes with explicit social and SEO fields.

When to Use

  • •Adding SEO metadata to routes
  • •Dynamic metadata for content pages

Inputs

  • •Page title/description
  • •Open Graph and social fields
  • •Structured data needs (JSON-LD)

Instructions

  1. •Add metadata or generateMetadata to the route.
  2. •Use structured metadata objects.
  3. •Add Open Graph and Twitter fields when needed.
  4. •Avoid client-only metadata updates.

Output

  • •Route metadata aligned with App Router patterns.