Почему ИИ не видит ваш React/Next-сайт — и как починить

Вы вложились в контент, а в ответах ИИ вас нет. Частая причина техническая: сайт — SPA (Single-Page Application на React, Next.js в режиме CSR, Vue, Svelte), и контент рисуется в браузере. Проблема в том, что ИИ-боты не исполняют JavaScript — и видят пустую страницу.

Что реально видит ИИ-бот

GPTBot, OAI-SearchBot, PerplexityBot, ClaudeBot читают исходный HTML ответа сервера. Они не ждут гидратации и не кликают. Если ваш <div id="root"></div> наполняется скриптом, бот получает каркас с парой служебных строк вроде «You need to enable JavaScript to run this app» — и уходит. Проверить готовность страницы к цитированию ИИ можно бесплатным инструментом GEO-чекер.

Проверьте за 10 секунд: вставьте URL в «Как тебя видит ИИ» — тул покажет точный текст без JS и сколько слов скрыто за JavaScript. Если в браузере 1500 слов, а боту достаётся 11 — это и есть ваша проблема с GEO.

Как починить — по фреймворкам

Цель одна: отдавать готовый контент в первом HTML-ответе сервера.

• Next.js — используйте SSR, SSG или ISR (getStaticProps / App Router server components) вместо чистого client-side. Контент должен быть в HTML до гидратации.
• Nuxt — режим universal (SSR) или nuxt generate (SSG) вместо ssr: false.
• React (CRA / Vite SPA) — перенесите контентные страницы на пререндер (Astro, Gatsby) или добавьте серверный рендер. Чистый CSR для контента, который должен цитироваться, не подходит.
• Vue / Svelte — SvelteKit и Nuxt по умолчанию умеют SSR/пререндер; включите их для публичных страниц.
• Динамический рендеринг — как временная мера можно отдавать ботам пререндеренный HTML (Prerender.io и аналоги), но честный SSR/SSG надёжнее.

После рендера — добьём GEO

Когда бот уже видит текст, добавьте остальное:

1. Schema.org (JSON-LD) — Article, FAQPage. Соберите валидную разметку в генераторе схемы.
2. llms.txt — карта сайта для ИИ-движков. Как сделать — в статье про llms.txt.
3. Доступ ИИ-ботам — проверьте, что robots.txt не блокирует цитирующих ботов: проверка доступа ИИ-краулеров.
4. Цитируемые абзацы — прямой ответ в первых 1–2 предложениях раздела. Подробнее в полном гиде по GEO.

С чего начать

1. Прогоните ключевые URL через «Как тебя видит ИИ».
2. Если бот видит каркас — включите SSR/SSG для контентных страниц.
3. Перепроверьте тем же тулом и добавьте schema + llms.txt.

Источники

• Документация Google Search Central (JavaScript SEO, рендеринг), OpenAI GPTBot и Perplexity — о чтении исходного HTML краулерами ИИ.
• llmstxt.org, Schema.org.