Структура лендинга: блоки и порядок
Какие блоки должны быть на лендинге и в каком порядке — от первого экрана до формы. Чек-лист для заказчика и подрядчика.
Лендинг «не конвертит» — а на странице семь блоков без логики, оффер спрятан в третьем экране, форма в подвале, а между ними — история компании с 2010 года. Проблема не в трафике, а в структуре лендинга: порядок блоков должен вести холодного посетителя от обещания рекламы к действию без лишних развилок. Ниже — рабочий каркас из 5–7 смысловых секций, что в каждой писать и чего избегать.
Связанные материалы: лендинг под ключ, 5 ошибок на лендинге, как написать оффер.
Зачем нужна структура, а не «красивые блоки»
Лендинг — одностраничная воронка. У многостраничного сайта пользователь сам выбирает путь. На лендинге путь задаёте вы. Каждый блок отвечает на вопрос в голове посетителя:
- это то, что я искал? (первый экран);
- чем вы лучше / иначе? (преимущества);
- как это работает? (процесс);
- можно ли вам доверять? (доказательства);
- сколько стоит / что дальше? (цена, CTA);
- остались сомнения? (FAQ);
- что делать сейчас? (форма).
Если блок не закрывает вопрос — он лишний. История «о компании» на 3000 знаков без связи с оффером — типичный балласт.
Тест структуры: пройдите страницу сверху вниз и на каждом экране назовите один вопрос клиента. Если не получается — блок переставьте или уберите.
Блок 1. Первый экран (hero): оффер и главный CTA
Первый экран — 80% успеха для трафика из рекламы. За 3–5 секунд пользователь должен понять: что вы предлагаете, кому, какой результат.
Обязательные элементы:
- H1 — услуга или продукт + результат или гео;
- подзаголовок — уточнение, цена «от», срок, гарантия;
- одна главная кнопка — «Получить расчёт», «Записаться», не «Подробнее»;
- визуал — продукт, результат, команда; не абстрактный сток;
- message match — оффер из объявления повторяется дословно или почти.
Как писать заголовок без воды — в статье оффер на лендинге: как написать. Ошибки первого экрана — в материале 5 ошибок на лендинге.
Блок 2. Боль и решение (или «для кого»)
Сразу после hero — контекст: с какой ситуацией пришёл клиент и что вы меняете. Форматы:
- 3–4 боли целевой аудитории → как услуга их снимает;
- сегменты «подходит, если…» / «не подходит, если…» — отсекает нецелевых;
- короткий кейс в одном абзаце: было → сделали → результат.
Не путайте с блоком «о компании». Здесь язык клиента, а не «мы лидер рынка с 2010 года».
Блок 3. Преимущества и отличия
Преимущества — не список из 10 прилагательных. 3–6 пунктов с конкретикой:
- цифры: срок, гарантия, количество проектов;
- процесс: «фиксированная смета», «один менеджер»;
- риски: «без предоплаты 100%», «договор».
Иконки и карточки работают, если текст можно прочитать за 20 секунд. Простыня на экран — пролистают.
Блок 4. Как это работает (процесс)
Снимает страх неизвестности. Типовая схема для услуг:
- Заявка или звонок.
- Уточнение задачи / замер / диагностика.
- Смета и договор.
- Выполнение работ с этапами.
- Сдача и поддержка.
4–5 шагов с сроками на каждом. Для товара — путь «выбор → оплата → доставка → возврат».
Блок 5. Доказательства: отзывы, кейсы, цифры
Холодному трафику нужны факты:
- отзывы с именем, контекстом, фото (не «А.»);
- логотипы клиентов, если B2B;
- кейс: задача → решение → цифра результата;
- сертификаты, лицензии, рейтинги;
- команда: лица врачей, инженеров, экспертов.
Один сильный кейс лучше пяти размытых «нам всё понравилось».
Блок 6. Цена, пакеты или «что входит»
Даже если цена «по запросу», дайте ориентир: «от», диапазон, что влияет на смету. Пакеты «базовый / стандарт / премиум» работают, когда отличия понятны.
Рядом — повтор CTA. Пользователь, который дочитал до цены, часто готов к действию.
Блок 7. FAQ и финальная форма
FAQ — 5–8 вопросов из реальных возражений менеджеров: сроки, гарантия, география, оплата, что нужно от клиента. Не канцелярит.
Форма — в конце и дублируется в шапке/липкой кнопке при скролле. Для холодного трафика: имя + телефон, иногда город. Каждое лишнее поле снижает конверсию.
После отправки — страница «Спасибо» и цель в Метрике. Технические ошибки форм — в статье 5 ошибок на лендинге.
Порядок блоков: базовая схема и вариации
Универсальный порядок для услуг из рекламы:
- Hero + CTA
- Боль / для кого
- Преимущества
- Процесс
- Доказательства
- Цена / пакеты + CTA
- FAQ + форма
Вариации:
- Премиум-ниша — доказательства выше, цену ближе к форме.
- Сложная услуга — после hero короткое видео или схема.
- Товар — галерея и характеристики сразу после hero, отзывы перед ценой.
- B2B — кейсы и логотипы выше, FAQ длиннее.
Не добавляйте полноценное меню на 10 разделов — на лендинге из Директа это размывает воронку. Контакты и политика — в подвале.
Чего не должно быть на лендинге под рекламу
- блог и лента новостей;
- пять равнозначных CTA на одном экране;
- общий каталог из 50 услуг;
- автовоспроизводимое видео со звуком;
- поп-ап через 3 секунды до прочтения оффера;
- формы на 8 полей без прогрева.
Если нужен раздел «вакансии» или «партнёрам» — это уже сигнал к многостраничному сайту, а не к раздуванию лендинга.
Итого: структура как чек-лист
Рабочий лендинг под ключ — это 5–7 блоков с ясной ролью: hero с оффером, контекст клиента, преимущества, процесс, доказательства, цена, FAQ и форма. Порядок можно слегка менять под нишу, но логика «вопрос → ответ → действие» неизменна.
Перед запуском рекламы сверьте страницу с чек-листом из 5 ошибок и проверьте оффер по гайду как написать оффер. Нужна сборка структуры, дизайна и аналитики — смотрите лендинг под ключ или напишите через контакты.