JavaScript и SEO: как поисковик видит сайты на фреймворках

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

Как поисковик обрабатывает JavaScript

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

Риски клиентского рендеринга

• Пустой HTML без текста до выполнения скриптов
• Мета-теги, которые подставляются скриптом поздно
• Ссылки, работающие только через обработчики нажатий
• Контент, загружаемый только после действий пользователя
• Ошибки скриптов, ломающие всю страницу

Серверный рендеринг

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

Статическая генерация

Страницы собираются заранее при сборке сайта. Это быстро и надёжно для страниц, содержание которых меняется нечасто: услуги, статьи, информационные разделы.

Ссылки

Навигация должна использовать обычные ссылки с адресами, а не только скриптовые переходы. Иначе робот не найдёт страницы.

Как проверить

Инструмент проверки URL в Search Console показывает отрисованную версию страницы. Посмотрите исходный HTML без выполнения скриптов: есть ли там основной текст и ссылки.

Итог

Для сайтов, которые должны получать трафик из поиска, используйте серверный рендеринг или статическую генерацию для публичных страниц.