Меню
⚛️ Next.js · React · SSR · App Router

SEO для приложений на Next.js

Стек №1 для сложных React-приложений: SSR, App Router, Server Components. Силён в SEO, но требует точной настройки — одна ошибка с динамическим рендерингом обнуляет всю работу. Next.js даёт максимальную гибкость SSR/SSG/ISR, но именно эта гибкость — главный риск. На Next.js одинаково легко сделать сайт с идеальным SEO или сайт, который Google не видит вообще.

App RouterRSCISRSSR
Что входит

Услуги SEO для проектов на этом стеке

Выбор стратегии рендеринга

Для каждой страницы — что лучше: SSG, ISR, SSR, dynamic. Без правильного выбора Google не индексирует.

Metadata API и generateMetadata

Динамическая генерация мета-тегов в App Router, унификация через layout, корректные canonical.

Server Components vs Client Components

Корректная разделение — RSC для контента, client-components только для интерактива. Минимум JS на странице.

ISR и revalidate

Настройка revalidate-стратегий — каждые N минут или on-demand. Google любит свежий контент.

Sitemap.ts и robots.ts

Динамическая генерация через app/sitemap.ts с правильными приоритетами и lastmod.

Image и Font Optimization

next/image и next/font — критично для LCP. Настройка раздельных размеров под мобильные и десктоп.

Типичные проблемы стека

Что чаще всего ломает SEO на этом стеке

dynamic = 'force-dynamic' убивает SEO

Один лишний флаг force-dynamic на главной — Google перестаёт кэшировать и индексировать страницу.

use client везде = огромный bundle

Когда разработчики ставят 'use client' в каждом компоненте — JS бандл раздувается до 2-3 МБ, LCP падает в 3 раза.

Динамические роуты без generateStaticParams

На страницах /blog/[slug] без generateStaticParams — каждый запрос идёт через сервер, медленно.

Конфликт App Router и Pages Router

Миграция в App Router половинчатая — дубли страниц, конфликт мета-тегов, теряются canonical.

Middleware с тяжёлой логикой

Middleware запускается на КАЖДОМ запросе — даже если он добавляет 50мс, TTFB страдает.

Cache: 'no-store' по ошибке

fetch без правильной настройки cache — каждый раз новый запрос. Edge-cache не работает.

Как мы работаем

Шесть шагов от аудита до результата

01

Аудит рендеринга

Какая страница как рендерится, где SSG, где SSR, где dynamic. Карта стратегий.

02

Core Web Vitals

Замеры на Vercel Analytics + PageSpeed. Идентификация bottleneck'ов.

03

Metadata и Schema.org

Унификация через layout, generateMetadata для динамических, JSON-LD.

04

Sitemap, robots, hreflang

Динамические app/sitemap.ts, robots.ts, корректные альтернейты.

05

Bundle и performance

Оптимизация client-bundle, dynamic imports, font/image оптимизация.

06

Indexing API и мониторинг

Google Indexing API для свежего контента, Search Console, отчёт раз в месяц.

Как режим рендеринга влияет на индексацию

Это главный вопрос на любом современном фреймворке. Всё остальное — мета-теги, разметка, скорость — решается после него.

РежимЧто видит поисковикКогда подходит
Статическая генерацияГотовый HTML со всем содержимым — лучший вариант для индексацииКонтент меняется нечасто: услуги, статьи, каталог без частых обновлений цен
Серверный рендерингГотовый HTML, собранный на каждый запросДанные меняются часто: наличие, цены, персонализация
Клиентский рендерингПустую страницу, содержимое появляется после выполнения скриптовЛичные кабинеты и внутренние интерфейсы — то, что и не должно индексироваться
Смешанный режимЗависит от того, какая часть страницы отдаётся сразуКаталог со статичными карточками и динамическими блоками

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

Принципы Adaptive Lab

Как мы подходим к современным стекам

Технический фундамент в первую очередь

На современных стеках любая SEO-стратегия начинается с правильного рендеринга и индексации. Без этого остальное не работает.

Core Web Vitals — основа

LCP, INP, CLS — три метрики, по которым Google оценивает реальный UX. На SSG/SSR стеках их легко вытянуть в зелёную зону.

JS-разработка с пониманием SEO

Работаем напрямую с вашими разработчиками — фиксим то что нельзя сделать через инструменты SEO.

Мониторинг по метрикам

Не «настроили и забыли» — следим за индексацией, скоростью и позициями постоянно, отчёт присылаем раз в месяц.

Сколько это стоит

Сопровождение — от 100 000 ₽ в месяц, как и на любой другой платформе: цена зависит от объёма работ, а не от стека. Точную сумму называем после бесплатного разбора за 1–2 дня. Работаем от 6 месяцев, гарантий позиций не даём. Отдельная оговорка для этих стеков: часть правок внедряет ваш разработчик, и его время в нашу стоимость не входит — на разборе сразу говорим, какой объём работы ляжет на команду разработки.

Что нужно от вас

  • —Доступ к репозиторию или разработчик на связи: почти всё SEO на Next.js решается в коде, а не в админке
  • —Ответ, какой режим рендеринга используется на каждом типе страниц — SSR, SSG или клиентский. От этого зависит весь план
  • —Тестовый стенд: менять стратегию рендеринга на бою вслепую нельзя
  • —Решение по ISR и частоте пересборки: слишком редкая пересборка держит в поиске устаревшие страницы
  • —Доступ к Search Console, чтобы проверить, как робот видит страницы после правок

Когда браться не стоит

  • ✕Сайт целиком отдаётся клиентским рендерингом, а менять это никто не планирует — тогда поиск будет видеть пустые страницы, и SEO здесь бессмысленно
  • ✕Нет разработчика и не планируется: техническую часть просто некому внедрять
  • ✕Проект в активной переделке архитектуры — сначала стабильная версия, потом продвижение
Бесплатная консультация

SEO-аудит вашего проекта на Next.js

30 минут со старшим стратегом. Посмотрим кодовую базу, индексацию и Core Web Vitals, дадим реалистичный план работ.