Я исследую, как компании осваивают ИИ. Потом решил «быстренько» сделать сайт с ИИ — и сам стал предметом исследования.

Жена начала продавать авторские светильники на Wildberries. Вокруг все стонали про комиссии и говорили «делай свой ресурс». Я учусь в магистратуре Digital Humanities, каждый день работаю с ИИ — думал, соберу лендинг за пару вечеров. Спойлер: нет.

Журавль: Ночной режим — тот самый, ради которого всё затевалось
Журавль: Ночной режим — тот самый, ради которого всё затевалось

С чего всё началось

Моя жена Света делает световые рамки — деревянные, из МДФ с натуральным шпоном, внутри тёплая LED-подсветка 2700K и сменные картинки: сегодня гжель, завтра акварельные пионы. Она пошла на курсы по маркетплейсам и вышла на Wildberries.

А дальше — знакомый каждому селлеру фон: «на WB сложно», «комиссии съедают всe», «алгоритмы непредсказуемы». И параллельно второй дискурс: «делайте собственные ресурсы, не зависьте от маркетплейса».

Я подумал: ну я-то в теме. Магистратура Digital Humanities в ИТМО, исследую, как организации осваивают искусственный интеллект, каждый день работаю с LLM и агентами. Сайт? Быстренько.

Это «быстренько» растянулось на месяц — урывками: между магистратурой, исследованием, работой и остальной жизнью. Прямо сесть и работать с утра до вечера получилось только под конец. В итоге, оказалось самым насыщенным полевым исследованием из всех, что я делал, потому что предметом исследования на этот раз был я сам.

Грабли №1: конструкторы. Почему Тильда не спасла

Начал я, как все: попробовал конструкторы и генераторы сайтов — v0, Lovable, шаблонные билдеры, смотрел на Тильду. Быстро уперся в два потолка.

Первый — визуальный. Мне нужны были эффекты «зажигания»: рамка на сайте должна светиться, как настоящая, с тёплым glow, переходами «день/ночь», когда картинка при касании оживает. Продукт — про свет, сайт обязан это показывать, на шаблонах такое не собирается — вернее, собирается ровно до того момента, когда хочешь, чтобы это работало как задумано, а не «примерно похоже».

Второй потолок — видимость. Сайт-визитка на конструкторе — это красивая страница, которую толком не видят ни поисковики, ни, что сейчас важнее — LLM, и вокруг уже вовсю звучат слова GEO и AEO: оптимизация не под Google, а под нейросети, которые отвечают людям на вопросы «посоветуй необычный ночник в подарок».

Отдельная песня — зарубежные хостинги – на v0 всё деплоится волшебно, за минуты. Только заходить на свой сайт приходится через VPN — для магазина, продающего в России, вариант так себе. Пришлось разбираться с обычным российским шаред-хостингом, деплой-скриптами и файлом .htaccess, о существовании которого я успел счастливо забыть.

Итог: React + Vite + Tailwind, писал с помощью Claude Code — ИИ-агента, которому ставишь задачи, а он работает с кодом, звучит как магия. Сейчас расскажу, как магия выглядит вблизи.

Грабли №2: «сгенерировано» — это новый шильдик «сделано в Китае»

Первую версию сайта я наполнил сгенерированными картинками. Качественными! Яркими, красивыми, мы как раз планировали коллаборации с художниками, и я сделал «примерно как будет».

Обратная связь прилетела быстро и отовсюду. В магистратуре — где, на минуточку, мы ИИ изучаем — к сгенерированному относятся с недоверием. Знакомая художница посмотрела и сказала прямо: «всё сгенерировано, куча генераций, хочется живого». А друг-продюсер сформулировал точнее всех: «Сгенерировано ИИ» — это сейчас как шильдик «Made in China» в СССР. Технически может быть отлично, но воспринимается как знак: настоящего здесь нет.

Для продукта, который продает тепло, дерево и ручную работу — приговор.

