Перейти к содержимому
Маркетинг13 мин чтения

Лендинг, который конвертирует: структура и принципы

Медианная конверсия лендинга — 6,6%, но половина посадочных не дотягивает и до 3%. Разбираем 8 блоков, формулы оффера, оптимум формы и методику A/B-тестов.

ММаксим Юдин·

Мы в КРИК регулярно видим одну и ту же картину: компания тратит десятки тысяч рублей в месяц на контекст, трафик идёт, а заявок почти нет. В 8 случаях из 10 проблема не в рекламе — проблема в лендинге. Первый экран не отвечает на вопрос «куда я попал», форма на 9 полей, оффер «комплексные решения для вашего бизнеса». Деньги на клики есть, конверсии нет.

По данным Unbounce Conversion Benchmark Report, который построен на датасете в 464 миллиона визитов и 41 тысячу посадочных страниц, медианная конверсия лендинга — 6,6 процента. У топ-25% лендингов — выше 11,4 процента, доходит до 40 процентов в отдельных индустриях. Это означает одно: разница между плохим и хорошим лендингом измеряется не в процентах, а в разах. Тот же бюджет на тот же трафик — либо 30 заявок в месяц, либо 3.

В этой статье разбираем, как устроен лендинг, который реально конвертирует. Смотрим на структуру (8 блоков), формулы оффера и заголовка, цифры по формам и CTA, частые ошибки и методику A/B-тестирования. Со ссылками на исследования и с конкретными цифрами.

Что такое лендинг и чем он отличается от сайта

Лендинг (landing page, посадочная страница) — это одностраничный сайт с одной целью: увести пользователя в конкретное действие. Оставить заявку, купить курс, зарегистрироваться на вебинар, скачать гайд. Всё содержимое страницы выстроено под эту одну конверсию — остальное либо не нужно, либо мешает.

Три принципиальных отличия лендинга от обычного сайта.

Первое — одна цель. У корпоративного сайта их много: рассказать о компании, показать каталог, дать контакты, нанять сотрудников. У лендинга цель строго одна. Поэтому и структура другая: нет главного меню, нет ссылок на «О нас» и «Карьера», единственная навигация — это якоря внутри страницы плюс CTA в форме заявки.

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

Третье — измеримая воронка. Лендинг — это последний шаг перед конверсией, и он часто встраивается в воронки продаж как точка входа в CRM. Метрика одна: конверсия в целевое действие. А дальше, уже после формы, отдел продаж обрабатывает лид.

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

Структура лендинга: 8 обязательных блоков

За годы работы мы сходимся на одной и той же структуре из 8 блоков. Она подходит почти для любых B2B-услуг и многих B2C-продуктов. Блоки можно менять местами под специфику, но убирать их рискованно — каждый закрывает свою задачу в пути пользователя.

Блок 1. Hero / оффер (первый экран)

Первый экран — самое важное место на лендинге. По исследованиям Nielsen Norman Group, 57 процентов времени пользователи проводят именно выше линии сгиба. За три секунды первый экран должен ответить на четыре вопроса: куда я попал, что мне предлагают, для кого это и почему именно сейчас.

Обязательные элементы: H1 с оффером, подзаголовок-уточнение, визуал (продукт или результат, не стоковая картинка), первичная CTA-кнопка, минимум один якорь доверия (логотипы клиентов, рейтинг, число проектов).

Типовая ошибка: абстрактный H1 вроде «Мы делаем ваш бизнес лучше» и отсутствие CTA над линией сгиба. Пользователь должен видеть кнопку действия сразу, без скролла.

Блок 2. Социальное доказательство (proof)

По исследованиям Роберта Чалдини, соцдоказательство — один из самых мощных триггеров принятия решения. На лендинге оно снимает базовое недоверие за первые секунды.

Что работает: логотипы клиентов (с конкретными компаниями, а не «лидеры рынка»), количественные факты («5 лет на рынке», «340 проектов»), отзывы с именем, должностью и фото, короткие кейсы с цифрами. Что не работает: безымянные отзывы, логотипы клиентов, с которыми нет ни одного реального кейса, скриншоты «отзовиков» без ссылок.

Блок 3. Объяснение продукта (product explanation)

Цель блока — показать, как вообще работает ваше решение. Особенно важно для сложных B2B-услуг и для продуктов, которые клиент раньше не покупал.

Что должно быть: схема процесса (3–5 шагов), видео-демо или скриншоты продукта, короткий блок про «с чего начинается работа». Избегаем жаргона и общих формулировок «мы применяем индивидуальный подход».

