Промт для создания сайта — это структурированный запрос к нейросети, где вы задаёте роль, тип сайта, аудиторию, стек, дизайн и формат ответа. Чтобы получить рабочий результат, укажите назначение сайта, ключевые разделы и попросите оформить ответ деревом страниц или таблицей. Ниже — формула, готовые шаблоны под лендинг, магазин и корпоративный сайт и пошаговый алгоритм.
Что такое промт и чем он отличается от обычного запроса
Обычный запрос к нейросети — это вопрос в одну строку: «сделай сайт». Промт — это задание с ролью, контекстом, ограничениями и форматом вывода. Разница в том, что промт управляет решением, а запрос оставляет его на усмотрение модели.
Промт решает три задачи при создании сайта: собрать логичное дерево страниц, закрыть обязательные разделы (контакты, оферта, доставка) и сразу заложить SEO-иерархию. Расплывчатое «сделай сайт» даёт шаблонную воду, детальный промт — готовую карту разделов.
Отличие промта от запроса видно на цифрах: поле «Создать» принимает до 2 000 знаков, столько же подставляет ссылка регистрации с зашитым описанием — это ограничение самого кабинета. Ориентир из руководства Wuna — 100–150 слов, поле принимает до 2 000 знаков. В эти рамки укладывается и роль, и стек, и дизайн.
Какие нейросети и ИИ-конструкторы брать за основу
Для генерации кода и структуры подходят ChatGPT, Claude, Gemini, DeepSeek. Для визуальной сборки без кода — v0, Lovable, Bolt. Для русскоязычных проектов удобны YandexGPT и GigaChat. Один и тот же промт стоит прогнать в двух-трёх моделях и сравнить результат.
В обзоре на Хабре гуманитарий описал опыт сборки сайта с нуля при помощи DeepSeek: контекстное окно у него 128 тыс токенов, это примерно 200 тыс символов с пробелами литературного текста. Следовательно, чтобы осталось место на ответ бота, максимальная длина вашего сообщения не должна превышать 70–80 тыс символов.
Конструкторы отличаются от чат-моделей тем, что собирают сайт сразу. В обзоре на plaan.ai перечислены конструкторы: 60sec. site собирает сайт за 60 секунд, Mixo поднимает сайт с нуля и поддерживает его развитие, Stunning.so отдаёт экспорт HTML. Там же приведён прогноз: рынок AI-конструкторов к 2033 году достигнет 5,09 миллиарда долларов.
| Инструмент | Для чего | Формат работы |
|---|---|---|
| ChatGPT, Claude, Gemini | Структура, тексты, код | Чат, промт в свободной форме |
| DeepSeek | Код и логика, длинный контекст | Чат, окно 128 тыс токенов |
| v0, Lovable, Bolt | Визуальная сборка интерфейса | Промт + превью |
| YandexGPT, GigaChat | Русскоязычные проекты | Чат |
| Wuna, Land Maker | Сборка сайта описанием | Описание в поле: у Wuna — до 2 000 знаков |
Из каких блоков состоит хороший промт
Сильный промт собирается из шести элементов. Пропустите один — нейросеть додумает его за вас, часто мимо цели.
- Роль — кем должна «стать» нейросеть: «Ты — веб-архитектор с опытом проектирования интернет-магазинов».
- Цель — что именно сделать: «составь структуру сайта и собери лендинг».
- Стек — на чём собирать: HTML, CSS, JS, React, Tailwind, WordPress.
- Структура — список страниц, блоков, порядок экранов.
- Дизайн — палитра, шрифты, адаптивность.
- Ограничения — число разделов, язык, SEO-требования, формат вывода.
Базовый шаблон, который закрывает большинство задач по структуре, собирается из тех же блоков.
Ты — веб-архитектор. Составь структуру сайта для [тип сайта] в нише [ниша]. Целевая аудитория — [кто]. Цель сайта — [цель]. Предложи логичное дерево страниц с разделами и подразделами, для каждой страницы кратко опиши назначение. Оформи ответ таблицей: Страница | Уровень вложенности | Назначение. Учитывай удобство навигации и SEO.
Приём с назначением роли и «персоны» повышает точность ответа — подробнее в материале о промптах для GPT Image. В подборке на vc.ru роль задана так: «Ты — SEO-копирайтер с 5-летним опытом работы с коммерческими сайтами». Там же цель сформулирована отдельной строкой: «Цель: создать SEO-статью для продвижения по среднечастотным запросам в топ-10 Яндекса».
Готовый универсальный промт для лендинга
Скопируйте и подставьте свои данные в квадратные скобки.
Ты — маркетолог и веб-архитектор. Собери одностраничный лендинг для [продукт/услуга]. Аудитория — [кто], их главная боль — [боль]. Цель — заявка. Стек: HTML, CSS, JS, адаптив от 320 px. Блоки по порядку: первый экран, выгоды, как работает, кейсы, тарифы, отзывы, FAQ, форма. Для каждого блока дай текст и описание. Палитра из 5 цветов с HEX: фон, текст, акцент, фон второго уровня, кнопка. Контраст текста к фону не ниже 4.5:1. Оформи ответ таблицей: Блок | Текст | Назначение.
Для лендинга оптимально 5–10 строк: ниша, услуги с ценами, оффер, стиль, нужные блоки. Пример из обзора на Land Maker: «Услуги: стрижка от 1 500 ₽, окрашивание AirTouch от 8 000 ₽, маникюр от 1 200 ₽». Оффер там же: «скидка 25% на первое окрашивание».
В подборке на promtbaza.com приём для первого экрана описан так: «Дай 5 непохожих вариантов: заголовок до 9 слов, подзаголовок до 20 слов, кнопка 2-3 слова». Один вариант — с цифрой или сроком: «[ФАКТ: диагностика в день обращения, ремонт от 2 дней]».
Готовый промт для многостраничного корпоративного сайта
Ты — веб-архитектор. Собери корпоративный сайт для компании [сфера], оказывающей услуги [какие]. Стек: WordPress или HTML/CSS/JS. Страницы: главная, услуги, о компании, кейсы, отзывы, блог, контакты. Для каждой страницы опиши цель и ключевое действие. Оформи вложенным списком с уровнями. Учитывай SEO-иерархию.
Пример из обзора на Wuna: «Что соберётся: четыре страницы — главная с ценами за м² и шестью шагами от замера до гарантии, «Объекты» карточками с районом, площадью и сроком, «Цены» и контакты; форма на замер спрашивает адрес и площадь».
Для многостраничника важно сразу задать перелинковку. В подборке на vc.ru есть промт под это: «Сгенерируй 5-7 предложений для внедрения ссылок в существующий текст, используя анкоры, связанные с [ключевые слова]». Там же — приём для мета-тегов: «Создай 3 варианта Title (до 60 символов) и 3 варианта Description (до 160 символов)».
В кабинете Wuna название проекта становится заголовком сайта, поэтому «Проект 1» туда лучше не писать. Телефон и фирменные цвета после сборки там переносят во вкладку «Знания» проекта, до 500 знаков — они подставляются в каждую правку.
Готовый промт для интернет-магазина с каталогом и корзиной
Ты — веб-архитектор с опытом e-commerce. Собери интернет-магазин [ниша]. Стек: React и Tailwind или WordPress с WooCommerce. Разделы: каталог с категориями и подкатегориями, карточка товара с отзывами и фильтрами, корзина, оформление заказа, страницы доставки, оплаты и возврата. Оформи дерево страниц с вложенностью и укажи, какие разделы важны для SEO.
Пример структуры из обзора на Wuna: цветочная лавка с каталогом на четыре страницы обошлась в 70 000 кредитов. В обзоре на Land Maker магазин описан через меню: «Меню: пицца 30 см от 499 ₽, сеты от 899 ₽, напитки». Оффер там же: «доставка бесплатно от 1 000 ₽, за 30 минут».
Для описаний товаров в обзоре на plaan.ai есть готовый промт: «Создайте убедительное описание продукта для [категории продукта], которое побуждает клиентов к покупке, используя максимум 100 слов». Для массовой генерации: «Создайте 100 описаний продуктов для [Название компании] [Тип продукта] с помощью ChatGPT, выделив основные характеристики и преимущества».
| Тип сайта | Что просить у ИИ | Формат ответа |
|---|---|---|
| Лендинг | Последовательность экранов и логику прогрева | Список блоков по порядку |
| Интернет-магазин | Каталог, карточку, фильтры, корзину, оформление | Дерево с вложенностью |
| Блог | Рубрики, шаблон статьи, схему перелинковки | Таблица рубрик |
| Корпоративный сайт | Услуги, кейсы, о компании, контакты | Вложенный список |
| Сайт-портфолио | Работы, категории проектов, обо мне, форму связи | Простое дерево |
Для блога и контентного сайта промт собирается по той же формуле.
Ты — контент-стратег. Составь структуру блога в нише [тема] для аудитории [кто]. Предложи рубрики и подрубрики, шаблон структуры статьи, разделы для перелинковки и страницы автора. Цель — органический трафик из поиска. Оформи таблицей: Рубрика | Подрубрики | SEO-задача.
Как описать в промпте дизайн, стиль, цвета и адаптивность
Промт на дизайн задаёт не настроение, а цифры: пять цветов с HEX, контраст текста к фону не ниже 4.5:1, пару бесплатных шрифтов с размерами в px и шаг сетки. Так формулирует подборка на promtbaza.com.
Контраст текста к его фону — не ниже 4.5:1, проверь пары цветов. Адаптив на CSS без JS: от 320 px, одна точка перелома.
Что смотреть после сборки: есть ли viewport — без него телефон покажет десктопную копию; не мельче ли шрифт 16 px; нет ли внешних шрифтов. В обзоре на chataibot.ru показан приём для картинки страницы в Midjourney: словам задают вес через двоеточие, чтобы белого на макете было больше, чем красного — «Должно получиться white:10 red:1».
Для визуальных идей в обзоре на plaan.ai есть отдельный блок «Дизайн и визуальные идеи для сайта». Референсы задают планку: ориентируйте модель на структуру сайтов уровня конкретного примера, который назовёте.
Как задать в промпте технический стек
Стек указывайте явно, иначе модель выберет сама. Варианты: HTML, CSS, JS для статичной страницы; React и Tailwind для интерфейса; WordPress для контентного сайта с админкой.
В подборке на promtbaza.com код одностраничника советуют забирать одним файлом HTML со стилями внутри: «Файл честнее сборки в сервисе (про неё — шаг 5): он ваш». Там же приёмка: «[ПРИЁМКА: заявка приходит на почту, страница читается на 360 px, ссылки живые]».
Для статичной страницы промт звучит так. Собери одностраничник на HTML, CSS и JS. Без внешних библиотек. Адаптив от 320 px. Форма отправляет заявку на почту. Для React меняется первая строка: собери приложение на React и Tailwind, компоненты — Header, Hero, Features, Pricing, Footer, адаптив через Tailwind-классы.
В обзоре на Хабре автор отметил: «Скорость разработки кода перестала быть дефицитом. Дефицитом стали денежные идеи». Это меняет приоритет в промте: важнее точно описать продукт, чем перечислять технологии.
Как итеративно дорабатывать сайт через уточняющие промпты
Сборка с нуля дороже правки. В обзоре на Wuna приведены цифры: сборка с нуля — около 30 000 кредитов, правка — несколько тысяч, новый блок — 10 000–20 000. Поэтому доработку ведут точечными промтами.
Лечится фразой в чате: «Цены в блоке услуг замени на: коррекция 800 ₽, окрашивание 1 200 ₽». Так описан приём в обзоре на Wuna. Там же — про пересборку: «Во всех трёх случаях переписывать описание и жать «Пересобрать» дороже, чем поправить».
Порядок итераций: сначала структура, затем тексты блоков, затем дизайн, затем служебная обвязка. Предполётная проверка — два последних промта: служебная обвязка страницы (title, description, h1, alt, og) и аудит кода по списку.
Для мета-тегов в подборке на promtbaza.com заданы рамки: «title до 60 знаков: услуга и город, без названия компании в начале». И «description 140-160 знаков: что делаем, для кого, с призывом».
Типичные ошибки в промптах и как их исправить
Разница между слабым и сильным запросом — в конкретике. Слабый звучит так: сделай структуру сайта интернет-магазина. В ответ приходит обобщённый список без ниши, аудитории и обязательных разделов. Сильный называет вводные: составь структуру интернет-магазина детских товаров для мам 25–40 лет, цель — покупка, каталог с категориями (одежда, игрушки, питание), карточка товара с отзывами и фильтрами, корзина, оформление заказа, страницы доставки, оплаты и возврата, формат — таблица Страница | Вложенность | Назначение.
- Слепое копирование чужого промта без подстановки своих вводных — структура выходит не под ваш проект. Исправление: замените все скобки на свои данные.
- Один запрос на всё — нейросеть путается в приоритетах. Исправление: дробите задачу на цепочку.
- Нет формата вывода — ответ приходит «простынёй». Исправление: «Оформи таблицей: Страница | Уровень | Назначение».
- Нет проверки — ИИ забывает юридические страницы. Исправление: сверяйте структуру вручную.
- Шаблонный результат — приходит «рыба». Пример из подборки на promtbaza.com: «Придёт лендинг: «Добро пожаловать в мир идеального кофе», четыре иконки преимуществ и строка «более 500 довольных клиентов» — цифру вы не называли».
В обзоре на Хабре автор описал, как реагировал на плохие ответы: «Получив очередной бред в ответ на вполне безобидный запрос, я расстроился от столь бесполезной траты времени». Там же отмечено: «Актуальные версии, особенно после GPT-4 RLHF‑фильтра, стали ловкими имитаторами личности, но перестали быть логиками». Вывод для промта: проверяйте факты, которые модель подставляет сама.
Пошаговый алгоритм: от идеи до рабочего сайта
- Карта страниц. Решите, хватит ли одной страницы или нужно 3–5, объясните одной фразой. Для каждого раздела: заголовок 2-4 слова, предложение сути, срок или условие.
- Тексты. Соберите блоки: первый экран, суть, преимущества, цены, вопросы. В подборке на promtbaza.com это шаг 2: «Тексты: [БЛОКИ: вставьте всё из шага 2 разом — hero, как работает, выгоды, цены, вопросы]».
- Дизайн. Палитра и шрифты: [ДИЗАЙН: вставьте результат шага 3].
- Код. Соберите страницу, которая открывается в браузере. Контент: [ТЕКСТЫ: вставьте блоки из шага 2].
- Сборка описанием. Если код не нужен — используйте конструктор. Пробный период Wuna — 14 дней, 100 000 кредитов, один проект, карта не нужна.
- Предполётная проверка. Два последних промта: служебная обвязка и аудит кода.
Ориентир по расходу: 100 000 кредитов — это одностраничник с запасом на десятки правок. У одностраничника репетитора сборка заняла десять с небольшим минут. Счётчик — 59 000 из 100 000, то есть на одностраничник ушло около 41 000 кредитов.
Частые вопросы
Можно ли сделать сайт одним промптом и что делать, если результат плохой?
Одним промтом получается черновой каркас, но качество падает. Если пришла «рыба» — допишите в промт конкретику: цены, сроки, факты. Лечится фразой в чате: «Цены в блоке услуг замени на: коррекция 800 ₽, окрашивание 1 200 ₽». Пересборка с нуля дороже точечной правки.
Как написать хороший промт для создания сайта?
Соберите шесть блоков: роль, цель, стек, структура, дизайн, ограничения. Укажите формат вывода — таблицу или дерево. Для лендинга оптимально 5–10 строк: ниша, услуги с ценами, оффер, стиль, нужные блоки. Проверьте, что все скобки заменены на ваши данные.
Какие нейросети использовать для создания сайтов?
ChatGPT, Claude, Gemini, DeepSeek — для структуры и кода. v0, Lovable, Bolt — для визуальной сборки. YandexGPT и GigaChat — для русскоязычных проектов. Один промт стоит прогнать в двух-трёх моделях и сравнить результат.
Сколько промтов нужно, чтобы собрать сайт?
Цепочка из 5–6 шагов: карта страниц, тексты, дизайн, код, предполётная проверка. В подборке на promtbaza.com описаны 13 промтов по шагам с пометкой, где какой запускать. Дробите задачу — так нейросеть глубже прорабатывает каждый блок.
Нужен ли программист после нейросети?
Для статичной страницы файл открывается в браузере без доработки. В конструкторе Wuna сохранение заявок в базе и свой домен открывает платный тариф от 890 ₽ в месяц. На пробном периоде форма работает в демо-режиме и заявки не сохраняет: встроенная база подключается с тарифа «Стандарт» за 890 ₽ в месяц.
Как получить дерево страниц с уровнями вложенности?
Прямо укажите формат в промте: оформи дерево страниц с указанием уровня вложенности или дай таблицу Страница | Уровень | Назначение. Без явного требования нейросеть чаще возвращает плоский список.
Что указать в промте, чтобы структура была SEO-дружественной?
Добавьте требование учитывать SEO-иерархию и логику вложенности разделов, перечислите ключевые темы ниши и попросите предложить разделы под поисковые запросы. Для многостраничного сайта в том же промте задайте перелинковку между услугами и блогом.
Нужно ли проверять результат нейросети вручную?
Обязательно. ИИ ускоряет проектирование, но пропускает обязательные для ниши разделы: оферту, доставку, согласие на обработку данных. Финальную структуру сверяйте с требованиями своего проекта, а числа и обещания в блоках перечитывайте после сборки.
Заключение
Промт для создания сайта работает тогда, когда в нём есть роль, цель, стек, структура, дизайн и ограничения. Соберите запрос по этой формуле, возьмите готовый шаблон под свой тип сайта, подставьте вводные — и нейросеть выдаст логичную структуру за минуты. Дорабатывайте её итеративно: правка дешевле пересборки. Проверяйте обязательные разделы вручную — так вы получите каркас, на который останется нарастить дизайн и контент.
Освоить навык помогает промпт-инжиниринг. Для контента страниц пригодятся приёмы из материала о промптах для Suno — та же логика роли и ограничений.