JavaScript и SEO: рендеринг для React и SPA

Индексация JavaScript-сайтов: SSR, SSG, гидратация и что проверить в Google и Яндексе для React/Next.js.

React и SPA требуют SSR/SSG для SEO. Google рендерит JS, но задержка и ошибки гидратации стоят индексации.

Проблема чистого SPA

Клиентский рендер без SSR — робот может не дождаться контента. Мета-теги и H1 пустые в HTML.

Для коммерческого SEO — SSR или SSG.

Next.js и аналоги

  • SSR для динамики
  • SSG для статей и услуг
  • ISR для больших каталогов
  • prerender критичных URL

Проверка

View Source — виден ли текст. URL Inspection в GSC. Fetch as Google (legacy) / Rich Results.

Яндекс рендерит JS, но медленнее — не полагайтесь только на клиент.

Lazy load контента

Контент below fold lazy — ок. Hero и H1 — в первом HTML.

Не прячьте текст за «Показать ещё» без индексируемой альтернативы.

Стек vvcode

React или Next.js · разработка с SEO.

Dynamic rendering

Крайний случай для legacy SPA; SSR предпочтительнее.

Critical CSS

Inline critical path для LCP.

Next.js App Router SEO?

Да при server components и metadata API.

Клиентский только landing?

Риск для SEO; prerender или SSR для органики.

Яндекс и React?

Рендерит, но SSR надёжнее для критичного контента.