Know-how / Тем: 22

SEO-чеклист для Next.js: полный гайд по App Router (2026)

Next.js даёт все инструменты для хороших позиций в поиске — но ни один из них не работает «сам по себе». Этот чеклист проходит по всем слоям SEO в App Router: от стратегии рендеринга до структурированных данных и нового фронтира — цитируемости в AI-ответах.

Почему SEO в Next.js — это чеклист, а не плагин

В WordPress вы ставите SEO-плагин и заполняете поля. В Next.js SEO — это набор инженерных решений: как рендерится страница, какой HTML получает краулер, как быстро она грузится и насколько понятно объясняет себя машинам. Ошибка на одном слое — например, описания товаров, отрендеренные на клиенте, — и никакие мета-теги уже не спасут.

Разбираем каждый слой по порядку. В конце каждого раздела — конкретные пункты для проверки.

Содержание / 01—22

Темы гайда

  1. 01

    Стратегия рендеринга: что на самом деле видит краулер?

    Как SSG, ISR, SSR и CSR влияют на индексацию в Next.js, почему клиентский рендеринг невидим для большинства краулеров и как проверить, что видят боты.

    →
  2. 02

    Metadata API: тайтлы, описания и паттерн с шаблоном

    Правильная работа с Metadata API в Next.js: metadataBase, шаблоны тайтлов, generateMetadata для контента из CMS и дедупликация запросов через React cache().

    →
  3. 03

    Canonical и hreflang: одна страница — один адрес

    Canonical и hreflang в Next.js: борьба с дублями, взаимные языковые ссылки, локализованные слаги и правильный x-default.

    →
  4. 04

    Open Graph и динамические OG-картинки

    Open Graph и динамические OG-картинки в Next.js через ImageResponse: автогенерация превью 1200×630 для каждой страницы.

    →
  5. 05

    sitemap.ts и robots.ts: файловые конвенции вместо рукописного XML

    sitemap.ts и robots.ts в App Router: честный lastModified, разбиение больших sitemap и почему robots.txt не удаляет страницы из индекса.

    →
  6. 06

    Структурированные данные: JSON-LD, который приносит rich results

    Структурированные данные JSON-LD в Next.js: серверная разметка статей, хлебных крошек, FAQ и товаров с типизацией schema-dts.

    →
  7. 07

    Картинки, шрифты и скрипты: классическое трио производительности

    Оптимизация картинок, шрифтов и сторонних скриптов в Next.js: priority и sizes в next/image, селф-хостинг через next/font и стратегии загрузки скриптов.

    →
  8. 08

    Core Web Vitals: три числа, которые измеряет Google

    LCP, INP и CLS в Next.js: конкретные исправления для каждой метрики, лабораторные и полевые данные, мониторинг через useReportWebVitals.

    →
  9. 09

    Редиректы, 404 и коды ответов

    Редиректы и коды ответов в Next.js: 308 против 307, permanentRedirect, настоящие 404 через notFound() и чистый индекс без цепочек и soft 404.

    →
  10. 10

    Кеширование и свежесть контента

    Как кеширование влияет на SEO в Next.js: ISR плюс вебхук-ревалидация — мгновенная свежесть без SSR-задержки на каждый обход.

    →
  11. 11

    AEO/GEO: как попасть в ответы ChatGPT, Perplexity и Google AI Overviews

    AEO/GEO для Next.js: как сделать контент читаемым и цитируемым для ChatGPT, Perplexity и Google AI Overviews — robots, llms.txt и формат ответов.

    →
  12. 12

    Мониторинг: SEO — это цикл, а не задача на запуск

    Мониторинг SEO на сайте Next.js: работа с Search Console, бюджеты Lighthouse CI, логирование визитов AI-краулеров и смоук-проверки после релизов.

    →
  13. 13

    Траст и E-E-A-T: как сделать сайт заслуживающим доверия

    Сигналы E-E-A-T на сайте Next.js: настоящее авторство, схемы Person и Organization, честные даты, ссылки на источники и доказательства опыта — для Google и AI-движков.

    →
  14. 14

    Image SEO: как превратить картинки в трафик

    Изображения как канал трафика в Next.js: уникальные визуалы вместо стока, alt и имена файлов, схема ImageObject с лицензией, image sitemap и маркировка AI-картинок.

    →
  15. 15

    Внутренняя перелинковка и архитектура сайта

    Стратегия внутренних ссылок для сайтов на Next.js: тематические кластеры, говорящие анкоры, глубина обхода, страницы-сироты и генерация related-блоков из данных.

    →
  16. 16

    Поисковые интенты: страницы под то, что люди реально ищут

    Карта поисковых интентов для сайта на Next.js: информационные и коммерческие запросы, стратегия long-tail, CTR-оптимизация тайтлов и жизнь в эпоху zero-click.

    →
  17. 17

    Programmatic SEO в Next.js: страницы в масштабе без спама

    Programmatic SEO через generateStaticParams: шаблонные страницы из данных, планка уникальной ценности, отделяющая их от дорвеев, и бесплатные инструменты как магниты ссылок.

    →
  18. 18

    SEO-миграция: переезд на Next.js без потери трафика

    Плейбук миграции на Next.js: инвентаризация URL, карта редиректов, проверка паритета на стейджинге, верификация в день запуска и что считается нормой в первые недели.

    →
  19. 19

    Пагинация и фасетная навигация без раздувания индекса

    Пагинация и фильтры в Next.js по уму: самоссылающиеся canonical у страниц, infinite scroll с настоящими URL и какие комбинации фильтров заслуживают индексации.

    →
  20. 20

    Доступность и SEO: одна работа — две награды

    Почему работа над доступностью на Next.js — это одновременно SEO: семантический HTML, заголовки, alt и имена ссылок, плюс дедлайн EAA, делающий её обязательной в ЕС.

    →
  21. 21

    Угасание контента: обновить, склеить или удалить

    Позиции деградируют по умолчанию: как находить угасающие страницы в Search Console и решать по каждой — обновить, влить в более сильную или убрать совсем.

    →
  22. 22

    Off-page для разработчиков: ссылки, которые не покупают

    Линкбилдинг с нечестными преимуществами разработчика: бесплатные инструменты, оригинальные данные, open source, экспертные комментарии и синдикация с canonical — и чего не делать никогда.

    →

