Меню
Войти
Работа10 мин чтенияобновлено 26 сентября 2026

Три пути создать сайт с помощью ИИ, пошаговый план и готовые промпты

Создать сайт с помощью ИИ можно тремя путями: ИИ-конструктор, код с ИИ-ассистентом или под ключ. Что умеет каждый, пошаговый план от смысла до заявки, семь промптов и чек-лист запуска.

Три пути создать сайт с помощью ИИ, пошаговый план и готовые промпты

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

Три пути: что выбрать

Конструктор с ИИКод с ИИ-ассистентомПод ключ
Кто делаетвывыподрядчик
Сложная логика (калькулятор, запись, оплата)труднодада
Уникальностьнизкаявысокаявысокая
Что нужно уметьничегохостинг, домен, отладканичего
Регулярные платежиподписка конструкторахостинг и доменхостинг, домен, поддержка по договору
Подходитвизитка, проверка идеиесли любите разбиратьсясайт, который должен продавать

Главная ошибка — считать сайт готовым, когда он красиво выглядит. Готов он тогда, когда заявка с телефона за минуту доходит до вас.

Войдите, чтобы читать дальше — это бесплатно

Аккаунт считает пройденные гайды, помнит, где вы остановились в маршруте, и открывает все бесплатные материалы.

Путь 1. Конструктор с ИИ

Вы описываете бизнес в пару предложений — конструктор сам собирает страницу: блоки, тексты, картинки. Например, в Тильде по состоянию на сентябрь 2026 ИИ умеет собрать страницу по описанию, написать заголовки и тексты, подобрать блоки и цвета, а в «вайб-блоке» сгенерировать код сложного элемента — калькулятора или анимации — по словесному описанию; вайб-блок доступен на всех тарифах, лимиты генераций зависят от тарифа.

  • Плюсы: быстро, без кода, хостинг и защищённое соединение уже включены, часто есть бесплатный тариф на старт.
  • Минусы: сайт похож на тысячи других, сложную логику (запись с расписанием, личный кабинет, оплату с условиями) добавить трудно, а за свой домен, снятие ограничений и формы обычно просят подписку.

Путь 2. Код с ИИ-ассистентом

ИИ-ассистент для программирования пишет код по вашим словам: «сделай лендинг автосервиса с калькулятором ТО и формой заявки в Телеграм». Этот подход ещё называют вайбкодингом. Российские ассистенты — например, GigaCode от Сбера и ассистент в SourceCraft от Яндекса — работают из России; у большинства зарубежных нужен доступ из-за рубежа.

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

Путь 3. Под ключ с ИИ

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

Что понадобится

  • Материалы о бизнесе: услуги и цены «от», как проходит работа, 3–5 примеров работ или отзывов (с разрешения клиентов), частые вопросы, контакты.
  • Чат-нейросеть для смысла и текстов: российские GigaChat и Алиса на моделях YandexGPT работают из России; зарубежные — ChatGPT, Claude, Gemini — требуют доступа из-за рубежа.
  • Инструмент сборки — конструктор или ИИ-ассистент для кода.
  • Домен и хостинг — для рабочего сайта. Домен оплачивается регистратору раз в год, цена зависит от зоны и регистратора.
  • Время: визитка на конструкторе — вечер; лендинг с формой и калькулятором кодом — от нескольких дней, если делаете впервые.

Как сделать сайт с ИИ по шагам

Шаг 1. Смысл: пусть нейросеть возьмёт у вас интервью

Самая частая причина слабых сайтов — общие слова. Лечится тем, что нейросеть задаёт вопросы, а вы отвечаете фактами.

Ты — маркетолог, который готовит тексты для сайта [тип бизнеса] в [город].
Задай мне 15 вопросов по одному, дожидаясь ответа на каждый:
кому продаём, с какой проблемой приходят клиенты, почему выбирают нас, а не конкурентов,
какие цены, сколько длится работа, какие гарантийные условия, какие вопросы задают
перед покупкой, что их пугает, какие примеры работ есть.
Если мой ответ общий («качественно», «быстро») — переспроси и попроси цифру или пример.
В конце сведи мои ответы в одну страницу — это будет основа текстов.

Что должно получиться: одна страница фактов о бизнесе без эпитетов. Сохраните её — она пойдёт во все следующие промпты.

Шаг 2. Структура

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

Вот основа о бизнесе: [страница из шага 1].
Предложи структуру одностраничного сайта: список блоков по порядку.
Для каждого блока — задача блока (на какой вопрос клиента он отвечает),
что в нём будет, какой призыв к действию, если он нужен.
Первый экран: заголовок до 8 слов — что делаем и для кого, подзаголовок — главное
отличие, одна кнопка.

Что менять: одностраничный или многостраничный сайт. Если услуг много и по каждой ищут отдельно — лучше отдельная страница на услугу.

Шаг 3. Тексты

Нейросеть пишет черновик — вы убираете общие слова и добавляете факты: цифры, сроки, гарантийные условия.

Вот основа о бизнесе: [страница из шага 1]. Вот структура: [блоки].
Напиши тексты для каждого блока. Правила: на «вы», короткие фразы, каждое утверждение —
с фактом из основы. Запрещены слова: «качественно», «индивидуальный подход»,
«команда профессионалов», «лучший», «уникальный».
Не придумывай цифры, отзывы и гарантии — если их нет в основе, оставь [нужен факт].

