Промпт для создания сайта: структура и готовые примеры
Как написать запрос, после которого ИИ соберёт не случайный макет, а рабочую страницу.
Промпт для создания сайта работает лучше, когда похож на короткое продуктово-дизайнерское задание. ИИ нужно объяснить не только тему страницы, но и аудиторию, боль, обещание, структуру, стиль, CTA и ограничения. Тогда первая версия получается не случайным макетом, а основой, которую можно развивать.
Если вы еще выбираете формат, сначала прочитайте разбор как создать сайт с ИИ. Если сайт должен превратиться в личный кабинет, сервис или внутренний инструмент, рядом пригодится инструкция как создать приложение с ИИ.
Базовая структура промпта
Хороший промпт начинается с роли и задачи. Например: "Ты продуктовый дизайнер и frontend-разработчик. Собери адаптивный лендинг для..." После этого добавляются аудитория, боль, оффер, блоки, тон, главное действие и ограничения.
Шаблон для первой версии:
```text Собери адаптивный лендинг для [продукт или услуга]. Аудитория: [кто принимает решение]. Боль: [что мешает пользователю сейчас]. Оффер: [какую пользу обещаем]. Главное действие: [заявка, регистрация, оплата, запись]. Стиль: [спокойный B2B, яркий стартап, премиальный сервис, минимализм]. Блоки: первый экран, проблема, решение, как работает, преимущества, примеры, тарифы, FAQ, CTA. Ограничения: [что не использовать, какие обещания не давать, какой тон избегать]. Сделай текст конкретным, кнопки понятными, верстку удобной на мобильном. ```
Такой запрос задает рамку. ИИ понимает, что нужно не просто "красиво", а с определенной логикой убеждения и действием пользователя.
Пример для лендинга услуги
Если вы запускаете услугу, промпт должен объяснять доверие и следующий шаг:
```text Собери лендинг для студии ремонта квартир под ключ. Аудитория: владельцы квартир, которые боятся затянуть сроки и выйти за бюджет. Оффер: прозрачная смета, контроль этапов, один ответственный менеджер. Главное действие: оставить заявку на расчет. Блоки: первый экран с оффером, боли клиента, как устроен процесс, примеры работ, что входит в смету, гарантии, FAQ, форма заявки. Тон: спокойный, уверенный, без агрессивных обещаний. Не используй фразы "лучшие специалисты" и "индивидуальный подход" без конкретики. ```
После генерации можно попросить: "Усиль блок гарантий, добавь три конкретных риска ремонта и покажи, как студия их закрывает".
Пример для SaaS или приложения
Для цифрового продукта важны сценарии и интерфейс:
```text Собери лендинг для SaaS-сервиса учета заявок в сервисном бизнесе. Аудитория: владельцы небольших компаний и операционные менеджеры. Боль: заявки теряются в мессенджерах, статусы непонятны, сложно контролировать работу. Оффер: единое место для заявок, статусов, ответственных и простого отчета. Главное действие: начать демо. Блоки: первый экран, проблема, сценарий "до и после", возможности, пример интерфейса, тарифы, FAQ, CTA. Стиль: рабочий B2B, плотная информация, без декоративного шума. ```
Если после лендинга нужен прототип самого сервиса, переходите к сценарию из гайда про создание приложения с ИИ.
Что добавить для SEO
Укажите один главный запрос. Например: "создать сайт с ИИ", "лендинг для клиники", "сайт для онлайн-школы". Попросите использовать его в H1, SEO title, meta description и одном смысловом блоке. Не просите вставлять ключ в каждый абзац: это ухудшает текст.
Полезная формулировка: "Сделай SEO title до 60 символов и description до 150 символов. Заголовок должен быть понятным человеку и включать главный запрос естественно. Не используй переспам".
Для страниц сравнения добавьте отдельный запрос: "Сделай структуру для сравнения: кому подходит, критерии выбора, ограничения, итог". Это хорошо работает для тем вроде аналог Lovable или Bolt.new аналоги.
Команды для улучшения результата
После первой генерации не переписывайте все сразу. Давайте короткие команды:
- "Сделай первый экран конкретнее: кто аудитория, какая польза, что нажать".
- "Сократи абзацы, оставь только смысл и действие".
- "Замени общие преимущества на измеримые или наблюдаемые".
- "Добавь FAQ с реальными возражениями перед заявкой".
- "Сделай CTA менее агрессивным и более понятным".
- "Убери лишнюю декоративность, сделай страницу рабочей и спокойной".
Такие команды сохраняют структуру и улучшают отдельные части. Если просить "сделай лучше", ИИ снова начнет угадывать.
Типичные ошибки
Первая ошибка — не указывать аудиторию. Сайт для директора клиники, студента и владельца магазина должен звучать по-разному.
Вторая ошибка — просить слишком много стилей одновременно: "минималистично, ярко, премиально, молодежно и корпоративно". Выберите один вектор.
Третья ошибка — забывать про ограничения. Если вам нельзя обещать быстрый результат, использовать медицинские заявления или показывать цены, скажите это сразу.
Четвертая ошибка — не описывать главное действие. Без CTA сайт может выглядеть законченным, но не вести пользователя дальше.
FAQ
Нужно ли писать длинный промпт? Не всегда. Важнее, чтобы в нем были аудитория, боль, оффер, блоки и действие. Для простого лендинга достаточно 8-12 строк.
Можно ли использовать один шаблон для всех сайтов? Можно как основу, но каждый раз меняйте аудиторию, боль, стиль и ограничения. Иначе страницы будут похожи друг на друга.
Что делать, если результат слишком общий? Попросите ИИ заменить абстрактные фразы на конкретные сценарии, добавить примеры и убрать все обещания, которые можно сказать о любом продукте.