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
Темы гайда
- 01→
Стратегия рендеринга: что на самом деле видит краулер?
Как SSG, ISR, SSR и CSR влияют на индексацию в Next.js, почему клиентский рендеринг невидим для большинства краулеров и как проверить, что видят боты.
- 02→
Metadata API: тайтлы, описания и паттерн с шаблоном
Правильная работа с Metadata API в Next.js: metadataBase, шаблоны тайтлов, generateMetadata для контента из CMS и дедупликация запросов через React cache().
- 03→
Canonical и hreflang: одна страница — один адрес
Canonical и hreflang в Next.js: борьба с дублями, взаимные языковые ссылки, локализованные слаги и правильный x-default.
- 04→
Open Graph и динамические OG-картинки
Open Graph и динамические OG-картинки в Next.js через ImageResponse: автогенерация превью 1200×630 для каждой страницы.
- 05→
sitemap.ts и robots.ts: файловые конвенции вместо рукописного XML
sitemap.ts и robots.ts в App Router: честный lastModified, разбиение больших sitemap и почему robots.txt не удаляет страницы из индекса.
- 06→
Структурированные данные: JSON-LD, который приносит rich results
Структурированные данные JSON-LD в Next.js: серверная разметка статей, хлебных крошек, FAQ и товаров с типизацией schema-dts.
- 07→
Картинки, шрифты и скрипты: классическое трио производительности
Оптимизация картинок, шрифтов и сторонних скриптов в Next.js: priority и sizes в next/image, селф-хостинг через next/font и стратегии загрузки скриптов.
- 08→
Core Web Vitals: три числа, которые измеряет Google
LCP, INP и CLS в Next.js: конкретные исправления для каждой метрики, лабораторные и полевые данные, мониторинг через useReportWebVitals.
- 09→
Редиректы, 404 и коды ответов
Редиректы и коды ответов в Next.js: 308 против 307, permanentRedirect, настоящие 404 через notFound() и чистый индекс без цепочек и soft 404.
- 10→
Кеширование и свежесть контента
Как кеширование влияет на SEO в Next.js: ISR плюс вебхук-ревалидация — мгновенная свежесть без SSR-задержки на каждый обход.
- 11→
AEO/GEO: как попасть в ответы ChatGPT, Perplexity и Google AI Overviews
AEO/GEO для Next.js: как сделать контент читаемым и цитируемым для ChatGPT, Perplexity и Google AI Overviews — robots, llms.txt и формат ответов.
- 12→
Мониторинг: SEO — это цикл, а не задача на запуск
Мониторинг SEO на сайте Next.js: работа с Search Console, бюджеты Lighthouse CI, логирование визитов AI-краулеров и смоук-проверки после релизов.
- 13→
Траст и E-E-A-T: как сделать сайт заслуживающим доверия
Сигналы E-E-A-T на сайте Next.js: настоящее авторство, схемы Person и Organization, честные даты, ссылки на источники и доказательства опыта — для Google и AI-движков.
- 14→
Image SEO: как превратить картинки в трафик
Изображения как канал трафика в Next.js: уникальные визуалы вместо стока, alt и имена файлов, схема ImageObject с лицензией, image sitemap и маркировка AI-картинок.
- 15→
Внутренняя перелинковка и архитектура сайта
Стратегия внутренних ссылок для сайтов на Next.js: тематические кластеры, говорящие анкоры, глубина обхода, страницы-сироты и генерация related-блоков из данных.
- 16→
Поисковые интенты: страницы под то, что люди реально ищут
Карта поисковых интентов для сайта на Next.js: информационные и коммерческие запросы, стратегия long-tail, CTR-оптимизация тайтлов и жизнь в эпоху zero-click.
- 17→
Programmatic SEO в Next.js: страницы в масштабе без спама
Programmatic SEO через generateStaticParams: шаблонные страницы из данных, планка уникальной ценности, отделяющая их от дорвеев, и бесплатные инструменты как магниты ссылок.
- 18→
SEO-миграция: переезд на Next.js без потери трафика
Плейбук миграции на Next.js: инвентаризация URL, карта редиректов, проверка паритета на стейджинге, верификация в день запуска и что считается нормой в первые недели.
- 19→
Пагинация и фасетная навигация без раздувания индекса
Пагинация и фильтры в Next.js по уму: самоссылающиеся canonical у страниц, infinite scroll с настоящими URL и какие комбинации фильтров заслуживают индексации.
- 20→
Доступность и SEO: одна работа — две награды
Почему работа над доступностью на Next.js — это одновременно SEO: семантический HTML, заголовки, alt и имена ссылок, плюс дедлайн EAA, делающий её обязательной в ЕС.
- 21→
Угасание контента: обновить, склеить или удалить
Позиции деградируют по умолчанию: как находить угасающие страницы в Search Console и решать по каждой — обновить, влить в более сильную или убрать совсем.
- 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-видимость, которые большинство аудитов пропускает.