Rendering

Rendering (рендеринг) — это процесс превращения кода страницы (HTML, CSS, JavaScript) в видимое и интерактивное изображение, которое видит пользователь в браузере. Поисковые системы тоже рендерят страницы: Googlebot выполняет JavaScript, чтобы «увидеть» итоговый контент так же, как человек, прежде чем добавить страницу в индекс.

Простыми словами: код — это рецепт, а рендеринг — приготовление блюда. В браузере «блюдо» ест пользователь, а на кухне Google пробует его робот, чтобы понять, что вы вообще подаёте.

Что такое рендеринг и зачем он важен для SEO

Долгое время поисковики читали в основном «сырой» HTML. Сегодня сайты массово подгружают контент через JavaScript, поэтому Google добавил отдельный этап — рендеринг. Сначала страницу сканируют, потом ставят в очередь на отрисовку, и только после выполнения JS Googlebot видит финальный контент. Если важный текст появляется лишь после рендеринга, а он срывается — Google может проиндексировать пустую страницу.

Именно поэтому рендеринг — ключевое понятие JavaScript SEO. Разработчики выбирают, где «собирать» страницу: на сервере или в браузере пользователя. От этого зависит, насколько быстро и надёжно Googlebot доберётся до контента.

Виды рендеринга

• Server-Side Rendering (SSR) — страница собирается на сервере, в браузер и к роботу приходит готовый HTML. Самое надёжное для SEO.
• Client-Side Rendering (CSR) — контент дорисовывает JavaScript уже в браузере. Гибко, но рискованно, если робот не выполнит скрипт.
• Dynamic Rendering — роботам отдают готовый HTML, людям — JS-версию. Компромиссный, переходный вариант.

Пример

Интернет-магазин на JavaScript-фреймворке отдаёт пустой <div>, а карточки товаров дорисовывает скрипт уже в браузере. Пользователь всё видит, а вот Googlebot до рендеринга получает почти пустую страницу. Перевели рендеринг товаров на сервер (SSR) — и контент начал индексироваться стабильно.

Часто путают с…

• Индексация — это сохранение уже «увиденного» контента в базе; рендеринг идёт раньше и лишь готовит этот контент.
• Сканирование (crawling) — это загрузка кода страницы; рендеринг — его выполнение и превращение в видимое изображение.

Вопросы и ответы

Рендерит ли Googlebot JavaScript?

Да. Google выполняет JavaScript на отдельном этапе рендеринга, но делает это с очередью и задержкой, поэтому критический контент лучше не прятать исключительно за скриптами.

Какой рендеринг лучший для SEO?

Самый надёжный — серверный (SSR): робот сразу получает готовый HTML. Client-Side Rendering работает, но требует внимания, чтобы контент точно выполнился для Googlebot.

Чем рендеринг отличается от индексации?

Рендеринг превращает код в видимый контент, а индексация сохраняет этот контент в базе поисковика. Сначала рендеринг — потом индексация.

Контент на JS не индексируется? Разберём рендеринг вашего сайта — технический SEO-аудит и исправление ошибок на сайте.

Похожие термины: JavaScript SEO, Client-Side Rendering, Render Blocking, Googlebot, Индексация.