Что менять: запрещённые слова — добавьте те, которыми пишут ваши конкуренты. Поля [нужен факт] заполните сами: это места, где сайт без фактов выглядел бы как все.

Шаг 4. Сборка

Конструктором или кодом — по таблице выше. Если собираете кодом, задание ассистенту давайте целиком, как техническое задание:

Сделай одностраничный сайт на HTML, CSS и минимуме JavaScript, без сборщиков.
Блоки: [структура из шага 2], тексты: [из шага 3].
Требования: сначала вёрстка для телефона шириной 360 точек, потом для компьютера;
кнопки не меньше 44 точек; шрифт основного текста не мельче 16 точек;
форма заявки — имя, телефон, отметка согласия на обработку персональных данных
со ссылкой на документ согласия; защита от спама без капчи для человека;
отправка заявки в Телеграм через серверный обработчик — ключ бота только на сервере,
не в коде страницы.
Объясни, как запустить сайт на хостинге, по шагам для новичка.

Что менять: блоки и способ отправки заявки. Строку про ключ бота не удаляйте: ключ, оставленный в коде страницы, может прочитать любой посетитель.

Шаг 5. Заявка

Форма должна приходить туда, где вы её точно увидите: в Телеграм или CRM с уведомлением, а не только на почту. Отправьте три тестовые заявки — с телефона, с компьютера, с мобильного интернета — и засеките, за сколько они доходят.

Шаг 6. Проверка на телефоне

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

Вот код моей страницы: [код].
Проверь его как опытный разработчик: что сломается на телефоне шириной 360 точек,
что замедлит загрузку, какие элементы недоступны для людей с плохим зрением,
нет ли в коде ключей и паролей, которые видит посетитель.
Дай список проблем по убыванию важности и исправление для каждой.

Шаг 7. Поиск

Чтобы сайт нашли в поисковиках: у каждой страницы свой заголовок и описание, есть карта сайта, сайт добавлен в Яндекс Вебмастер — там нажимаете «Добавить сайт», вводите адрес и подтверждаете права: метатегом в коде страницы, файлом или записью в настройках домена.

Вот тексты страницы [услуга] для [тип бизнеса] в [город]: [текст].
Предложи 3 варианта заголовка страницы для поиска (до 60 знаков) и 3 варианта описания
(до 160 знаков). В заголовке — услуга и город, в описании — главное отличие и цена «от».
Без слов «лучший» и «№1».

Что менять: город и услугу. Заголовок для поиска — не то же самое, что заголовок первого экрана: первый пишется под запрос, второй — под человека, который уже пришёл.

Форма заявки и закон: что нужно на любом сайте

Имя и телефон в форме — это персональные данные, и требования закона действуют независимо от того, собран сайт нейросетью или вручную. Коротко, по состоянию на сентябрь 2026:

  • Согласие отдельным документом. С 1 сентября 2025 года согласие на обработку персональных данных оформляется отдельно, а не строчкой в договоре или пользовательском соглашении. На сайте — отметка с активным действием человека и ссылка на документ согласия.
  • Политика обработки данных опубликована на сайте.
  • Хранение в России. С 1 июля 2025 года первичный сбор данных граждан России должен идти в базы на территории России. Если заявки сохраняются в зарубежном сервисе форм или таблиц — это риск. Штраф организации за нарушение локализации — от 1 до 6 млн ₽, повторно — до 18 млн ₽.

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

Можно ли бесплатно

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

Типичные ошибки и как чинить

ОшибкаЧто получаетсяКак чинить
Промпт «сделай сайт для салона»шаблонный сайт с общими словамиинтервью из шага 1, тексты только с фактами
Нет цен даже «от»клиент уходит к тем, у кого они естьцена «от» у каждой услуги
Заявки только на почтузаявка лежит до утраТелеграм или CRM с уведомлением
Ключ бота в коде страницылюбой посетитель может им воспользоватьсяотправка через серверный обработчик
Проверили только на компьютерена телефоне текст мелкий, кнопки уезжаютпроверка на телефоне шириной 360 точек
Нет согласия на обработку данныхнарушение закона о персональных данныхотдельный документ согласия и отметка в форме
Картинки от нейросети с искажёнными руками и надписямисайт выглядит несерьёзнореальные фото работ или проверка каждой картинки

Чек-лист перед запуском

  1. Первый экран за 5 секунд отвечает: что вы делаете, для кого и что нажать.
  2. У каждой услуги есть цена «от» и срок.
  3. В текстах нет выдуманных цифр, отзывов и обещаний.
  4. Три тестовые заявки дошли до вас за минуту.
  5. Сайт проверен на телефоне: текст, кнопки, форма, звонок по нажатию.
  6. Есть согласие на обработку данных отдельным документом и политика.
  7. Заявки хранятся в России.
  8. В коде страницы нет ключей и паролей.
  9. У страниц есть заголовки и описания, сайт добавлен в Яндекс Вебмастер.

Условия сервисов меняются: бесплатные тарифы, лимиты, доступ из России и цены проверяйте на их сайтах. Нормы закона приведены по состоянию на сентябрь 2026 и не заменяют консультацию юриста.

Что дальше

Как зашло?

Ответ засчитывает гайд и помогает нам его улучшить

Читать дальше

Вход в ИИ-цех

Аккаунт бесплатный: открывает гайды целиком, считает пройденные и помнит ваш маршрут.