Что такое серверный рендеринг (SSR)

Серверный рендеринг (SSR, Server-Side Rendering) — способ сборки страницы, при котором сервер сразу отдаёт браузеру и поисковому роботу готовый HTML с текстом, ссылками и метатегами. Противоположный подход — рендеринг в браузере, когда сервер присылает почти пустой шаблон, а содержимое дорисовывает JavaScript.

Почему это важно для SEO

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

Второй плюс — скорость для посетителя: готовый HTML быстрее показывает основной контент, это улучшает LCP.

Варианты

• SSR — HTML собирается на сервере при каждом запросе.
• Статическая генерация — HTML собирается заранее, при публикации, и отдаётся как обычный файл. Подходит для блогов и страниц услуг.
• Гибрид — сервер отдаёт готовую страницу, а затем скрипты делают её интерактивной (это называют гидратацией). Так работают Next.js и Nuxt.

Чем приходится платить

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

Пример

Интернет-магазин на React показывал каталог только после загрузки скриптов, и в Вебмастере часть карточек долго висела без текста в поиске. После перехода на серверную отрисовку описания и цены появились прямо в HTML, и карточки стали попадать в индекс с правильными заголовками.

Частые вопросы

Как понять, нужен ли моему сайту SSR?

Откройте страницу, нажмите «Просмотр кода страницы» и поищите в нём основной текст. Если текста и ссылок там нет — сайт зависит от JavaScript, и SSR или статическая генерация заметно упростят индексацию.

Нужен ли SSR сайту на WordPress или Битриксе?

Нет, такие CMS и так собирают HTML на сервере. Вопрос SSR встаёт у сайтов, сделанных как одностраничное приложение на React, Vue или Angular.