Вайб-кодинг: Как нейросеть за вечер сделает вам сайт, который никто не найдёт

Или: Почему ваш лендинг на 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 года. Но делает это в два захода:

  1. Сначала забирает пустой HTML.
  2. Потом ставит рендеринг в очередь.

Очередь быстрая, говорят они. Но:

  • Рендеринг жрёт «краулинговый бюджет».
  • Если скрипт упадёт — в индекс уедет пустая страница.
  • Если 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. Если вы до сих пор думаете, что «нейросеть сделает всё сама», — вспомните эту статью. И проверьте исходный код своего сайта. Прямо сейчас. 😏