Блок 4. Выгоды и фичи (benefits and features)

Классическая ошибка — перечислять фичи без выгоды для клиента. Правильный порядок обратный: benefit (выгода) → feature (фича, которая её обеспечивает) → proof (доказательство цифрой или кейсом).

Оптимум — 3–6 ключевых выгод. Больше 8 пунктов — паралич выбора, читатель теряет фокус. Длинный список из 20 «преимуществ» работает против вас: он сообщает, что главного нет.

Блок 5. Цена и CTA-блок

Здесь принимается решение о заявке. Прозрачность увеличивает конверсию: если цена «по запросу», то только с чётким объяснением, почему (например, «зависит от количества точек — считаем индивидуально»). Если есть тарифы, их должно быть 2–3 — больше запутывает.

Тут же повторяем первичный CTA и форму на 3–5 полей. К формам вернёмся ниже отдельно.

Блок 6. FAQ и закрытие возражений

Блок FAQ закрывает те возражения, которые не сняли блоки выше. Правильный список вопросов берётся не «из головы маркетолога», а из реального отдела продаж: какие 5–10 вопросов менеджеры слышат чаще всего. Цена, сроки, гарантии, договор, безопасность, возврат.

Если на главное возражение («почему так дорого» или «почему так долго») в FAQ нет честного ответа — блок не работает.

Блок 7. Команда и экспертность

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

Стоковые «улыбающиеся менеджеры в костюмах» снижают конверсию — пользователь распознаёт их за секунду и теряет доверие.

Блок 8. Финальный CTA и контакты

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

Заголовок и оффер: как написать без воды

Заголовок — это первое, что читает посетитель, и одновременно единственный блок, от которого по Unbounce зависит наибольший разброс конверсии. Именно его надо тестировать в первую очередь.

Формула 4U — Useful, Unique, Ultra-specific, Urgent

Классическая формула Майкла Мастерсона требует, чтобы в заголовке одновременно были:

Useful — ясная выгода для клиента. Unique — отличие от конкурентов. Ultra-specific — конкретные цифры и сроки. Urgent — причина действовать сейчас.

Слабый заголовок: «Мы делаем сайты, которые работают». Ни одного критерия. Сильный заголовок: «Лендинг для B2B-услуг с конверсией от 5 процентов за 21 день — бесплатный прототип на этой неделе». Все четыре критерия закрыты.

На практике идеально закрыть все 4U редко удаётся — и это нормально. Цельтесь хотя бы в три: польза, специфика, срочность.

Формула PAS — Problem, Agitate, Solution

Классика копирайтинга для подзаголовка или второго блока. Сначала называете боль, потом усиливаете последствия, потом предлагаете решение.

Например. P: «Лиды с лендинга стоят дороже, чем клиент приносит выручки». A: «Каждый месяц вы доплачиваете за контекст, но 70 процентов трафика уходят ещё на первом экране». S: «Пересобираем структуру по данным Яндекс.Метрики и поднимаем конверсию за две недели».

Формула Before–After–Bridge

Работает для hero и для блока benefits. До (исходная ситуация) → После (желаемое состояние) → Мост (ваше решение).

Простое правило, которое упускают почти все

По данным Unbounce, лендинги с текстами уровня 5–7 класса школы конвертируют в 11,1 процента. Тексты уровня «professional» — в 5,3 процента. Это почти двукратная разница по чтению. Вывод простой: чем проще слова, тем выше конверсия. Никаких «синергий», «экосистем» и «комплексных решений».

Длина H1 — 4–12 слов. Короче теряется смысл, длиннее не сканируется по F-паттерну. По тем же исследованиям Nielsen Norman Group только 16 процентов пользователей читают текст дословно — остальные сканируют взглядом по F-паттерну. Заголовок должен считываться за первые два слова.

CTA и формы: что конвертирует лучше

Второй по важности блок после оффера. Если заголовок убедил, а форма отпугнула — конверсии не будет.

Сколько полей должно быть в форме

HubSpot провёл исследование на базе 40 000 с лишним клиентов и посмотрел, как число полей влияет на конверсию. Результат:

Три поля — пиковая конверсия около 25 процентов. Пять полей — около 21 процента. Четыре поля — провал (контринтуитивно, но воспроизводится на разных датасетах). Шесть и больше — каждое дополнительное поле режет конверсию в среднем на 4 процента.

На практике для B2B-заявки оптимум — 3 поля (имя, телефон, компания) или 5 полей, если нужна квалификация (добавить сферу и ежемесячный объём задач). Всё, что сверху — режьте или переносите в квалификационный созвон.

