Структура продающего лендинга: какие блоки нужны и в каком порядке
Структура лендинга — это порядок блоков, в котором страница отвечает на вопросы клиента: что это, подходит ли мне, почему вы, сколько стоит и что делать дальше. Разбираю, из каких блоков состоит продающий лендинг, в каком порядке их ставить, чем отличается структура для услуг и B2B и какие ошибки съедают заявки.
- Продающий лендинг отвечает на вопросы клиента по порядку: что это → подходит ли мне → почему вы → сколько стоит → что дальше.
- Базовая структура — 12 блоков: первый экран, проблема, решение, выгоды, кейсы, процесс, цены, гарантии, отзывы, об исполнителе, FAQ и форма заявки.
- Главный блок — первый экран: за несколько секунд человек должен понять, что вы предлагаете и почему стоит листать дальше.
- Структуру собирают до дизайна — в прототипе с реальными текстами. Так правки дешевле, а дизайн попадает с первого раза.
- Порядок блоков не универсален: для B2B важнее процесс и документы, для товаров — фото, характеристики и доставка.
Что такое структура лендинга и почему от неё зависят заявки
Лендинг — это одностраничный сайт под одно действие: оставить заявку, записаться, купить. А структура лендинга — порядок блоков на этой странице. Кажется, что это техническая деталь, но именно структура решает, дойдёт ли посетитель до формы.
У человека, который пришёл на лендинг, в голове есть набор вопросов. Если страница отвечает на них в том порядке, в котором они возникают, он спокойно доходит до заявки. Если ответ на главный вопрос спрятан в середине или его нет вовсе — человек закрывает вкладку и идёт к конкуренту. Красивый дизайн этого не исправит: дизайн оформляет ответы, но не придумывает их.
Поэтому в моей работе структура и тексты появляются раньше дизайна. Сначала анализ клиентов и конкурентов, потом прототип с реальными текстами, и только после вашего «да» — дизайн.
Схема лендинга: из каких 12 блоков состоит продающий лендинг
Ниже — базовая схема продающего лендинга для услуги: блоки по порядку, от первого экрана до формы заявки. Это не шаблон, который нужно повторить один в один, а каркас: каждый блок отвечает на конкретный вопрос клиента. По таблице удобно проверить свой сайт — отметьте, каких ответов на нём нет.
| Блок | Какой вопрос закрывает | Что в нём |
|---|---|---|
| 1. Первый экран | Что это и для кого? | Оффер, подзаголовок с выгодой, кнопка, доказательство доверия |
| 2. Проблема | Вы понимаете мою ситуацию? | Боли и задачи клиента его словами |
| 3. Решение | Как вы это решаете? | Услуга или продукт и чем ваш подход отличается |
| 4. Выгоды | Что я получу? | Результат для клиента, а не список ваших функций |
| 5. Кейсы и примеры | У вас получалось? | Работы, задачи и результаты похожих клиентов |
| 6. Процесс работы | Как это будет происходить? | Этапы, что клиент получает на каждом, сроки |
| 7. Цены | Сколько это стоит? | Цены «от», что входит, от чего зависит итог |
| 8. Гарантии | А если что-то пойдёт не так? | Договор, правки, поддержка, оплата по этапам |
| 9. Отзывы | Что говорят другие? | Реальные отзывы с именами и деталями |
| 10. Об исполнителе | Кто за этим стоит? | Опыт, фото, факты, награды |
| 11. Вопросы и ответы | А как насчёт…? | Оставшиеся возражения: сроки, оплата, правки |
| 12. Форма заявки | Что делать дальше? | Простая форма и понятный следующий шаг |
Кнопка или короткая форма заявки должна встречаться не только в конце: на первом экране и после блоков, которые снимают главные сомнения, — кейсов, процесса и цен.
Первый экран: оффер, который удерживает
Первый экран лендинга — самый важный блок. За несколько секунд человек решает, остаться или уйти. Чтобы он остался, первый экран должен ответить на три вопроса: что вы предлагаете, чем это полезно именно мне и что сделать прямо сейчас.
Рабочая формула первого экрана:
- Заголовок — что вы делаете и какой результат получит клиент. Не «Мы — команда профессионалов», а конкретная услуга и выгода.
- Подзаголовок — как вы этого добиваетесь или чем отличаетесь: 1–2 предложения.
- Кнопка — понятное действие с низким порогом: «Получить расчёт», «Получить план», а не «Отправить».
- Доказательство — то, что снимает недоверие сразу: рейтинг, количество проектов, известные клиенты, награды.
Проверка на 5 секунд. Покажите первый экран человеку, который не знает ваш бизнес, и закройте через 5 секунд. Если он не может сказать, что вы предлагаете и кому, — заголовок нужно переписать.
Вот как это выглядит на практике — первые экраны лендингов и сайтов, которые я сделал для бизнеса. В каждом есть оффер, подзаголовок с выгодой, кнопка и доказательство доверия. Нажмите на окно, чтобы листать.
Как выстроить порядок блоков под вопросы клиента
Порядок блоков повторяет ход мыслей человека, который выбирает подрядчика. Сначала он хочет понять, туда ли попал. Потом — решает ли вы его задачу. Затем сравнивает вас с другими и ищет подвох. И только потом готов оставить заявку.
- «Туда ли я попал?» — первый экран и проблема.
- «Вы решите мою задачу?» — решение, выгоды, кейсы.
- «Почему именно вы?» — процесс, отличия, об исполнителе.
- «Сколько стоит и где подвох?» — цены, гарантии, отзывы, вопросы.
- «Что делать дальше?» — форма заявки и понятный следующий шаг.
Откуда брать сами вопросы и возражения? Из анализа: разговоров с клиентами, отзывов о вас и конкурентах, вопросов, которые задают менеджерам, и сайтов конкурентов. Именно поэтому структура лендинга, собранная под ваших клиентов, работает лучше шаблонной.
Структура лендинга для услуг, B2B и товаров
Базовый каркас одинаковый, но акценты разные. Чем дороже и дольше решение, тем больше места занимают доверие и процесс.
| Тип лендинга | Что важнее всего | Какие блоки усилить |
|---|---|---|
| Услуги для частных клиентов | Доверие к исполнителю и понятная цена | Отзывы, фото работ, цены, гарантии |
| B2B и производство | Надёжность, процесс, документы | Кейсы с цифрами, этапы, договор и сертификаты, клиенты |
| Товар или интернет-магазин | Сам продукт и условия покупки | Фото и характеристики, доставка и оплата, гарантия |
| Эксперт или обучение | Личность и результат учеников | Об эксперте, программа, результаты, отзывы |
Как эти акценты выглядят на живых сайтах — четыре проекта из разных направлений: стройка и производство для B2B, услуга для частных клиентов и продукт. Каждая карточка открывает сайт.
Сайт генподрядчика «ПрофиСтрой» по ремонту торговых объектов
profistroyekb.ruРемонт торговых объектов от лицензированного генподрядчика: фиксированная смета, гарантия 12 месяцев.
Сайт производителя выставочных стендов «Трайден»
traiden.ruВыставочные стенды с инженерным подходом к маркетингу: разработка, производство и монтаж.
Сайт кинолога DogControl: дрессировка собак за 3–5 занятий
dogcontrol.ruДрессировка собак за 3–5 занятий под контролем эксперта РКФ с 35-летним опытом.
Сайт производителя декоративного кирпича Brick-Art
brick-art.ruДекоративный кирпич и плитка по 700+ слепкам кладки XVIII–XIX веков для архитекторов и частных клиентов.
Больше примеров по нишам — в портфолио: 27 проектов с фильтром по отраслям.
Подробные разборы по отраслям: структура сайта строительной компании, что должно быть на сайте производства, лендинг для онлайн-курса и сайт для личного бренда эксперта.
Пример: структура лендинга генподрядчика
Посмотрим на структуру сайта ПрофиСтроя — генподрядчика по ремонту торговых объектов. Его клиенты — торговые сети и владельцы коммерческих помещений. Их главный страх — сорванные сроки и смета, которая растёт по ходу работ. Поэтому структура построена вокруг предсказуемости:
- Первый экран: ремонт торговых объектов под ключ, фиксированная смета, гарантия 12 месяцев и пакет исполнительной документации.
- Доверие сразу под оффером: членство в СРО и страховка, фотоотчёты и прямая связь с прорабом, срок ремонта, опыт с крупными торговыми сетями.
- Услуги по направлениям — отделка, вентиляция, электрика, сопутствующие работы — с кнопкой «Узнать цену» у каждой.
- Дальше — блоки, которые отвечают на вопросы о процессе, качестве и стоимости, и форма заявки.
Обратите внимание: ответы на главные страхи клиента стоят в первом экране, а не в середине страницы. Человек, который боится сорванных сроков, видит ответ раньше, чем успевает засомневаться.
Ещё больше лендингов для стройки, производства, услуг и финансов — в моём портфолио.
7 ошибок в структуре лендинга
- Заголовок о компании, а не о клиенте. «Мы работаем с 2010 года» ничего не говорит о выгоде.
- Нет ответа на главное возражение. Клиент боится переплатить или сорвать сроки, а на сайте об этом ни слова.
- Цена спрятана или её нет совсем. Хотя бы ориентир «от» и объяснение, от чего зависит итог, снижают тревогу.
- Выгоды подменены функциями. «Адаптивный дизайн» — функция, «удобно смотреть с телефона» — выгода.
- Отзывы без деталей. «Всё отлично, рекомендую» без имени и задачи почти не работает.
- Одна форма в самом низу. Готовому человеку негде оставить заявку, пока он не долистает до конца.
- Структуру придумывают в дизайне. Блоки рисуют до текстов — и потом подгоняют смысл под картинку.
Чек-лист: проверьте структуру своего лендинга
- По первому экрану за 5 секунд понятно, что вы предлагаете и кому.
- Заголовок говорит о результате для клиента, а не о компании.
- Рядом с оффером есть доказательство доверия: цифры, рейтинг, клиенты.
- На странице есть ответ на каждое главное возражение клиента.
- Есть кейсы или примеры работ с задачей и результатом.
- Понятно, как проходит работа и что клиент получает на каждом этапе.
- Есть ориентир по цене и объяснение, от чего она зависит.
- Отзывы конкретные: имя, задача, что понравилось.
- Кнопка заявки встречается не только внизу страницы.
- Форма короткая, а следующий шаг после заявки понятен.
Частые вопросы
Сколько блоков должно быть на лендинге?
Столько, сколько нужно, чтобы ответить на вопросы клиента, — обычно 8–14. Простой услуге с понятной ценой хватит 7–8 блоков, сложной B2B-услуге с длинным циклом сделки нужно больше: процесс, гарантии, кейсы, документы. Лишний блок, который ни на что не отвечает, только удлиняет путь до заявки.
Какой длины должен быть продающий лендинг?
Длина зависит от цены и сложности решения. Чем дороже и рискованнее покупка, тем больше сомнений нужно снять — и тем длиннее страница. Короткий лендинг хорош для простого и недорогого продукта, длинный — для услуг, где клиент сравнивает подрядчиков.
Нужен ли прототип лендинга перед дизайном?
Да. Прототип — это черновик структуры с реальными текстами без дизайна. На нём быстро и дёшево видно, в каком порядке идут блоки и всё ли понятно. Если структуру править уже в дизайне, каждая правка стоит дороже и затягивает запуск.
Можно ли взять готовую структуру лендинга из шаблона?
Как отправную точку — можно. Но порядок блоков в шаблоне не знает, чего боятся именно ваши клиенты и с кем вас сравнивают. Поэтому структура, собранная под ваших клиентов и конкурентов, почти всегда приводит больше заявок, чем шаблон.
Где на лендинге размещать форму заявки?
Не один раз. Кнопка — на первом экране, короткая форма — после блоков, которые снимают основные сомнения (кейсы, процесс, цены), и финальная форма — внизу. Человек должен иметь возможность оставить заявку в момент, когда он уже готов, а не листать до конца страницы.
Сколько стоит разработка лендинга со структурой и текстами?
У меня лендинг под ключ — от 80 000 ₽: в эту цену входят анализ конкурентов и клиентов, структура и тексты, дизайн, вёрстка и запуск. Подробно о том, из чего складывается цена, — в статье «Сколько стоит разработка сайта под ключ».
