К основному содержанию
скилл CX Codex

nextjs-seo — скилл для Claude Code: SEO в Next.js App Router

Скилл для внедрения и аудита SEO в Next.js App Router: метаданные, sitemap, канонические URL, структурированные данные, Core Web Vitals.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add laguagu/claude-code-nextjs-skills --skill nextjs-seo -a claude-code
Открыть на GitHub

Что делает nextjs-seo

Скилл берёт на себя задачи, которые обычно расползаются по десятку файлов: метаданные и социальные картинки, sitemap и robots, канонические адреса и локализация, структурированные данные, диагностика индексации и политика для ИИ-краулеров. Перед правками агент читает установленную версию Next.js и страницы в node_modules/next/dist/docs/, а типы Metadata, Viewport и MetadataRoute ищет в node_modules/next/dist/lib/metadata/types/metadata-interface.d.ts. Поэтому советы привязаны к вашему проекту, а не к абстрактной документации.

Внутри — набор справочников по областям: метаданные, sitemap и robots, JSON-LD, ИИ-поиск, чек-лист аудита и разбор проблем с индексацией и гидратацией. Агент сначала проверяет публичные URL, редиректы, коды ответов и правила обхода, и только потом добавляет разметку. Карта сайта помогает обнаружить страницы, но не делает их индексируемыми — это стоит держать в голове, если ждёте быстрого результата от одного sitemap.ts.

Отдельно про доказательства: выгрузка производительности показывает запросы и трафик, отчёты индексации отвечают за статус обхода и канонические адреса, а полевые измерения — за Core Web Vitals. Lighthouse остаётся лабораторной диагностикой и не заменяет полевой INP. Пороговые значения на 75-м процентиле: LCP ≤ 2.5 s, INP ≤ 200 ms, CLS ≤ 0.1. Скилл не для обычной работы с фичами Next.js вне SEO — для этого он не нужен.

Какие задачи решает

  • проверить, что метаданные отдают абсолютные URL с правильным metadataBase
  • настроить sitemap и robots вместе с локализацией
  • разобраться, почему страница не попадает в индекс
  • добавить JSON-LD, который описывает реальный видимый контент
  • отличить полевые метрики Core Web Vitals от отчёта Lighthouse

Примеры запросов агенту

  • Проверь SEO для страницы /blog/[slug]: метаданные, канонические адреса и Open Graph
  • Почему страница не индексируется? Посмотри статус, заголовки и полный HTML продакшена
  • Настрой sitemap и robots для мультиязычного сайта на App Router

Как установить nextjs-seo

1Через Skills CLI (Vercel)

npx skills add laguagu/claude-code-nextjs-skills --skill nextjs-seo -a claude-code

2Вручную: положить файлы

~/.claude/skills/nextjs-seo/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/nextjs-seo/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о nextjs-seo

Как установить nextjs-seo в Claude?

Выполните npx skills add laguagu/claude-code-nextjs-skills --skill nextjs-seo -a claude-code. Скилл появится в ~/.claude/skills/nextjs-seo/SKILL.md.

Что делает nextjs-seo?

Внедряет и проверяет SEO в Next.js App Router: метаданные и социальные картинки, sitemap и robots, канонические адреса, структурированные данные, Core Web Vitals и политику для ИИ-краулеров.

Подойдёт ли скилл для обычной работы с фичами Next.js?

Нет, он рассчитан именно на SEO. Задачи вне поисковой оптимизации в его область не входят.

Исходный текст

SKILL.md · MIT
---
name: nextjs-seo
description: Next.js App Router SEO implementation and audits. Use for metadata and social images, sitemap/robots, canonicals and localization, structured data, Core Web Vitals evidence, AI crawler policy or search-indexing diagnosis. Not for general Next.js feature work unrelated to SEO.
---

# Next.js SEO

Start from the page's task, production response and observed search behavior.
Read the installed Next.js version and relevant `node_modules/next/dist/docs/`
pages (bundled from 16.2); otherwise use matching official documentation.
`Metadata`, `Viewport` and `MetadataRoute` types are also in
`node_modules/next/dist/lib/metadata/types/metadata-interface.d.ts`. Keep
framework APIs, caching mode and deployment policy consistent with the project.

