Яндекс Метрика
PETROV .pro
Кейсы Обо мне Отзывы Блог
7 мин чтения

Структура продающего лендинга: блоки, порядок и зачем каждый нужен

Разбираю структуру продающего лендинга на живых проектах: какие блоки обязательны, в каком порядке их ставить и чем структура лендинга для услуги отличается от структуры для товара.

Структура продающего лендинга: блоки, порядок и зачем каждый нужен

За последний год я собрал десятки лендингов — от конфигураторов до сложных B2B-услуг в один скролл. Универсальный скелет один, а вот наполнение и порядок блоков каждый раз разные.

Сколько блоков должно быть на лендинге? Вопрос звучит так, будто у структуры продающего лендинга есть один правильный ответ — 7, 9, 12. Его нет (сколько бы ни спорили дизайнеры в комментариях под очередным разбором). Но есть скелет, который повторяется у 90% рабочих лендингов, и есть логика порядка, которую нарушать нельзя без потери конверсии.

Из чего состоит любой лендинг

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

  • Обещание — что это и кому. Первый экран.
  • Проблема — боль, которую читатель узнаёт в себе.
  • Решение — как продукт/услуга её закрывает.
  • Доказательство — кейсы, отзывы, цифры, до/после.
  • Продукт — что конкретно входит, тарифы, комплектация.
  • Снятие возражений — почему не страшно, гарантии, FAQ.
  • Призыв — форма, кнопка, контакты.

У каждой роли может быть 0, 1 или 2 экрана — это уже вопрос ниши и объёма продукта. Но если роль выпала целиком (чаще всего пропадает «проблема» — сразу лезут хвастаться продуктом), лендинг ощущается «не про меня», и человек уходит, толком не поняв, зачем ему это.

Если у вас на странице уже есть все семь ролей, но конверсия всё равно вялая — дело почти наверняка не в наборе блоков, а в порядке или в силе доказательств. Об этом дальше.

Порядок ролей — не творчество

Ролей может быть 5, а может 9. Но порядок «обещание → проблема → решение → доказательство → продукт → возражения → призыв» почти не варьируется. Причина простая: человек читает сверху вниз, и логика убеждения строится именно так, а не наоборот.

Почему порядок решает больше, чем количество блоков

Первое впечатление о странице формируется за доли секунды — есть известное исследование Carleton University, где респонденты выносили визуальный вердикт за 50 миллисекунд. За это время человек не читает — он считывает композицию: где заголовок, что тут вообще происходит, похоже ли это на решение его задачи.

Именно поэтому первый экран несёт непропорционально много веса. Если он не отвечает на вопрос «что это и зачем мне» — дальше уже не важно, что там на третьем экране кейсы с цифрами. Их просто не увидят.

Дальше человек либо остаётся, либо нет. Средняя конверсия лендинга, по данным WordStream, крутится в районе 2–10% в зависимости от ниши и трафика (в среднем по всем нишам — 2,35%); топ-10% страниц выходят на 11,45%+. Разброс огромный — и в основном (хотя не всегда, бывают и провальные ниши) он объясняется не дизайном, а тем, попадает ли структура в логику принятия решения читателем.

Мы все хотим верить, что дело в красивой кнопке или удачном цвете фона. Обычно дело не в этом.

Экран первый решает, будет ли второй

Кстати, именно тут чаще всего и косячат: ставят на первый экран красивую метафору или слоган вместо конкретного «что это». Метафора работает, когда бренд уже узнаваем. У нового лендинга такой роскоши нет.

Возражения нельзя прятать в конец без причины

Есть соблазн сунуть все «но а если» в самый низ, под кнопку — типа, кто дочитал, тот наш. Иногда это оправдано, для простого дешёвого продукта… Но если чек высокий или решение принимает не один человек (а согласовывает ещё и финансовый директор, и юрист) — возражения нужно снимать раньше, ближе к продукту, а не после него.

Есть нюанс: на B2B-лендингах я вообще стараюсь развести возражения по всей странице маленькими порциями, а не собирать в один блок внизу — так они снимаются по ходу чтения, а не воспринимаются как отдельный барьер перед кнопкой.

Лендинг для услуги и лендинг для товара — разная структура

Вот тут начинается расхождение. Я стабильно вижу, как одну и ту же структуру пытаются натянуть и на услугу, и на товар — и оба раза она работает вполсилы.