Одностраничная форма vs мультистеп

Если бизнес требует собирать больше 5 полей — разбивайте форму на шаги. Мультистеп снимает эффект «стены полей»: пользователь видит одно простое действие («выберите формат — онлайн или офлайн»), кликает, и только после этого появляется имя и телефон. По кейсам CRO-команд Unbounce такой переход даёт плюс 20–80 процентов к конверсии на длинных формах.

Текст кнопки

Правило простое: value + action. Не «Отправить», а «Получить план за 30 минут». Не «Оставить заявку», а «Узнать стоимость».

Глаголы награды (получить, забрать, узнать) работают лучше глаголов усилия (отправить, оплатить, начать). Формулировки от первого лица («хочу расчёт») в ряде тестов VWO и Unbounce дают плюс 20–90 процентов конверсии. Оптимальная длина — 2–5 слов.

Размещение CTA

Минимум три CTA на странице: на первом экране, в середине (после блока proof или benefits) и в финальном блоке. Цвет кнопки — контрастный к фону, чтобы взгляд цеплялся. Кнопка должна выглядеть как кнопка: тест пяти секунд, когда посетитель с первого взгляда видит, куда кликать.

Ошибки, которые убивают конверсию

Разбор 10 провалов, которые мы видим в большинстве неработающих лендингов.

1. Абстрактный заголовок без оффера. «Комплексные решения для вашего бизнеса» — худший антипаттерн, встречается в 40 процентах лендингов. Проверка: можно ли подставить вместо вашего заголовка название конкурента и смысл не изменится. Если да — заголовок нулевой.

2. Форма на 8+ полей. Каждое лишнее поле сверх оптимума в 3–5 — минус 4 процента конверсии. 10 полей на лендинге — это минус 20 процентов по сравнению с 5 полями. Критично на мобильном, где набирать неудобно.

3. Отсутствие социального доказательства. Нет логотипов, нет отзывов, нет цифр. Пользователь не понимает, можно ли вам доверять, — и уходит.

4. Нет причины действовать сейчас. Без urgency пользователь откладывает решение на потом, и в 95 процентах случаев «потом» не наступает.

5. Плохой мобильный UX. По разным оценкам 2023–2024 годов более 80 процентов визитов лендингов идут с мобильных. Если текст нечитаем, кнопка не попадает под палец, страница грузится дольше 3 секунд — более половины трафика уходит ещё до первого взаимодействия.

6. Стоковые картинки. «Менеджер в белой рубашке улыбается в камеру» — мгновенно снижает доверие. Лучше реальное фото команды, скриншот продукта или результат работы. Хуже всего — отсутствие визуала вовсе.

7. Слишком длинный H1. Заголовок больше 15 слов не сканируется по F-паттерну и читается как абзац. Длинное описание — это подзаголовок, не заголовок.

8. Нет блока FAQ. Клиент уходит к конкурентам за ответами на возражения. Хороший FAQ держит пользователя на странице и повышает вероятность заявки.

9. Технический жаргон. Тексты уровня «professional» конвертируют в 5,3 процента — почти в два раза хуже, чем простой язык на уровне 5–7 класса. Если у вас в заголовке «экосистема» и «синергия», — перепишите.

10. Один CTA в самом низу страницы. Посетитель принимает микрорешения на каждом блоке. Один CTA внизу — это упущенные возможности в середине скролла.

Как тестировать лендинг после запуска

Запуск лендинга — это не финал, а точка отсчёта. Дальше начинается оптимизация по данным.

Что тестировать в первую очередь

Иерархия по влиянию на конверсию:

Заголовок и оффер. Даёт самый большой разброс — начинайте с него. Текст и дизайн CTA-кнопки. Быстро реализуется, результат виден за 1–2 недели. Количество полей в форме и одностраничная vs мультистеп. Hero-изображение — визуал продукта vs результата vs лицо эксперта. Пруфы на первом экране — логотипы vs цифры vs отзывы. Цена и структура тарифов.

Цвет кнопки, тень блока, отступы — тестировать в последнюю очередь. Они дают прирост 1–3 процента, который у большинства лендингов даже не детектируется по выборке.

Инструменты для рунета

После закрытия Google Optimize 30 сентября 2023 года основной бесплатный инструмент в рунете — Varioqub, встроенный в Яндекс.Метрику. В нём есть калькулятор необходимой выборки, автоматическая оценка статзначимости и визуальный редактор для простых изменений.