Дальше началась эпопея с настоящими фотографиями в домашних условиях. Заваленные горизонты, блики, мусор в кадре, который замечаешь только на большом экране. Стабилизация видео для главной страницы, прогоны через редакторы. Оказалось, «просто сфотографировать продукт» — отдельная профессия, и я понимаю, почему она существует.

Вывод, который я потом проверил на аналитике: сгенерированное изображение может привлечь первый взгляд, но продаёт — живое фото. ИИ хорош на подаче, но доверие покупается реальностью.

Слева — нейросеть, красиво и «слишком идеально». Справа — живое фото на набережной. 
Слева — нейросеть, красиво и «слишком идеально». Справа — живое фото на набережной. 

Грабли №3: нейросети уверенно врут — в том числе про мой собственный продукт

Самая поучительная часть началась, когда я взялся за видимость сайта для LLM — то самое GEO. Начитался статей про SEO/GEO/AEO, стал скармливать сайт разным нейросетям: «проанализируй, чего не хватает, что ты видишь?», «получил HTML контейнер?», «что ты видишь на этой странице?»

И вот тут — театр абсурда в трёх актах.

Акт первый. Gemini выдал развёрнутый план улучшений. Внутри плана — цена товара, которой у нас никогда не было, деталь конструкции, которую он выдумал, и рекомендация использовать библиотеку, заброшенную пару лет назад. Всё — уверенным тоном эксперта, если не проверять каждое утверждение, эти «факты» уехали бы в разметку сайта и стали бы официальной информацией о продукте, которую другие нейросети потом цитировали бы как истину.

Акт второй. Perplexity уверенно сообщил, что на сайте отсутствует структурированная разметка schema.org — «главный технический пробел, несколько часов работы, сильнейший сигнал для AI-цитирования». Проверяю сырой HTML: разметка есть и причем полная. FAQPage, Product, офферы — всё стоит и всё видно ботам. Perplexity нашёл дыру, которой не существовало — видимо, смотрел старую версию.

Акт третий, любимый. Один из ИИ-агентов в процессе работы сам создал проблему (дублирование мета-тегов), сам поставил на нее костыль (скрипт, который следил за страницей и удалял дубли), и лишь после прямого вопроса «а почему дубли вообще появляются?» — нашел и вылечил настоящую причину. Костыль торжественно удалили – это было очень по-человечески. Я продолжил смотреть как летят токены.

Мораль не в том, что нейросети плохие, мораль в том, что работать с ними — это не «нажал кнопку» получил «волшебную коробочку». Это постоянная верификация, фильтрация уверенного тона и умение отличать починенное от замаскированного. Ровно те навыки, которые я в своём исследовании называю организационной готовностью к ИИ. Оказалось, у меня самого её было меньше, чем я думал.

Грабли №4, о которых не пишут в туториалах: юристы

Когда сайт был почти готов, выяснилось, что «сделать сайт» — это еще и немного стать юристом. Форма заказа собирает имя и телефон? Поздравляю: ты оператор персональных данных со всеми приветами от 152-ФЗ. Дальше по списку: политика конфиденциальности, галочка согласия на обработку под формой, cookie-баннер (да, тот самый, который все ненавидят), публичная оферта, условия доставки и возврата.

Я честно читал разъяснения Роскомнадзора и статьи юристов, чтобы понять, что из этого обязательно, а что карго-культ. Спойлер: обязательного больше, чем кажется. Ни один конструктор сайтов, ни одна нейросеть об этом не предупредила — ИИ радостно сгенерирует тебе форму заказа, но не скажет, что вместе с ней ты сгенерировал себе обязанности по закону. Ещё один пункт в счёт «агентства, которое я заменил собой».

Что в итоге получилось (техническая часть — для тех, кому интересно)

