За последний год я собрал десятки лендингов — от конфигураторов до сложных 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-услуга, которую я уместил в один скролл без раздутия. Аудитория — люди, которые уже примерно понимают задачу (обычно приходят по рекомендации или после звонка отдела продаж) и не готовы читать пять экранов предыстории. Здесь роль «проблема» свёрнута до одного абзаца, а основной вес — на процессе и доказательствах. Меньше блоков, но каждый плотнее 🙂
Если ваша аудитория тоже уже «в теме» — не бойтесь резать вступление. Прогревать того, кто и так пришёл с готовым запросом, — только раздражать.
Вывод простой: количество блоков — производная от сложности решения о покупке, а не от моды на лендинги. Чем длиннее цикл сделки и выше цена ошибки для клиента — тем спокойнее можно наращивать экраны с доказательствами. Чем проще решение — тем безжалостнее нужно резать.
Типичные ошибки в структуре
- Первый экран без конкретики. «Инновационные решения для вашего бизнеса» — и непонятно, что именно продают.
- Оффер размазан по всей странице. Цена то мелькает вначале, то теряется, то появляется в футере другой формулировкой.
- Форма заявки одна, и она в самом низу. На длинном лендинге это минус конверсия: не у всех хватает терпения долистать.
- Доказательства без цифр. «Много довольных клиентов» вместо конкретного кейса с результатом — такое возражения не снимает, оно их создаёт.
- Первый экран отвечает на «что это и кому» без метафор
- Проблема читателя названа явно, а не подразумевается
- Оффер (цена/состав/сроки) виден и не противоречит себе на разных экранах
- Есть минимум один кейс или отзыв с конкретной цифрой
- Возражения сняты до кнопки, а не только после неё
- Форма заявки встречается больше одного раза на длинной странице
- Порядок ролей соответствует логике «обещание → проблема → решение → доказательство → продукт → возражения → призыв»
Готовый лендинг с ИИ от 70 000 ₽ я собираю по этому же скелету — разница только в том, сколько экранов нужно именно вашему продукту, а ускоряют процесс те же ИИ-инструменты, о которых я писал в вайб-кодинге. Похожая логика применима и к чат-боту на сайт — тоже элемент, который меняет структуру страницы, если добавляется поверх.
Универсального числа блоков не существует. Есть логика ролей и порядок, который не стоит ломать без причины — а дальше решает не количество экранов, а то, насколько плотно каждый из них работает на решение читателя.
Разберём структуру вашего лендинга?
Пришлю набросок блоков под вашу задачу — бесплатно, на созвоне за 15 минут.