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.