JavaScript SEO

JavaScript SEO — это набор практик оптимизации сайтов на JavaScript, чтобы поисковые системы могли корректно сканировать, рендерить и индексировать их контент. Речь прежде всего о сайтах и приложениях на React, Vue или Angular, где часть контента появляется только после выполнения JS-кода в браузере, а не сразу в HTML-ответе сервера.

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

Что такое JavaScript SEO и зачем оно нужно

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

А зачем это вам. Если продукт построен на современном фреймворке, без внимания к JavaScript SEO вы рискуете тем, что половина контента будет «невидимой» для поиска — при этом в браузере пользователя всё отображается идеально. Именно поэтому JavaScript SEO — обязательный пункт для любого SPA или headless-проекта.

Как работает индексация JS-сайтов

• Сканирование (crawl) — Googlebot загружает первичный HTML и находит ссылки.
• Очередь на рендеринг — страницы с JS откладываются, пока освободятся ресурсы Web Rendering Service.
• Рендеринг — Google выполняет JavaScript (на движке Chromium) и видит финальный DOM.
• Индексация — в поиск попадает уже отрендеренный контент.

Способы рендеринга и что выбрать

• Client-side rendering (CSR) — всё собирается в браузере; самое рискованное для SEO.
• Server-side rendering (SSR) — сервер отдаёт готовый HTML; самое надёжное для индексации.
• Static / prerendering — страницы генерируются заранее; быстро и дружелюбно к поиску.
• Dynamic rendering — боту отдают готовый HTML, человеку — JS-версию (временное решение).

Пример

Интернет-магазин на React показывает карточки товаров только после загрузки JS. В исходном HTML — пустой <div id="root"></div>. Google ставит страницу в очередь на рендеринг, и несколько дней товары не попадают в индекс. Решение — SSR или prerendering: тогда карточки отдаются сразу в HTML и индексируются без очереди.

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

• Рендеринг — это один этап процесса; JavaScript SEO — вся дисциплина вокруг него.
• Техническое SEO в целом — более широкое понятие; JavaScript SEO — его узкое подмножество именно о выполнении скриптов.

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

Видит ли Google контент, добавленный через JavaScript?

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

Влияет ли JavaScript на позиции?

Косвенно да: если из-за CSR контент индексируется медленно или частично, страница недополучает релевантности. Поэтому SSR или prerendering часто дают прирост видимости.

Как проверить, что Google видит JS-контент?

Через инструмент проверки URL в Search Console («посмотреть отрендеренную страницу») и тест оптимизации для мобильных — они показывают именно то, что «видит» Googlebot после рендеринга.

Сайт на React или Vue плохо индексируется? Найдём причину в SEO-аудите и починим рендеринг — исправление ошибок на сайте.

Похожие термины: Рендеринг, Client-side Rendering, Индексация, HTML, Краулер.