JavaScript, SSR и индексация сайта: что выбрать

Три модели доставки HTML

CSR отдаёт оболочку, а содержание строится в браузере. SSR формирует HTML на сервере для каждого запроса или кэшированного результата. Статическая генерация создаёт готовый документ на этапе сборки.

Гибридный сайт может использовать все три подхода. Выбор делают по данным и частоте изменений, а не по моде фреймворка.

Где чистый клиентский рендеринг добавляет риск

Роботу нужно получить скрипты, выполнить их и дождаться данных. Ошибка bundle, блокировка API, долгий запрос или пустой fallback оставляют исходный документ без ответа.

Даже если Google рендерит страницу, другие роботы и социальные превью могут работать иначе. Новый домен получает более устойчивую основу, когда ключевой текст уже в HTML.

Что отдавать с сервера обязательно

Серверная версия должна содержать уникальные title и description, canonical, H1, первый содержательный ответ, основные разделы, ссылки и структурированные данные.

Кнопки демо, фильтры и раскрывающиеся панели могут оживать после загрузки. Их отсутствие в начальном состоянии не должно скрывать весь смысл страницы.

• основной текст читается без выполнения JavaScript;
• canonical и robots находятся в head;
• ссылки имеют href;
• hydration не заменяет содержимое пустым экраном.

Как выбрать между SSR и статической генерацией

Статьи, документация и стабильные продуктовые страницы удобно генерировать при сборке. Они быстро отдаются и не требуют базы на каждый просмотр.

SSR уместен, когда содержимое зависит от запроса и должно быть свежим, но доступно без клиентского API. Закрытый кабинет обычно не индексируется и может оставаться клиентским приложением.

Проверьте hydration и два источника состояния

Сервер и браузер должны строить совместимую разметку. Если клиент сразу перезаписывает текст другим состоянием, пользователь видит скачок, а тесты могут проверять не ту версию.

Передавайте начальные данные явно и проверяйте консоль. Ошибки hydration являются функциональным дефектом, даже если страница выглядит приемлемо.

Как принять индексируемую сборку

Скачайте production HTML обычным HTTP-клиентом и найдите в нём H1, ключевой абзац, canonical и JSON-LD. Затем откройте страницу в браузере на desktop и mobile, отключите JavaScript для контрольной проверки текста.

Проверьте 404, sitemap, robots, время ответа и отсутствие ошибок консоли. Локальный dev-server не заменяет production smoke.

SSR не является самостоятельной SEO-стратегией

Готовый HTML улучшает доставку, но не делает текст полезным и не устраняет дубли. Быстро отданная пустая статья остаётся пустой.

Сначала обеспечьте предсказуемый документ, затем работайте с намерением, доказательствами и внутренними связями.