Кому не интересно — листайте к следующему разделу, там снова ирония.

  • Стек: React + Vite + Tailwind, хостинг обычный российский шаред, деплой скриптом.
  • Пререндер (SSG): главная боль SPA — поисковик и боты видят пустую страницу до выполнения JavaScript. Решил через генерацию статического HTML для всех роутов на этапе сборки: боты теперь получают полноценный HTML с текстом и мета-тегами, а для человека React «оживляет» страницу после загрузки.
  • Мета-теги и превью: OpenGraph для соцсетей живёт в статическом HTML (краулеры Telegram и VK не исполняют JS — если теги ставит только React, превью не будет). Заодно узнал про бота @WebpageBot, который сбрасывает кэш превью Telegram.
  • Structured data: JSON-LD с типами Product и FAQPage. Здесь же вычистил классическую ошибку — разметка обещала рейтинг 5.0 на основе... одного отзыва. Реальные отзывы у нас есть, но на Wildberries, а не на сайте — а Google требует, чтобы рейтинг в разметке опирался на отзывы, видимые на той же странице. Убрал до появления настоящего блока отзывов. Честность в разметке — это не мораль, это защита от санкций.
  • Скорость: hero-видео пережато с faststart, на мобильных вместо видео грузится лёгкий постер (с ним тоже пришлось повозиться)
  • Терминология для поиска: отдельно разводил слова «ночник» (уютные народные коллекции) и «светильник» (авторские) — у них разный поисковый интент, и это влияет на то, как тебя находят и люди, и LLM.

Каждый пункт этого списка — от нескольких часов до нескольких дней разбирательств. Список выглядит скучно. Путь к нему — тернист и увлекателен.

Скриншот: «Секция "День и Ночь" на сайте — картинки оживают при касании»
Скриншот: «Секция "День и Ночь" на сайте — картинки оживают при касании»

Ирония, ради которой всё писалось

Теперь главное.

Я потратил месяц, чтобы мой сайт хорошо читали боты, чтобы были живые фотографии, свел жену с ума, пока мы все это фотографировали. Пререндер — чтобы боты видели HTML, разметка, чтобы боты понимали структуру, правильные термины, чтобы боты рекомендовали сайт людям.

Параллельно всё больше контента в интернете пишут сами боты. Получается замкнутый контур: боты генерируют тексты, которые читают боты, чтобы пересказать их другим ботам.

Так что у меня к вам необычная просьба, этот текст писал человек — про то, как он делал сайт, чтобы его читали машины. Боты его уже прочитали, им понравилось. Теперь придётся напрячься вам — и прочитать самим. Ну, вы уже почти справились – спасибо вам большое за уделенное время.

Вместо вывода

«Сейчас любой школьник сделает сайт за вечер» — правда примерно наполовину. Сделает. За вечер. Сайт-визитку, которую не найдет ни один поисковик и не процитирует ни одна нейросеть и еще можно получить штрафы по куче каких-то законов.

А вот сделать ресурс, который реально виден и людям, и машинам — это по-прежнему работа. ИИ ее не отменил — он поменял ее состав: меньше ручного кода, больше верификации, архитектурных решений и умения не верить уверенному тону.

Я заменил собой небольшое агентство, это заняло месяц – вечерами и урывками, и научило меня про освоение ИИ больше, чем год чтения статей, потому что одно дело — исследовать, как с этим справляются чужие организации и комментировать в различных тематических группах. Другое — когда организация, которая должна справиться, это ты сам и твоя жена с деревянными светящимися рамками.

Сайт, кстати, вот: ramkasveta.ru Днём — картина, ночью — тёплый свет, как и было задумано, в отличие от всего остального. Будем улучшаться, светить по-другому, собирать новые галереи, учиться фотографировать и делать новые спецэффекты.

Если было полезно — расскажите в комментариях про свои грабли с «быстренько сделаю с нейросетью». Собираю коллекцию: это, в конце концов, мое поле исследования.

Само исследование — как организации (и теперь, как выяснилось, я сам) осваивают ИИ — веду в канале Work·AI Lab: полевые заметки, кейсы, разборы. Продолжение этой истории будет там.

55
22