Или: Почему ваш лендинг на React висит в поиске как призрак, а у соседа на WordPress — уже в топе
🤖 Пролог: Обещание, которое не сработало
Вы пришли к нейросети. Сказали: «Сделай мне красивый лендинг для моей мастерской». Она сделала. За час. Красивый, анимированный, с модным градиентом. Вы задеплоили его на хостинг — и… тишина.
В поиске вас нет. Клиенты не приходят. Друзья говорят: «Красивый сайт, но я нашёл тебя только по ссылке, которую ты прислал».
Поздравляю. Вы стали жертвой вайб-кодинга. Нейросеть сделала сайт, который
невидим для роботов.
🧩 Акт 1: Как нейросеть видит интернет (и почему она не права)
Нейросети, которые генерируют сайты, обучались на миллионах примеров. И 99% этих примеров — это
SPA (Single Page Applications) на React, Vue или Svelte. Почему? Потому что в интернете их больше всего, потому что их легко найти, потому что они модные.
Нейросеть не знает, что для SEO нужен
SSR (Server-Side Rendering) или хотя бы
SSG (Static Site Generation). Она просто повторяет самый частотный паттерн: «вот пустой HTML, вот бандл JS, всё собирается в браузере».
И это красиво. Для человека.
Но роботы — не люди. Они видят то, что в исходном коде:
html
<!DOCTYPE html>
<html>
<head>
<title>Моя мастерская</title>
</head>
<body>
<div id="root"></div>
<script src="/assets/index-abc123.js"></script>
</body>
</html>
Где контент? Где цены? Где описание услуг? Его нет. Он появится только после того, как браузер скачает и выполнит jаvascript. А робот не хочет ждать. У него миллиарды страниц в очереди.
Результат: ваш красивый сайт — это пустота для поисковиков.
📊 Акт 2: Что на самом деле видят поисковики
Google
Google умеет исполнять jаvascript. С 2019 года. Но делает это в два захода:
- Сначала забирает пустой HTML.
- Потом ставит рендеринг в очередь.
Очередь быстрая, говорят они. Но:
- Рендеринг жрёт «краулинговый бюджет».
- Если скрипт упадёт — в индекс уедет пустая страница.
- Если API не ответит — пустая страница.
- Если сайт тормозит — пустая страница.
Ирония: Google может проиндексировать ваш JS-контент. Но он не обязан этого делать быстро. И для нового сайта без ссылок — это лотерея.
Яндекс
Яндекс осторожнее. У них есть бета-функция «Рендеринг страниц jаvascript». По умолчанию робот сам решает, исполнять ли скрипты. И Яндекс прямо рекомендует
запрещать рендеринг, если на сайте есть SSR.
«Лучше просто отдайте нам готовый HTML», — говорят они между строк.
На практике SEO-специалисты жалуются, что индексация JS-сайтов Яндексом нестабильна. И это ещё мягко сказано.
ИИ-поисковики (ChatGPT, Perplexity)
А вот здесь — контрольный выстрел.
Исследование Vercel и MERJ показало:
- GPTBot скачивает JS-файлы в 11,5% случаев.
- ClaudeBot — в 24%, но не запускает их никогда.
- PerplexityBot — не исполняет JS.
- Meta, ByteDance — не исполняют.
Исключения: Gemini (Google) и Applebot (у них своя инфраструктура).
Вывод: если ваш сайт — SPA, для ИИ-поисковиков он пустой. Они не увидят ни цен, ни преимуществ, ни кнопок. Просто пустота.
🧠 Акт 3: Почему нейросети лепят именно SPA
Ответ прост: потому что это
самый частотный паттерн в обучающих данных.
- React + Vite — миллионы примеров на GitHub.
- Модели знают этот шаблон наизусть.
- Он быстро генерируется, красиво выглядит в превью.
SSR, SSG, Next.js, Nuxt — это сложнее. Это требует понимания, как работает сервер, как отдавать HTML, как делать гидратацию. Нейросеть может это сделать, но надо
попросить.
Ирония: нейросеть умеет делать SSR. Но по умолчанию она делает SPA, потому что так её учили. И вы, как пользователь, не знаете, что надо добавить одну строчку в промпт.
🛠️ Акт 4: Как это починить (чек-лист для выживших)
1. Правильный промпт
Вместо «сделай мне сайт на React» скажите:
«Сделай мне сайт на Next.js с SSR (Server-Side Rendering) или SSG (Static Site Generation). Контент должен быть виден в исходном коде страницы. Добавь мета-теги, Open Graph, Schema.org».
Одна строчка — и нейросеть сделает правильный сайт.
2. Проверьте исходный код
Нажмите
Ctrl+U на своём сайте. Если видите пустой
— вы в SPA-ловушке. Если видите заголовки, тексты, ссылки — всё хорошо.
3. Мета-теги и микроразметка
Убедитесь, что:
- У каждой страницы свой и .
- Есть Open Graph для соцсетей (og:title, og:description, og:image).
- Есть микроразметка Schema.org (Organization, LocalBusiness, Product).
Нейросеть часто забывает про это. Проверьте.
4. llms.txt — карта для нейросетей
Можно добавить файл
llms.txt в корень сайта. Это текстовый файл, который объясняет нейросети, что здесь находится.
txt
# Моя мастерская
> Мы ремонтируем обувь с 1995 года.
## Основные разделы
- [Услуги](https://site.ru/services): цены и описание
- [О нас](https://site.ru/about): история и контакты
Пока это почти не работает (Google говорит, что не использует его), но вреда нет, а польза может быть в будущем.
🧾 Эпилог: Вайб-кодинг — это инструмент, а не волшебная палочка
Нейросети умеют делать сайты. Быстро. Красиво. Но они не умеют думать о последствиях. Они не знают, как работает SEO. Они не знают, что роботы не исполняют jаvascript.
Ваша задача — знать это за них.- Попросите нейросеть сделать SSR или SSG.
- Проверьте исходный код.
- Добавьте мета-теги и микроразметку.
- Не забудьте про llms.txt.
И тогда ваш сайт будет не просто красивым. Он будет
видимым.
P.S. Если вы до сих пор думаете, что «нейросеть сделает всё сама», — вспомните эту статью. И проверьте исходный код своего сайта. Прямо сейчас. 😏
💬 Комментарии
В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.
🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.
💡 Хотите обсудить материал?
Присоединяйтесь к нашему Telegram-каналу:
https://t.me/tcsecmsНажмите кнопку ниже — и вы сразу попадёте в чат с комментариями