Почему ChatGPT не видит ваш сайт (и как это исправить за 10 минут)

40% поискового трафика уже идёт через AI-поисковики вроде ChatGPT и Perplexity. Но большинство сайтов для них невидимы. Разбираюсь, почему это происходит и как сделать сайт, который AI точно увидит.

Проблема в том, что современные сайты построены на JavaScript-фреймворках. Контент загружается после того, как страница уже отрисовалась. AI-боты видят пустые теги div вместо текста. Твои конкуренты с чистым семантическим HTML уже забирают трафик из AI-поиска, пока ты остаёшься невидимым.

Кстати, я Антон Шадрин, автор ТГ-канала Шадрин + AI и специалист по внедрению нейросетей в бизнес.

AI-поисковики парсят чистый HTML. Когда бот заходит на сайт, он не запускает JavaScript и не ждёт подгрузки контента. Он читает то, что отдал сервер сразу.

Вот что видит бот на типичном сайте на React или Vue:

<div id="root"></div> <script src="bundle.js"></script>

Пусто. Весь контент рендерится через JavaScript. Для AI это мёртвая зона.

А вот что видит бот на правильно собранном сайте:

<h1>AI-ассистент для удалённых команд</h1> <p>Автоматизируйте планирование встреч без переписки</p> <article itemtype="https://schema.org/Product"> <h2 itemprop="name">Умное расписание</h2> <p itemprop="description">AI анализирует календари и находит время для всех</p> </article>

Семантический HTML. Правильные теги. Структурированные данные. AI читает и индексирует это мгновенно.

Кстати, если все это для тебя очень сложно, то ты можешь воспользоваться сервисом Lovable. Там можно собрать буквально любой сайт, просто описав его содержание нейросети. Я даже сделал специального GPT-агента, который твое описание превращает в промпт, можешь воспользоваться им в закрепе моего ТГ-канала.

Три основные ошибки:

Client-side rendering

Весь контент генерируется в браузере через JavaScript. Сервер отдаёт пустой шаблон. AI-боты не выполняют JS, поэтому видят пустую страницу.

Отсутствие семантической разметки

Заголовки обёрнуты в <div class="title"> вместо <h1>. Списки сделаны через кастомные блоки вместо <ul>. Картинки без alt-атрибутов. AI не понимает структуру такой страницы.

Нет структурированных данных

Разметка говорит AI, что на странице: продукт, статья, отзыв, цена. Без неё бот видит текст, но не понимает контекст.

Я проверил несколько популярных сайтов через ChatGPT. Запросил: "Расскажи о компании X". Результат: "У меня нет информации об этом сайте".

Сайты с хорошим дизайном, топовыми позициями в Google. Но для AI — пустышки.

Есть два пути: переписать текущий сайт или собрать новый на правильном стеке.

Если переписываешь:

Переходи на серверный рендеринг (SSR): Next.js для React, Nuxt для Vue, SvelteKit для Svelte. Контент генерируется на сервере и отдаётся готовым HTML.

Используй семантические теги

<h1> для главного заголовка, <article> для контентных блоков, <nav> для навигации. Не <div> для всего подряд.

Добавь alt-атрибуты к картинкам

Не "image_1.jpg", а "иллюстрация AI-ассистента для планирования встреч". AI читает alt и понимает, что на картинке.

Внедри Schema.org разметку

Для продуктов, статей, FAQ, отзывов. Структурированные данные помогают AI извлекать конкретные факты.

Если собираешь с нуля, есть инструменты, которые делают это автоматически.

Я решил проверить сервис 10Web Vibe — AI-билдер, который генерирует чистый WordPress с семантическим HTML.

Задача: собрать лендинг для вымышленного SaaS-продукта Flow Time (AI-планировщик для удалённых команд). Цель — сайт, который AI точно увидит.

Я дал промпт:

"SaaS-лендинг для Flow Time, AI-ассистента для планирования встреч удалённых команд. Нужны: секция героя с CTA, блок возможностей, отзывы, тарифы. Дизайн: современный, чистый, синие и белые цвета."

10Web обработал запрос, настроил WordPress, поднял хостинг, сгенерировал структуру.

Результат: полноценный сайт за 9 минут. С hero-секцией, описанием функций, отзывами, тарифами, футером.

Затем я проверил код:

<h1>Хватит тратить время на планирование. Пусть AI сделает это</h1> <p>Flow Time автоматизирует координацию встреч для распределённых команд</p> <button aria-label="Запросить демо">Получить демо</button> <article itemscope itemtype="https://schema.org/ItemList"> <div itemprop="itemListElement"> <h3 itemprop="name">Умная синхронизация</h3> <p itemprop="description">AI анализирует календари и находит время</p> </div> </article> <img src="ai-scheduling.jpg" alt="Иллюстрация AI-помощника для планирования">

Чистый семантический HTML. Правильные теги заголовков. Schema.org разметка. Alt-атрибуты на всех картинках.

Это не просто визуальный конструктор. Vibe генерирует настоящий WordPress-код. Темы, шаблоны, структуры постов. Всё, что увидит любой WordPress-разработчик.

Я опубликовал сайт на тестовый домен. Через минуту он был в сети. Загрузка — меньше 2 секунд.

Теперь главное - тест в AI-поиске.

Я зашёл в ChatGPT и спросил: "Расскажи о Flow Time, AI-ассистенте для планирования".

ChatGPT ответил:

"Flow Time — это AI-помощник для удалённых команд, который автоматизирует планирование встреч. Инструмент устраняет переписку и находит подходящее время для всех участников."

Бот прочитал сайт. Вытащил заголовок, описание функций, ценностное предложение.

Я проверил через Perplexity:

"Flow Time — SaaS-инструмент, который использует AI для упрощения планирования в распределённых командах."

Perplexity процитировал сайт напрямую. Сайт, собранный 9 минут назад, уже индексируется AI-поисковиками.

10Web Vibe — это не слой поверх WordPress. Это интегрированная система, которая генерирует нативный WordPress-код.

Классический путь:

Путь через вайб кодинг:

Ты получаешь полный контроль. Можешь экспортировать сайт как стандартную WordPress-установку. Мигрировать на любой хостинг. Передать клиенту с полным админ-доступом. Никакой привязки к вендору.

Открой ChatGPT. Попроси рассказать о твоей компании или продукте. Если ответ: "У меня нет информации" — твой сайт невидим для AI.

40% поискового трафика идёт через AI-поисковики. Это число растёт каждый месяц. Если ChatGPT и Perplexity не видят твой сайт, ты теряешь почти половину аудитории.

Решение: либо переписать текущий сайт на SSR с семантической разметкой, либо собрать новый на правильном стеке.

AI-поиск — это новое SEO. Разрыв между видимыми и невидимыми сайтами растёт каждый день.

Построй AI-читаемый сайт. Протестируй его в ChatGPT. Увидишь разницу сам.