JS-рендеринг и SEO: почему SPA видит Google, а AI-боты — пустую страницу

Одностраничное приложение (SPA, single-page application) в Алматы и Казахстане часто «зелёное» в Google Search Console (GSC), а в ответе AI-ассистента сайт выглядит пустым: нет заголовка услуги, цены и контактов. Причина не в «штрафе за React», а в разном рендеринге. Googlebot умеет выполнять JavaScript (JS) и собирать DOM после скриптов; большинство AI-краулеров (GPTBot, ClaudeBot и аналоги) читают только исходный HTML с сервера — без выполнения JS. Если контент появляется только в браузере, поисковик видит страницу, а бот обучения или цитирования — каркас и «Загрузка…». Astrix.kz с 2019 года сверяет рендер в технических аудитах и при разработке сайтов на Next.js, Nuxt и чистом SPA.

База техники — в чек-листе технического SEO-аудита; скорость после гидрации — в Core Web Vitals; форматы аудита — в обзоре SEO-аудита. Услуги: SEO-аудит, SEO-продвижение, разработка сайта. Смежные темы волны: AI-краулеры и robots.txt, анализ логов сервера, Discovered — not indexed.

SPA, SSR и SSG — что это значит для индекса

Клиентский рендеринг (CSR) — сервер отдаёт почти пустой HTML и бандл JS; текст и ссылки появляются в браузере. Рендеринг на стороне сервера (SSR) — HTML с контентом собирается на сервере при запросе. Статическая генерация (SSG) — HTML заранее собран при сборке. Для SEO и для AI-ботов важнее не «модный стек», а что лежит в ответе до выполнения скриптов. Официальная логика Google по JavaScript — в руководстве Google по JavaScript SEO и в материале про тест и отладку рендеринга.

На практике в Казахстане корпоративный сайт на WordPress с нормальным HTML реже ломается по этому сценарию, чем каталог на чистом Vue/React без SSR. Интернет-магазин с 5 000+ карточек на CSR без пререндера рискует и бюджетом сканирования, и видимостью в AI-ответах — даже если GSC «в целом зелёный».

Почему Google видит страницу, а AI-бот — нет

Googlebot ставит URL в очередь на рендеринг (Web Rendering Service): скачал HTML › поставил в очередь › выполнил JS › проиндексировал результат. Задержка между «обнаружено» и «проиндексировано» может быть днями; при слабом HTML первичный сигнал бедный. AI-краулеры чаще работают как классические HTTP-клиенты: один GET, тело ответа, без Chromium. Если в исходнике нет H1, цены и блока «доставка по Казахстану», бот не «дождется» гидрации.

Отсюда типичный кейс в Алматы: маркетинг смотрит сайт в Chrome — всё на месте; подрядчик открывает «Просмотр кода страницы» — пустой <div id="root">; в отчёте GSC URL в индексе; в ChatGPT или Claude цитаты нет или она с чужого агрегатора. Это не миф про llms.txt — про файлы «для ИИ» отдельно в мифах GEO и AEO; здесь проблема именно в HTML до JS.

Как проверить: view-source vs отрисованный DOM

1. «Просмотр кода страницы» (view-source) или curl / скачивание без браузера — что видит бот без JS.
2. Инспектор элементов после загрузки — что видит пользователь и Google после рендера.
3. Инструмент проверки URL в GSC — «просмотренная страница» и скриншот; сверяйте с сырым HTML.
4. Отключение JS в браузере — остаются ли заголовки, текст услуги, внутренние ссылки и контакты.
5. Логи сервера — ходят ли GPTBot/ClaudeBot на коммерческие URL и какой код ответа получают; методика — в анализе логов для SEO.

Если в сыром HTML нет коммерческого текста, а в DOM есть — для Google это «дорого» (очередь рендера), для AI — часто «пусто». Политика доступа ботов — в статье про AI-краулеры и robots.txt; если URL «обнаружен, но не проиндексирован» — в разборе Discovered — not indexed.

Когда бизнесу в Алматы и Казахстане нужен SSR или SSG

• Каталог и карточки товаров — тысячи URL; CSR без пререндера раздувает бюджет сканирования и даёт пустые ответы AI-ботам.
• B2B-посадочные услуг — цены, сроки, гео («Алматы», «Казахстан») должны быть в HTML до скриптов.
• Ставка на цитирование в AI-поиске — без HTML в исходнике вас не из чего цитировать, даже при хороших позициях в классической выдаче.
• Медленный хостинг и тяжёлые бандлы — рендер Google откладывается; метрики INP/LCP страдают — см. INP и сторонние скрипты и скорость сайта.
• Личный кабинет и фильтры — публичные шаблоны лучше отдавать SSR/SSG; закрытые разделы — за авторизацией, без индексации.

Не каждый лендинг на React обязан уходить на SSR в первую неделю. Маленький сайт из 10–20 страниц иногда закрывают пререндером или гибридом. Но если разработка изначально строила «приложение», а маркетинг ждёт SEO как у классического сайта — разрыв закрывают архитектурой, а не текстами в CMS.

Практические ошибки на проектах

• Контент только в API после логина «для красоты» — бот получает оболочку.
• Ленивые маршруты скрывают коммерческие блоки до скролла — в сыром HTML их нет.
• Canonical и title ставятся скриптом после гидрации — первичный обход видит мусор.
• CDN отдаёт устаревший пустой shell, пока origin уже на SSR — расхождение «у нас работает».
• Внутренние ссылки рисуются только кликами в SPA — сироты и слабая перелинковка; см. внутренние ссылки и orphan-страницы.

Официальные рекомендации Google по обходу и индексации — в обзоре crawling и indexing. Для стратегии в Google.kz полезен и гайд по SEO в Google; про AI Overviews в отчётах — AI Overviews и Search Console.

Стоимость диагностики и исправления

Ориентиры Astrix.kz. Доступ к тестовому контуру, GSC и репозиторию ускоряет аудит. Сопровождение после релиза — поддержка сайта.

Чек-лист перед релизом SPA

• В сыром HTML есть H1, 200+ слов коммерческого текста на ключевых шаблонах, цена или оффер, контакты.
• Внутренние ссылки на услуги и категории есть в HTML, не только в роутере.
• Title, description, canonical — в ответе сервера, не только после JS.
• robots.txt не режет JS/CSS, нужные ботам для понимания вёрстки (для Google).
• Проверка URL в GSC и выборочный curl по 10 коммерческим страницам совпадают по смыслу контента.

Если половина пунктов красная — сначала архитектура рендера, потом семантика. Иначе бюджет на тексты уйдёт в страницы, которые AI-бот так и не прочитает.

Итог

Googlebot часто видит отрисованный SPA; большинство AI-краулеров — только сырой HTML. Для бизнеса в Алматы и Казахстане коммерческий контент должен быть в ответе сервера: SSR, SSG или надёжный пререндер. Диагностика — в рамках SEO-аудита от 150 000 ₸; исправление стека — через разработку; рост после техники — SEO-продвижение от 250 000 ₸/мес. Рядом: robots.txt для AI, логи сервера, технический чек-лист и Core Web Vitals.

По теме в кластере: Как читать отчёт SEO-аудита в Казахстане.

Связанные услуги

Частые вопросы