Элемент Лендинг услуги Лендинг товара
Что доказывает конверсию Экспертиза исполнителя, кейсы, процесс Характеристики, фото/видео товара, наличие
Ядро доверия Портфолио, отзывы клиентов, лицо специалиста Отзывы покупателей, рейтинг, гарантия/возврат
Оффер Цена «от», состав работ, сроки Цена фиксированная, варианты/комплектации
Форма конверсии Заявка/созвон (лид, не оплата) Кнопка «Купить», корзина, оплата на странице
Возражения «А если не получится», «почему так дёшево/дорого» «А если не подойдёт», доставка, возврат

Разница объясняется просто: услугу нельзя пощупать, поэтому доверие строится на человеке и процессе. Товар можно рассмотреть — и там работает витринная логика, ближе к каталогу, чем к воронке убеждения.

Сколько блоков на самом деле нужно — два живых примера

ЦЕХ 47: конфигуратор, где блоков много и это нормально

На проекте ЦЕХ 47 продукт — не одна услуга, а линейка вариантов, и покупатель сам собирает конфигурацию под себя. Здесь блоков объективно больше: помимо стандартного скелета появляется интерактивный конфигуратор как отдельная развёрнутая секция, а после него — блок с расчётом и итоговым оффером под выбранные параметры.

Честно говоря, в первой версии я пытался впихнуть конфигуратор прямо в блок «продукт», без отдельного экрана — точнее, даже не пытался, а был уверен, что так короче и лучше. Не лучше: люди не понимали, где заканчивается пример и начинается их собственный выбор. Пришлось выносить в отдельную секцию, и это добавило экран, зато убрало путаницу.

ТЕРРАМО: сложная B2B-услуга в один скролл

А вот ТЕРРАМО — обратный случай: сложная B2B-услуга, которую я уместил в один скролл без раздутия. Аудитория — люди, которые уже примерно понимают задачу (обычно приходят по рекомендации или после звонка отдела продаж) и не готовы читать пять экранов предыстории. Здесь роль «проблема» свёрнута до одного абзаца, а основной вес — на процессе и доказательствах. Меньше блоков, но каждый плотнее 🙂

Если ваша аудитория тоже уже «в теме» — не бойтесь резать вступление. Прогревать того, кто и так пришёл с готовым запросом, — только раздражать.

Вывод простой: количество блоков — производная от сложности решения о покупке, а не от моды на лендинги. Чем длиннее цикл сделки и выше цена ошибки для клиента — тем спокойнее можно наращивать экраны с доказательствами. Чем проще решение — тем безжалостнее нужно резать.

Типичные ошибки в структуре

  1. Первый экран без конкретики. «Инновационные решения для вашего бизнеса» — и непонятно, что именно продают.
  2. Оффер размазан по всей странице. Цена то мелькает вначале, то теряется, то появляется в футере другой формулировкой.
  3. Форма заявки одна, и она в самом низу. На длинном лендинге это минус конверсия: не у всех хватает терпения долистать.
  4. Доказательства без цифр. «Много довольных клиентов» вместо конкретного кейса с результатом — такое возражения не снимает, оно их создаёт.
Готова ли структура вашего лендинга
7 вопросов на 3 минуты
  • Первый экран отвечает на «что это и кому» без метафор
  • Проблема читателя названа явно, а не подразумевается
  • Оффер (цена/состав/сроки) виден и не противоречит себе на разных экранах
  • Есть минимум один кейс или отзыв с конкретной цифрой
  • Возражения сняты до кнопки, а не только после неё
  • Форма заявки встречается больше одного раза на длинной странице
  • Порядок ролей соответствует логике «обещание → проблема → решение → доказательство → продукт → возражения → призыв»

Готовый лендинг с ИИ от 70 000 ₽ я собираю по этому же скелету — разница только в том, сколько экранов нужно именно вашему продукту, а ускоряют процесс те же ИИ-инструменты, о которых я писал в вайб-кодинге. Похожая логика применима и к чат-боту на сайт — тоже элемент, который меняет структуру страницы, если добавляется поверх.

Универсального числа блоков не существует. Есть логика ролей и порядок, который не стоит ломать без причины — а дальше решает не количество экранов, а то, насколько плотно каждый из них работает на решение читателя.

Разберём структуру вашего лендинга?

Пришлю набросок блоков под вашу задачу — бесплатно, на созвоне за 15 минут.

Telegram @igorPetrovPRO Email info@ipetrov.pro MAX @igorpetrovpro Позвонить +7 (950) 035-05-63