Добавить в корзинуПозвонить
Найти в Дзене

Почему я так и не смог сделать нормальный сайт с помощью нейросетей?

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

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

Дизайн по наитию: почему нейросеть не понимает слово «чуть левее»

Мой первый заход в ИИ-конструктор напоминал игру в испорченный телефон. Я загрузил референс симпатичного минималистичного сайта и попросил: «Сделай похоже, только поменяй цвет кнопок на лососевый и добавь секцию с отзывами». Через три минуты нейросеть выдала композицию, в которой от оригинала не осталось и следа: вместо лососевого вылез ядовито-розовый, отзывы почему-то уехали в подвал, а шапка сайта превратилась в нагромождение графического шума. Когда я попытался вежливо уточнить, что хотел бы сдвинуть логотип на пять пикселей вправо, система просто перерисовала весь макет заново в стиле необрутализма, снова проигнорировав исходную задачу. Такая реакция не случайна: большинство генеративных моделей обучены преобразовывать текст в пиксельные изображения, не понимая, что такое сетка, отступы или CSS-правила. Они видят картинку целиком и любую правку воспринимают как запрос на создание новой картинки с нуля. Именно поэтому точечная работа, без которой немыслим профессиональный веб-дизайн, для ИИ пока недоступна.

Ещё больнее ударила по моему самолюбию тотальная шаблонность. Я перебрал десятки вариантов, сгенерированных разными нейросетями, и с удивлением обнаружил, что все они похожи на дальних родственников: та же гигантская обложка на весь экран, те же три колонки с иконками под заголовком «Почему мы», однотипная контактная форма в футере. Причина этого однообразия кроется в том, что ИИ обучается на самых часто встречающихся композициях из интернета и воспроизводит усреднённую, «безопасную» эстетику, которая не цепляет и не выделяет бренд. Как едко заметил дизайнер и бывший арт-директор Spotify Тобиас ван Шнайдер: «Искусственный интеллект не делает интересный выбор, потому что ему, откровенно говоря, всё равно». Для бизнеса такая безликость смертельна: люди запоминают индивидуальность, а набор усреднённых блоков заставляет сайт сливаться с сотней таких же страниц, сделанных за соседним ноутбуком по тем же промптам.

Наконец, самый болезненный провал ждал меня там, где дизайн обязан работать на бизнес. Нейросеть прекрасно рисовала бутафорию: красивые фотографии тортов, аккуратные иконки и анимированные стрелочки. Но она абсолютно не понимала, по какому маршруту должен идти потенциальный клиент. Например, на моём прототипе кнопка «Заказать дегустацию» упорно вела на страницу «О компании», а важный блок с акцией маячил где-то внизу, хотя по логике должен был бросаться в глаза сразу. Искусственный интеллект не имеет понятия о CJM (Customer Journey Map) и воронке продаж; он собирает интерфейс как аппликацию, ориентируясь сугубо на визуальную гармонию, а не на целевое действие. В итоге я получил картинку, на которую приятно смотреть, но которая категорически не приспособлена удерживать внимание и превращать посетителей в покупателей. А это, как вы понимаете, сводит на нет весь смысл наличия сайта для бизнеса.

Вайб-кодинг, или почему ваш сайт рассыплется при первой же перезагрузке

Когда я разобрался с картинкой и попросил нейросеть превратить её в настоящий код, в дело вступил так называемый вайб-кодинг (vibe coding). Суть подхода в том, что ты описываешь настроение и функции, а ИИ выдаёт простыню HTML, CSS и JavaScript. Я попросил сделать форму обратной связи для кондитерской: чтобы клиент мог выбрать торт, указать вес и дату доставки. Вместо лаконичного решения на чистом JS я получил три сотни строк кода с перекрёстными зависимостями и дюжиной неиспользуемых библиотек. Мало того, прямо в клиентском скрипте красовался мой приватный API-ключ для отправки писем. Оказалось, что я далеко не один такой: по данным исследования специалистов из Нью-Йоркского университета, до 45% кода, сгенерированного нейросетями, содержит уязвимости из списка OWASP Top 10, включая SQL-инъекции и раскрытие конфиденциальных данных. Глядя на эту кашу, я понял, что доверить такой код реальным деньгам клиентов — всё равно что повесить на дверь амбарный замок из пластилина.

Но даже если закрыть глаза на дыры, архитектура такого кода никуда не годится. Я попытался добавить к форме ещё одну страницу — корзину, и тут нейросеть словно забыла всё, что делала до этого. Она начала переопределять стили, которые уже были заданы, создала дублирующиеся идентификаторы и сломала вёрстку на мобильных устройствах. Дело в том, что языковые модели, лежащие в основе этих инструментов, не мыслят архитектурно: они предсказывают следующий кусок текста, удерживая в памяти лишь ограниченное контекстное окно. Стоит проекту выйти за рамки одного файла, как ИИ теряет нить. Вице-президент Google по инженерным вопросам Брэд Колдер подтвердил это в недавнем интервью: «Люди были бы шокированы, узнав, как мало кода из больших языковых моделей в итоге добирается до продакшена». И действительно, мой «почти готовый» сайт после пары правок превратился в цифровой пазл, который не смог бы собрать ни один живой разработчик без полного перебора.

Отдельная головная боль — производительность. Нейросеть не задумывается о том, как быстро загрузится страница у пользователя с медленным мобильным интернетом. Мой сгенерированный сайт подгружал гигантские PNG вместо сжатых WebP, загружал все картинки разом, не используя ленивую загрузку, и содержал три разных версии одной и той же анимации. В реальных условиях это означало, что страница открывалась больше пяти секунд, и потенциальные клиенты просто уходили, не дождавшись. Сейчас, когда Google официально учитывает Core Web Vitals как фактор ранжирования, такой «тяжёлый» сайт обречён не только потерять посетителей, но и выпасть из поиска. Иными словами, красивая обёртка, созданная ИИ, скрывала под собой технологически отсталое и нежизнеспособное ядро.

Почему поисковики не простят вам любовь к нейросетям

Когда сайт наконец-то заработал локально, я решил выложить его на хостинг и покорять Яндекс с Google. Тут меня ждал новый удар. Открыв инструменты вебмастера, я увидел, что у всех страниц красуется одинаковый заголовок «Заголовок», а мета-описания отсутствуют вовсе. Нейросеть, сосредоточившись на визуале, напрочь забыла прописать теги H1, H2 и alt-тексты для изображений, без которых поисковые роботы просто не понимают структуру контента. Более того, несколько внутренних ссылок вели на несуществующие URL, создавая «битые» страницы. Всё это превратило мой новенький лендинг в цифровой дом с заколоченными окнами: он был в интернете, но поисковики его попросту не видели.

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

В довершение всего вернулась и проблема скорости. Сгенерированный нейросетью код тянул за собой кучу неиспользуемых CSS-правил и скриптов, каждое из которых добавляло миллисекунды к загрузке. Когда я проверил сайт в PageSpeed Insights, результат был плачевным: 23 балла из 100 для мобильных устройств. В эпоху mobile-first индексации это автоматически означало, что Google будет показывать мой ресурс где-то далеко за пределами первой десятки, даже если бы там был гениальный дизайн. Таким образом, все мои усилия свелись к тому, что я стал владельцем красивой, но абсолютно бесполезной цифровой пустышки, которую не видят ни люди, ни роботы. Чтобы вытащить этот проект на свет, пришлось всё переделывать с нуля уже руками профессионалов.

Подписывайтесь на канал, чтобы не пропустить новые статьи и ставьте нравится.

-2