Useful, distinct content matters more than a longer page. Give titles,
headings and descriptions separate jobs; add a FAQ, summary, badges or extra
pages only when they help the reader. Publication dates must reflect meaningful
changes. Verify authorship, credentials and factual claims.

## Implementation and audit scope

- Verify public URLs, redirects, status codes, crawl rules, index directives
  and canonicals before adding markup. A sitemap supports discovery; it does
  not make a page indexable or guarantee indexing.
- Keep important public content available in the served HTML when practical.
  A Client Component can be server-prerendered; `use client` alone does not
  remove content from HTML.
- Use the App Router Metadata API and file conventions. Resolve relative
  metadata URLs with the correct production `metadataBase` and verify emitted
  absolute URLs. Do not rely on missing-base behavior across versions/hosts.
- Configure refresh/invalidation for data-backed pages, metadata and sitemaps.
  A database query alone does not guarantee publication updates reach them.
  With Cache Components enabled, follow the installed Next.js caching docs
  (`node_modules/next/dist/docs/`); caching is a freshness decision rather
  than a required SEO directive.
- Structured data must describe real visible content and a supported consumer.
  Check current rich-result eligibility instead of adding every schema type.
- Preserve the owner's crawler policy. Training, search and user-triggered
  retrieval have different controls; robots rules are not access control.

## Read for the affected area

- [Metadata](references/metadata-api.md): inheritance, social images, icons and streaming.
- [Sitemaps/robots](references/sitemap-robots.md): discovery, localization and preview policy.
- [Structured data](references/json-ld.md): current eligibility and safe serialization.
- [AI search](references/ai-search.md): crawler purposes, policy and evidence.
- [Audit checklist](references/checklist.md): scoped production and Search Console checks.
- [Troubleshooting](references/troubleshooting.md): indexing, HTML and hydration diagnosis.

Separate evidence in the report: a performance export shows queries/traffic;
URL Inspection and indexing reports address crawl/index/canonical status;
field measurements address Core Web Vitals. Lighthouse is a lab diagnostic
and cannot establish field INP. Good field thresholds at the 75th percentile
are LCP ≤ 2.5 s, INP ≤ 200 ms and CLS ≤ 0.1.

Verify status, headers and complete production HTML, including relevant bot
responses, then open the route directly and test its interaction. A spoofed
User-Agent tests response handling, not actual verified bot access. Report
unavailable checks explicitly and avoid ranking, indexing or citation promises.

© laguagu · MIT · laguagu/claude-code-nextjs-skills

Похожие скиллы

Всё по теме «SEO и GEO» →
seo-aeo-best-practices sanity-io Скилл с правилами SEO и AEO: метаданные, Open Graph, sitemap, robots.txt, hreflang, JSON-LD и EEAT. Пригодится, когда верстаешь страницы и хочешь, чтобы их подхватили поисковики и ИИ-ответы. CX Codex +1 7 300установок fixing-metadata ibelick Проверяет и приводит в порядок метаданные страниц: заголовки, описания, canonical, Open Graph, карточки Twitter, иконки и JSON-LD. CX Codex +1 18 200установок nextjs-developer https://github.com/Jeffallan Скилл настраивает архитектуру приложений на Next.js 14+ с App Router, серверными компонентами и Server Actions. Помогает внедрить потоковый SSR и подготовить проект к деплою. CX Codex +1 5 800установок seo-local-business jezweb Генерирует метатеги <head>, микроразметку JSON-LD LocalBusiness, robots.txt и sitemap.xml для сайтов локальных компаний с привязкой к регионам и пригородам. CX Codex +1 1 800установок semantic-html-and-seo dembrandt Скилл для ИИ-агента: подсказывает семантичную разметку HTML5, метатеги, alt-тексты и progressive enhancement. Пригодится при вёрстке интерфейса и разборе чужого markup. CX Codex +1 901установок seo-geo ReScienceLab Проверяет техническое SEO, подбирает ключевые слова и готовит разметку JSON-LD, чтобы страницы цитировали поисковики и ИИ-ответы. CX Codex +1 53 900установок

Из того же набора3

Спонсоры проекта

Компании, которые помогают держать аналитику открытой