Три класса инструментов — и почему их путают
Все они отвечают на запрос «сделай сайт», но результат отличается принципиально.
| Класс | Что происходит внутри | Что вы получаете | Главное ограничение |
|---|---|---|---|
| Конструктор с ИИ (Tilda, Wix, Craftum) | Модель подбирает шаблон и заполняет блоки текстом | Сайт внутри платформы | Съехать с платформы нельзя, вы платите подписку постоянно |
| Генератор кода (Lovable, v0, Bolt) | Модель пишет реальный HTML/React-код по описанию | Код, который можно выгрузить | Требует базового понимания, куда этот код деть |
| Агент в проекте (Claude Code, Cursor) | Модель работает с файлами вашего проекта и правит их | Полный контроль над сайтом | Нужен терминал и минимальная техническая база |
Выбор проще всего свести к одному вопросу: что вы будете делать с сайтом через полгода? Если менять тексты и картинки — хватит конструктора. Если добавлять функциональность, интеграции, нестандартные страницы — нужен код. Если сайт большой и правки постоянные — агент, потому что он единственный держит контекст всего проекта, а не одной страницы.
Частая ошибкаВыбирают конструктор «на попробовать», за полгода наполняют сотней страниц, а потом хотят перенести — и обнаруживают, что переносить нечего: контент лежит в проприетарном формате платформы. Решайте вопрос переносимости на входе, а не когда сайт вырос.
Семь сервисов: сравнение
| Сервис | Класс | Отдаёт код | Сильная сторона | Кому подойдёт |
|---|---|---|---|---|
| Lovable | Генератор кода | Да | Работающее приложение с базой данных, а не только вёрстка | Быстрый прототип продукта |
| v0 | Генератор кода | Да | Аккуратные React-компоненты, хороший визуальный вкус | Отдельные экраны и блоки |
| Bolt | Генератор кода | Да | Полный проект в браузере с превью | Прототип без установки чего-либо |
| Claude Code | Агент в проекте | Да, ваш проект | Правки по всему сайту сразу, работа с существующим кодом | Сайт, который живёт и меняется |
| Claude Artifacts | Чат + превью | Да, HTML-файл | Одностраничник за один запрос, ничего не надо ставить | Лендинг, промо-страница |
| Tilda Zero + ИИ | Конструктор | Нет | Русская платформа, привычная редактура | Маркетолог без разработчика |
| Wix ADI | Конструктор | Нет | Полностью автоматическая сборка по анкете | Простой сайт-визитка |
Отдельно про самый недооценённый вариант: обычная чат-модель, которая выдаёт готовый HTML-файл. Для лендинга из шести секций этого достаточно — вы получаете один файл, который можно открыть в браузере, положить на любой хостинг и править словами. Ни аккаунтов, ни подписок, ни привязки к платформе.
Что реально получится за час
Честная картина по типам сайтов — на основе того, где инструменты справляются, а где начинается ручная работа.
| Тип сайта | Готовность после ИИ | Что доделывать руками |
|---|---|---|
| Лендинг под одну услугу | 80–90% | Тексты под ваше позиционирование, формы, аналитика |
| Сайт-визитка на 4–5 страниц | 70% | Структура меню, юридические страницы, перелинковка |
| Блог или контентный проект | 40% | Шаблоны статей, sitemap, микроразметка, система публикации |
| Интернет-магазин | 20–30% | Каталог, корзина, оплата, доставка — это уже не вёрстка |
| Сервис с личным кабинетом | Прототип | Авторизация, безопасность, данные пользователей |
Закономерность простая: чем больше на сайте логики и чем меньше вёрстки, тем меньше пользы от генерации. ИИ отлично собирает то, что выглядит, и плохо — то, что работает с деньгами и данными.
Структура промпта для сайта
Запрос «сделай сайт для стоматологии» даёт усреднённый шаблон. Работающий промпт описывает шесть вещей:
- Кто и что продаёт — одним предложением, с конкретикой.
- Кому — сегмент аудитории и главное возражение, которое надо снять.
- Целевое действие — что человек должен сделать: заявка, звонок, запись, покупка.
- Структура блоков — списком, по порядку. Это важнее всего остального.
- Стиль — два-три ориентира и палитра, без литературных описаний.
- Технические требования — один файл или проект, адаптив, что не использовать.
Сделай одностраничный сайт для студии ремонта техники. Аудитория: владельцы техники после гарантии, главное возражение — «сломают окончательно и обвинят меня». Целевое действие: заявка на бесплатную диагностику. Блоки по порядку: 1. Первый экран: заголовок с выгодой, подзаголовок, кнопка 2. Три причины выбрать нас (иконка + заголовок + строка) 3. Как проходит ремонт: 4 шага 4. Цены: таблица по типам техники 5. Отзывы: 3 карточки 6. FAQ: 5 вопросов 7. Форма заявки: имя, телефон, что сломалось 8. Подвал: контакты, реквизиты, ссылки на юр. страницы Стиль: спокойный, без агрессивных обещаний. Палитра: тёмно-синий, белый, один акцентный цвет. Технически: один HTML-файл, стили внутри, адаптив от 360px, без внешних библиотек и шрифтов.
Ключевая часть — пункт со структурой блоков. Именно он превращает генерацию из лотереи в предсказуемую сборку: модель отлично верстает по заданной схеме и плохо придумывает схему сама. Если не знаете, какие блоки нужны, сначала попросите модель предложить структуру — отдельным запросом, — утвердите её и только потом просите вёрстку.
Правки формулируйте по одной и адресно: «во втором блоке сделай три колонки вместо двух», а не «переделай, мне не нравится». Модель точно исполняет точные указания и фантазирует в ответ на общие.
Где ИИ-сайты проваливаются: SEO и скорость
Сгенерированный сайт почти всегда красив и почти всегда имеет одни и те же дыры. Проверьте их до запуска — это десять минут работы.
| Что проверить | Типичная проблема генерации | Как исправить |
|---|---|---|
| title и description | Заглушки вроде «Home» или дубли на всех страницах | Прописать уникальные под каждую страницу, с ключом |
| Заголовки h1–h3 | Несколько h1 или заголовки, выбранные по размеру шрифта | Один h1 на страницу, иерархия без пропусков уровней |
| alt у картинок | Пусто или «image» | Осмысленное описание содержимого |
| robots.txt и sitemap.xml | Не создаются вообще | Добавить оба, sitemap отправить в вебмастеры |
| Микроразметка | Отсутствует | Организация, хлебные крошки, FAQ — там, где уместно |
| Вес страницы | Огромные PNG вместо сжатых картинок | Сжать, перевести в современные форматы, добавить lazy loading |
| Мобильная вёрстка | Ломается на 360px, таблицы не прокручиваются | Проверить на узком экране и починить точечно |
| Формы | Кнопка есть, отправка никуда не идёт | Подключить приём заявок и проверить реальной отправкой |
Отдельная тема — сайты, которые целиком рисуются скриптами. Такой сайт красив, но поисковому роботу может достаться пустая страница. Простая проверка: откройте исходный код страницы (Ctrl+U) и поищите свой текст. Если его там нет — есть риск, что и в индексе его не будет. Для контентного проекта это критично, для внутреннего сервиса — не важно.
И последнее: не забудьте про юридический минимум — политику обработки персональных данных и согласие на обработку рядом с формой. Генератор про это не помнит, а форма без них собирает данные незаконно.
Куда выложить готовый сайт
Код сам по себе не сайт — нужен домен и место, где файлы лежат. Три варианта по возрастанию сложности:
- Хостинг для статики. Если у вас получился набор HTML-файлов — подойдёт любой обычный хостинг. Загрузили файлы по FTP, привязали домен, включили HTTPS. Самый дешёвый и надёжный вариант для лендинга и блога.
- Платформы для фронтенда. Удобны автодеплоем: обновили код в репозитории — сайт обновился сам. Минус для российских проектов — доступность и оплата, это стоит проверить заранее.
- Свой сервер. Нужен, когда у сайта есть серверная часть: приём заявок, база, личные кабинеты. Требует настройки, зато никаких ограничений.
Для типичного лендинга или контентного сайта первый вариант закрывает задачу целиком: домен, хостинг, файлы — и вы владеете всем, что происходит. Если сайт планирует расти и меняться, стоит с самого начала держать его в системе контроля версий и править агентом — тогда правка «поменяй телефон во всех подвалах» занимает одну команду, а не час ручной работы по тридцати страницам. Как это устроено на практике, разбираем в телеграм-канале.
Частые вопросы
Может ли нейросеть сделать сайт полностью бесплатно?
Лендинг — да: чат-модель на бесплатном тарифе выдаёт готовый HTML-файл, а разместить его можно на дешёвом хостинге. Бесплатным будет генерация, но не домен и не хостинг.
Чем ИИ-конструктор отличается от генератора кода?
Конструктор заполняет готовый шаблон внутри своей платформы, и сайт остаётся там навсегда. Генератор кода отдаёт файлы, которые можно разместить где угодно и править чем угодно. Это разница во владении сайтом.
Будет ли сгенерированный сайт продвигаться в поиске?
Будет, если закрыть стандартные дыры: уникальные title и description, один h1, sitemap, robots.txt, доступный роботу текст. Сама по себе генерация ни помогает, ни мешает ранжированию — важно, что в итоге получилось.
Нужно ли уметь программировать?
Для лендинга из одного файла — нет. Как только появляются формы, база данных и личные кабинеты, техническая база становится обязательной: ИИ напишет код, но отвечать за безопасность и данные пользователей придётся вам.
Можно ли доверить нейросети интернет-магазин?
Витрину — да, торговую часть — нет. Корзина, оплата, склад и персональные данные покупателей требуют проверенных решений, а не сгенерированного прототипа.
Как править сайт после генерации?
Формулируйте правки адресно и по одной: «в блоке цен добавь четвёртую колонку». Если сайт из нескольких файлов, удобнее работать агентом в проекте — он видит весь код и вносит согласованные изменения.
Сколько времени займёт лендинг целиком?
Вёрстка — от получаса. Реальный срок до запуска — обычно день-два: тексты под своё позиционирование, картинки, форма заявки, аналитика, юридические страницы и проверка на мобильных.
Внедряйте нейросети в маркетинг вместе с нами
В комьюнити 400+ маркетологов делятся кейсами и туториалами по Claude Code, Яндекс.Директ, автоматизации и другим инструментам.
Вступить бесплатно