advanced

Влияние SSR/SSG

Выбирайте SSR, SSG, ISR или client rendering по crawlability, свежести, персонализации, performance и поведению cache.

Стратегия рендеринга влияет на то, что краулеры и пользователи получают в первом ответе. **SSR** — рендер на запрос; **SSG** — prerender на build; **ISR** — revalidate статики; **CSR** — shell и контент в браузере. Современный Google выполняет JavaScript, но пустой или отложенный первый HTML всё равно вредит discovery и сниппетам.

| Стратегия | SEO-угол | |-----------|----------| | SSG/ISR | Быстрый HTML, удобно для marketing/docs | | SSR | Свежий персонализированный HTML при сложном cache | | CSR + hydration | Риск пустых meta/body до JS | | Streaming SSR | Раньше байты; критичные meta в head |

					Чеклист для краулера:
- Title и canonical в начальном HTML
- Основной текст не за client fetch
- Internal links как настоящие <a href>
- Корректные status codes (200 vs soft-404)
				

На интервью: static vs dynamic в Next.js App Router; hydration mismatch; soft 404 в SPA; prerender service vs native SSG.

Типовые ошибки: client-only `useEffect` для document.title; infinite scroll без paginated fallback; блокировка рендера сторонними скриптами; A/B, скрывающие контент от ботов.

Компромисс — персонализация и простота build против сразу crawlable HTML.

Чеклист:

  • Критичные SEO-теги в server-rendered head.
  • Тест URL inspection и view-source.
  • Стабильные URL для индексируемого состояния.
  • LCP вместе с полнотой crawl.