Структура лендинга: блоки и порядок

Какие блоки должны быть на лендинге и в каком порядке — от первого экрана до формы. Чек-лист для заказчика и подрядчика.

Обложка: Структура лендинга: блоки и порядок

Лендинг «не конвертит» — а на странице семь блоков без логики, оффер спрятан в третьем экране, форма в подвале, а между ними — история компании с 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. Как это работает (процесс)

Снимает страх неизвестности. Типовая схема для услуг:

  1. Заявка или звонок.
  2. Уточнение задачи / замер / диагностика.
  3. Смета и договор.
  4. Выполнение работ с этапами.
  5. Сдача и поддержка.

4–5 шагов с сроками на каждом. Для товара — путь «выбор → оплата → доставка → возврат».

Блок 5. Доказательства: отзывы, кейсы, цифры

Холодному трафику нужны факты:

  • отзывы с именем, контекстом, фото (не «А.»);
  • логотипы клиентов, если B2B;
  • кейс: задача → решение → цифра результата;
  • сертификаты, лицензии, рейтинги;
  • команда: лица врачей, инженеров, экспертов.

Один сильный кейс лучше пяти размытых «нам всё понравилось».

Блок 6. Цена, пакеты или «что входит»

Даже если цена «по запросу», дайте ориентир: «от», диапазон, что влияет на смету. Пакеты «базовый / стандарт / премиум» работают, когда отличия понятны.

Рядом — повтор CTA. Пользователь, который дочитал до цены, часто готов к действию.

Блок 7. FAQ и финальная форма

FAQ — 5–8 вопросов из реальных возражений менеджеров: сроки, гарантия, география, оплата, что нужно от клиента. Не канцелярит.

Форма — в конце и дублируется в шапке/липкой кнопке при скролле. Для холодного трафика: имя + телефон, иногда город. Каждое лишнее поле снижает конверсию.

После отправки — страница «Спасибо» и цель в Метрике. Технические ошибки форм — в статье 5 ошибок на лендинге.

Порядок блоков: базовая схема и вариации

Универсальный порядок для услуг из рекламы:

  1. Hero + CTA
  2. Боль / для кого
  3. Преимущества
  4. Процесс
  5. Доказательства
  6. Цена / пакеты + CTA
  7. FAQ + форма

Вариации:

  • Премиум-ниша — доказательства выше, цену ближе к форме.
  • Сложная услуга — после hero короткое видео или схема.
  • Товар — галерея и характеристики сразу после hero, отзывы перед ценой.
  • B2B — кейсы и логотипы выше, FAQ длиннее.

Не добавляйте полноценное меню на 10 разделов — на лендинге из Директа это размывает воронку. Контакты и политика — в подвале.

Чего не должно быть на лендинге под рекламу

  • блог и лента новостей;
  • пять равнозначных CTA на одном экране;
  • общий каталог из 50 услуг;
  • автовоспроизводимое видео со звуком;
  • поп-ап через 3 секунды до прочтения оффера;
  • формы на 8 полей без прогрева.

Если нужен раздел «вакансии» или «партнёрам» — это уже сигнал к многостраничному сайту, а не к раздуванию лендинга.

Итого: структура как чек-лист

Рабочий лендинг под ключ — это 5–7 блоков с ясной ролью: hero с оффером, контекст клиента, преимущества, процесс, доказательства, цена, FAQ и форма. Порядок можно слегка менять под нишу, но логика «вопрос → ответ → действие» неизменна.

Перед запуском рекламы сверьте страницу с чек-листом из 5 ошибок и проверьте оффер по гайду как написать оффер. Нужна сборка структуры, дизайна и аналитики — смотрите лендинг под ключ или напишите через контакты.