JavaScript SEO в 2026 году: рендеринг, индексация и ИИ-краулеры

Современные фреймворки, такие как React, Vue, Angular или Svelte, собирают страницы в браузере. Это отлично для интерактивности и рискованно для видимости. JavaScript SEO: это набор практик, которые сохраняют JS-сайт читаемым для поисковых систем и нейросетей. В руководстве объясняется, как Google обрабатывает JavaScript, какие есть варианты рендеринга, типичные ошибки и как проверять свои страницы.

Как Google обрабатывает JavaScript-страницы?

В три этапа: сканирование, рендеринг, индексация. Google Search Central описывает конвейер так:

1. Сканирование: Googlebot загружает URL и читает исходный HTML. Найденные здесь ссылки сразу ставятся в очередь.
2. Рендеринг: страница ждёт в очереди рендеринга, затем headless-версия Chromium выполняет JavaScript и строит итоговую страницу.
3. Индексация: Google анализирует отрендеренный контент, затем решает, индексировать ли его и как.

Следствие: всё, чего нет в исходном HTML, зависит от успеха шага рендеринга. Если скрипт падает, превышает время ожидания или заблокирован в robots.txt, Google индексирует то, что увидел раньше, а это может быть пустая оболочка.

Чем отличаются CSR, SSR и статический рендеринг?

Разница в том, где строится HTML: в браузере, на сервере для каждого запроса или один раз при сборке.

Фреймворки вроде Next.js, Nuxt, SvelteKit или Astro делают SSR и статическую генерацию режимом по умолчанию для контентных страниц. Для блога, документации или карточек товаров редко есть причина рендерить контент только в браузере.

Какие ошибки JavaScript SEO встречаются чаще всего?

Большинство проблем возникает из-за контента или ссылок, которые появляются только после взаимодействия.

• Ссылки без href: навигация на обработчиках кликов для элементов «div» или «span» не отслеживается. Используйте настоящие ссылки «a href».
• Контент за взаимодействием: текст, загружаемый только после клика, смены вкладки или бесконечной прокрутки, Googlebot может вообще не отрендерить.
• Заблокированные ресурсы: файлы JavaScript или API, закрытые в robots.txt, мешают рендерингу.
• Поздно заданные метаданные: заголовки, canonical или теги noindex, изменённые JavaScript, могут противоречить исходному HTML.
• Hash-URL: фрагменты вроде «/#/product» не считаются отдельными страницами; используйте History API и чистые пути.
• Soft 404: одностраничное приложение, показывающее «не найдено» со статусом 200, сбивает индексацию с толку.
• Тяжёлые бандлы: большие скрипты замедляют рендеринг, ухудшают Core Web Vitals и повышают риск превышения времени ожидания.

Почему JavaScript важен для видимости в нейросетях?

Потому что большинство ИИ-краулеров читают только исходный HTML. Анализ логов краулеров, например исследование Vercel 2024 года о трафике ИИ-краулеров, показал, что боты OpenAI и Anthropic загружают файлы JavaScript, но не выполняют их. Страница, текст которой появляется только после выполнения JavaScript, может выглядеть пустой для систем, питающих ChatGPT, Claude или Perplexity, даже если Google индексирует её правильно.

Если вам важно, чтобы вас цитировали нейросети, поместите главный ответ, заголовки, таблицы и ссылки в серверный HTML и проверьте, что ваш robots.txt пускает нужных вам ИИ-краулеров. В нашем руководстве по robots.txt для ИИ-краулеров перечислены основные боты, а аудит доступности для ИИ-краулеров показывает, что они могут прочитать на ваших страницах.

Как проверить JavaScript SEO?

Сравните исходный HTML с тем, что отрендерил Google.

1. Посмотрите исходный код страницы (не инспектор): если основного контента нет, он зависит от JavaScript.
2. Используйте инструмент проверки URL в Google Search Console и посмотрите отрендеренный HTML и снимок экрана.
3. Запустите Rich Results Test, который тоже показывает отрендеренный HTML для любого публичного URL.
4. Отключите JavaScript в браузере, чтобы примерно увидеть, что получают краулеры без рендеринга.
5. Просканируйте сайт краулером в режиме JavaScript и без него, затем сравните найденные ссылки и слова.
6. Проверьте статус индексации ключевых URL с помощью проверки индексируемости.

Как выглядит чек-лист JavaScript SEO?

Шесть правил покрывают большинство случаев:

• Основной контент, title, meta description и canonical присутствуют в исходном HTML.
• Внутренние ссылки оформлены как элементы «a href» с доступными для сканирования URL.
• Файлы JavaScript, CSS и API не заблокированы в robots.txt.
• Правильные HTTP-коды для отсутствующих страниц и редиректов.
• Отложенная загрузка только для медиа ниже первого экрана, но не для основного текста.
• Рендеринг проверяется в Search Console после каждого крупного релиза фронтенда.

Заключение

JavaScript и SEO работают вместе, когда существование контента не зависит от JavaScript. Рендерите контентные страницы на сервере или при сборке, делайте ссылки настоящими и проверяйте, что на самом деле видят Google и нейросети. Sorank публикует свои статьи как чистый HTML прямо в вашей CMS, с внутренними ссылками и структурированными данными, на autopilot: смотрите тарифы и 3-дневный бесплатный пробный период.