Из платных решений: VWO (mid-market, много пресетов под CRO), AB Tasty (enterprise, с персонализацией), Optimizely (enterprise, для крупных ecommerce и SaaS).

Методология в 6 шагов

1. Сформулировать гипотезу в формате «если [изменение], то [метрика] вырастет на [X процентов], потому что [причина]». 2. Посчитать необходимую выборку. Эвристика: примерно 16 000 визитов на вариант, чтобы детектировать прирост в 20 процентов на базе 5 процентов конверсии. 3. Разделить трафик 50/50 между двумя вариантами. 4. Дождаться выборки плюс минимум 2 полных недели, чтобы захватить weekly-паттерн. 5. Интерпретировать результат только при p-value < 0,05 и достигнутом MDE (минимально детектируемый эффект). 6. Катить победителя и фиксировать инсайт в бэклог гипотез.

Чего делать нельзя

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

Нельзя тестировать два изменения одновременно в одном варианте — не поймёте, что именно сработало.

Нельзя тестировать гипотезы с ожидаемым приростом меньше 5 процентов — у большинства лендингов не хватит выборки на статзначимость.

Итог

Лендинг, который конвертирует, — это не вопрос красоты, анимаций или «современного дизайна». Это вопрос структуры, оффера и цифр. Восемь блоков закрывают все задачи пути пользователя. Формулы 4U, PAS и Before–After–Bridge помогают сформулировать оффер. Форма на 3–5 полей, CTA-кнопка на 2–5 слов с глаголом награды, три повторения CTA по странице — и уже одного этого хватает, чтобы подняться с 2–3 процентов в медианные 6,6.

Дальше начинается оптимизация по данным — A/B-тесты через Varioqub, гипотезы, системная работа над каждым блоком. Лендинг как точка входа в воронки продаж — самая измеримая часть маркетинга, и его рост в конверсии напрямую конвертируется в рост выручки при том же бюджете.

Если у вас есть лендинг, который не даёт заявок, начните с простого. Откройте Яндекс.Метрику, посмотрите, где на странице уходит трафик, и проверьте по чек-листу из этой статьи: есть ли внятный оффер на первом экране, сколько полей в форме, есть ли социальное доказательство. В 8 из 10 случаев там лежит 80 процентов проблемы. А остальное — это уже маркетинговый план и работа по гипотезам, которую мы в КРИК выстраиваем вместе с разработкой лендингов.

Частые вопросы

Какая нормальная конверсия у лендинга?

По Unbounce Conversion Benchmark Report (датасет 464 млн визитов и 41 000 лендингов, Q4 2024) медиана конверсии по всем индустриям — 6,6%. SaaS даёт около 3,8%, финансовые услуги — 8,4%, события и развлечения — до 12,3%. Ниже 3% — повод разбирать структуру лендинга. Выше 10% — это уже top-25% в большинстве категорий.

Сколько полей должно быть в форме лендинга?

Исследование HubSpot на базе 40 000+ клиентов показало: оптимум — 3 поля (конверсия около 25%) и 5 полей (около 21%). 4 поля дают провал, 6 и больше снижают конверсию примерно на 4% за каждое дополнительное поле. Для B2B-квалификации лучше разбивать длинную форму на мультистеп: простое поле первым, сложные — в конце.

Чем лендинг отличается от обычного сайта?

Лендинг — это одна страница с одной целью: увести пользователя в конкретное действие (заявка, заказ, регистрация). На сайте — много разделов и навигационных путей. Лендинг запускают под конкретный трафик (контекст, таргет, email-рассылка) и под один сегмент аудитории. Поэтому на лендинге нет навигации к другим разделам и нет «ухода в сторону».

Что тестировать на лендинге в первую очередь?

По иерархии влияния на конверсию: сначала заголовок и оффер (дают самый большой разброс), потом текст и дизайн CTA-кнопки, затем количество полей и формат формы, дальше hero-image и пруфы, в конце — цена и структура тарифов. Тестируйте одно изменение за раз, минимум 2 недели на вариант, доверительный уровень 95%.

Какой инструмент A/B-тестирования выбрать для рунета?

После закрытия Google Optimize в сентябре 2023 года основной бесплатный инструмент в рунете — Varioqub, встроенный в Яндекс.Метрику. В нём есть калькулятор выборки, автоматическая статзначимость и визуальный редактор. Из платных решений для mid-market и enterprise — VWO, AB Tasty, Optimizely.

М

Максим Юдин

Фаундер, маркетолог-экономист

Строит маркетинг от экономики бизнеса. Специализируется на unit-экономике, финансовом моделировании и системном управлении спросом.