Практический чеклист

Практический SEO-чеклист для Next.js по разделам: стратегия рендеринга, Metadata API, hreflang, структурированные данные, Core Web Vitals и оптимизация под AI-поисковики.

Сжатый чеклист

Версия для печати — если можете отметить все пункты, вы впереди ~95% сайтов на Next.js:

  • Индексируемые роуты — SSG/ISR; контент виден через curl
  • metadataBase + шаблон тайтла + уникальные title/description на каждой странице
  • Самоссылающиеся canonical; взаимный hreflang с x-default
  • OG-теги + картинка 1200×630 (по возможности генерируемая через ImageResponse)
  • sitemap.ts с честным lastModified; robots.ts без случайных блокировок
  • JSON-LD: Organization, Article, BreadcrumbList (+ FAQ/Product по месту), рендер на сервере
  • next/image с priority на hero, next/font, сторонние скрипты отложены
  • Полевые CWV зелёные: LCP < 2,5 с, INP < 200 мс, CLS < 0,1
  • Чистые редиректы (без цепочек), настоящие 404, одна форма URL
  • ISR + вебхук-ревалидация для свежести контента
  • Судьба AI-краулеров решена в robots; контент серверный и в форме ответов
  • Search Console под наблюдением; Lighthouse CI сторожит регрессии
  • Именованные авторы, схема Person с sameAs, честные даты, источники (E-E-A-T)
  • На каждой значимой странице — уникальные картинки с настоящим alt
  • Нет страниц-сирот; всё в 3 кликах; говорящие анкоры
  • Один интент на страницу; тайтлы переписаны там, где CTR отстаёт от показов
  • Programmatic-страницы несут реальную ценность; тонкие варианты — под noindex
  • Миграции едут с протестированной одношаговой картой редиректов и проверкой паритета
  • Страницы пагинации канонизированы на себя; фасеты разложены (индекс / noindex / блок)
  • Главные сценарии проходят WCAG 2.1 AA; порог a11y в CI (соответствие EAA)
  • Ежеквартальная ревизия угасания: обновить, склеить или удалить падающие страницы
  • Хотя бы один линкуемый актив запущен; незалинкованные упоминания конвертированы

Нужна помощь? Мы делаем аудиты технического SEO и оптимизацию скорости для сайтов на Next.js — включая мультиязычность и AI-видимость, которые большинство аудитов пропускает.