JS-рендеринг — это процесс исполнения поисковым роботом JavaScript-кода страницы для получения её итогового содержимого. От него зависит, увидит ли поисковик контент одностраничных приложений и блоков, которые скрипты подгружают после исходного HTML. Если контент появляется только после исполнения JS, робот должен отрендерить страницу, чтобы его учесть.
Почему JS-контент может не индексироваться?
Рендеринг требует ресурсов, поэтому робот делает его во вторую очередь и не всегда мгновенно. Проблемы возникают, когда:
- ключевой текст и ссылки появляются только после исполнения скриптов;
- контент грузится по клику или скроллу, недоступному роботу;
- ошибки в JS ломают отрисовку;
- скрипты закрыты от обхода в robots.txt.
В таких случаях поисковик видит пустой каркас без содержимого.
Чем SSR отличается от клиентского рендеринга?
При клиентском рендеринге (CSR) HTML собирается в браузере пользователя, и робот получает почти пустую страницу. При серверном рендеринге (SSR) готовый HTML формируется на сервере, и контент доступен сразу. Промежуточные варианты — пререндер для ботов и гидрация, когда статичный HTML «оживляется» скриптами. SSR обычно надёжнее для индексации.
Как выбрать способ отдачи контента?
Выбор зависит от типа сайта. Для контентных проектов важен доступный сразу HTML, поэтому предпочтителен SSR или предгенерация. Тяжёлый JS замедляет загрузку и ухудшает Core Web Vitals, а лишний рендеринг расходует краулинговый бюджет. Проверить, что видит робот, можно инструментами проверки URL в панелях вебмастеров.
Как применяем в Chrome Media
При разработке сайтов на JS-фреймворках мы закладываем серверный рендеринг или предгенерацию для важного контента, оставляя интерактив на клиенте. Проверяем, что текст, ссылки и метатеги доступны в исходном ответе, не блокируем скрипты в robots.txt и следим за скоростью. Это часть услуги разработка сайтов.
Частые вопросы
Индексирует ли поисковик контент на JavaScript? Да, современные роботы умеют исполнять JS. Но рендеринг откладывается и не гарантирован, поэтому важный контент надёжнее отдавать в готовом HTML.
Что лучше для SEO — SSR или CSR? Для индексируемости обычно предпочтителен SSR или предгенерация: контент доступен сразу. Чистый клиентский рендеринг повышает риск, что робот увидит пустую страницу.
Как проверить, что видит робот? Используйте инструмент проверки URL в панели вебмастера — он показывает отрендеренный HTML и код, который получил поисковик.