# Промпт для создания лендинга: от оффера до mobile-приёмки

> Промпт для лендинга начинается с продукта, аудитории и следующего действия, а не с цвета кнопки. Опишите один главный оффер, фактические доказательства, коммерческие границы, структуру первого экрана и критерии desktop/mobile. Запретите выдумывать отзывы, клиентов, интеграции и гарантии. Визуальные референсы задают направление, но не разрешают копировать чужой сайт.

Как задать ИИ продукт, аудиторию, доказательства, структуру, визуальное направление, CTA и desktop/mobile-проверку для лендинга.

- Формат: статья
- Темы: Effort, Промпт, Лендинг, Frontend
- Автор: Редакция Нейроквалификатора
- Опубликовано: 2026-09-06
- Обновлено: 2026-09-06
- Время чтения: 3 мин.
- Редакционная проверка: Текст сверён с рабочим кабинетом, границами коробочного продукта и указанными первичными источниками

## Редакционные иллюстрации

[Каркас лендинга соединяет оффер, доказательства, структуру, визуальное направление и mobile-проверку](<https://xn--80aaelradiehqoisk4a4a.xn--p1ai/article-assets/wave-5/prompt-dlya-sozdaniya-lendinga.webp>) - Промпт задаёт коммерческий смысл и факты раньше декоративных решений.

## 1. Зафиксируйте предложение

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

Не смешивайте три продукта на первом экране. Дополнительные предложения могут появиться ниже или в отдельном каталоге.

## 2. Перечислите настоящие доказательства

Дайте реальные экраны, воспроизводимое демо, состав коробки, условия и источники. Учебный сценарий называйте учебным.

Если отзывов или клиентской статистики нет, запретите их создавать. Честное объяснение механики сильнее фальшивого логотипа.

## 3. Опишите смысловую структуру

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

Каждый раздел закрывает возражение. Не требуйте фиксированное число блоков, если смысл помещается короче.

- надзаголовок с категорией;
- benefit-first H1;
- подзаголовок с механизмом;
- два различимых CTA;
- четыре шага от входа до результата.

## 4. Дайте визуальное направление

Опишите характер, палитру, типографику, плотность и нежелательные клише. Приложите два-три референса и объясните, что именно в них полезно.

Фраза «современно и премиально» приводит к generic gradient-карточкам. Конкретнее: светлый тёплый фон, editorial grid, тёмно-зелёный текст, один оранжевый акцент, реальные экраны продукта.

## 5. Определите техническую основу

Укажите стек, существующие компоненты, необходимость пререндера, canonical, JSON-LD, sitemap и аналитику. Не разрешайте новый фреймворк без причины.

CTA должны вести в реальные маршруты и иметь события аналитики. Телефонная заглушка не считается готовым потоком.

## 6. Добавьте browser-приёмку

Проверьте desktop и 390 px mobile, меню, якоря, CTA, keyboard, ошибки консоли, горизонтальный скролл и исходный HTML. Сравните production build, а не только dev-server.

Изображения имеют явные размеры, правильный aspect ratio и разумный вес. Реальный экран нельзя растягивать ради макета.

## Каркас задачи для ИИ

«Создай лендинг [продукт] для [аудитория]. Первый экран сообщает [оффер] и ведёт к [CTA]. Используй только доказательства [список], не выдумывай кейсы и интеграции. Визуальное направление [характер], референсы используются по принципам, не копируются. Переиспользуй [стек]. Приёмка: build, статический HTML, desktop/mobile, CTA, console 0 и diff-check».

Effort помогает заполнить структуру, но выбор оффера и доказательств остаётся владельцу продукта.

## Экран продукта

**Настоящий экран Effort.** Effort помогает сделать контекст, ограничения и критерии результата явными до передачи задачи ИИ.

[Настоящий экран Effort с исходной мыслью и структурированной постановкой задачи](<https://xn--80aaelradiehqoisk4a4a.xn--p1ai/article-assets/product-screens/effort-translator.png>)

## Источники

- [Creating helpful, reliable, people-first content](<https://developers.google.com/search/docs/fundamentals/creating-helpful-content>) — Google Search Central; проверено 2026-09-06. Сверены требования к самостоятельному полезному материалу, который отвечает на задачу человека, а не повторяет ключевые слова.
- [Understand the JavaScript SEO basics](<https://developers.google.com/search/docs/crawling-indexing/javascript/javascript-seo-basics>) — Google Search Central; проверено 2026-09-06. Сверены этапы обхода, рендеринга и индексирования JavaScript-страниц, а также польза серверного HTML для устойчивого обнаружения контента.
- [Prompt engineering](<https://developers.openai.com/api/docs/guides/prompt-engineering>) — OpenAI Developers; проверено 2026-09-06. Сверены рекомендации о ясных инструкциях, релевантном контексте, примерах и проверяемом формате результата.
- [Effort Translator: рабочий интерфейс](<https://effort.xn--80aaelradiehqoisk4a4a.xn--p1ai/>) — Нейроквалификатор; проверено 2026-09-06. Сверена граница продукта: перевод исходной мысли в структурированную постановку без подмены цели и без гарантии результата.

## Сделайте постановку задачи проверяемой

Effort помогает структурировать исходную мысль. Он не заменяет модель, не знает скрытый контекст и не гарантирует качество результата.

[Подготовить запрос в Effort](<https://effort.xn--80aaelradiehqoisk4a4a.xn--p1ai/>)

## Связанный материал

[Критерии приёмки](<https://xn--80aaelradiehqoisk4a4a.xn--p1ai/articles/kriterii-priemki-v-zadache-dlya-ii/index.md>) — Добавьте к визуальному brief проверяемый пользовательский путь.

### Версии и навигация

- [Каноническая HTML-версия](<https://xn--80aaelradiehqoisk4a4a.xn--p1ai/articles/prompt-dlya-sozdaniya-lendinga/>)
- [Карта сайта для ИИ-инструментов](<https://xn--80aaelradiehqoisk4a4a.xn--p1ai/llms.txt>)
- [Каталог статей и видео](<https://xn--80aaelradiehqoisk4a4a.xn--p1ai/articles/>)
