Структура лендинга, который продаёт: разбор по блокам

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

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

#Почему структура важнее «красивого дизайна»

Лендинг не читают от начала до конца, как книгу. Его сканируют, листают, задерживаются на том, что цепляет, — и уходят, как только перестают понимать, что происходит. Хорошая структура — это разговор с клиентом в правильном порядке:

1. Что это? → первый экран
2. Можно ли вам доверять? → социальные доказательства
3. Что я с этого получу? → преимущества
4. Как это работает? → этапы
5. Сколько стоит? → цены
6. А если…? → FAQ
7. Хорошо, что дальше? → призыв к действию
8. Как связаться с живым человеком? → контакты

Пропустите шаг — и посетителю придётся додумывать. А там, где начинаются догадки, заканчиваются заявки. (Если лендинг уже есть, но не продаёт, — это отдельная тема диагностики, о ней статья почему посетители не покупают.)

#Структура лендинга по блокам

#1. Первый экран (hero)

Самые важные 600 пикселей вашего сайта. За несколько секунд человек должен понять три вещи: что вы предлагаете, для кого и что делать дальше.

• Заголовок — результат, а не название компании. «Свежий хлеб с доставкой по Кишинёву к 8 утра» работает лучше, чем «Добро пожаловать в Пекарню N».
• Подзаголовок — одно предложение с уточнением: район, скорость, диапазон цен, гарантия.
• Одна главная кнопка с глаголом: «Рассчитать стоимость», «Записаться», «Заказать». Вторая, менее заметная ссылка допустима. Пять кнопок — нет.
• Визуал — товар, результат или реальное фото. Стоковые рукопожатия не продают.

На телефоне заголовок и кнопка должны быть видны без прокрутки. Проверяйте на настоящем смартфоне, а не только в превью на компьютере — почему это важно, я писал в статье про mobile-first дизайн.

#2. Социальные доказательства: логотипы, отзывы, цифры

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

• лента логотипов клиентов или партнёров;
• несколько коротких конкретных отзывов с именем и фото;
• факты, которые вы можете подтвердить: годы работы, число проектов, города.

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

#3. Преимущества: что получает клиент

Характеристики описывают продукт, выгоды — жизнь клиента после покупки. Пишите выгоды.

Трёх–шести карточек достаточно: короткий заголовок, одна-две строки текста и иконка или картинка.

#4. Как это работает: 3–4 шага

Этот блок снимает страх неизвестности. Покажите путь от «мне интересно» до «готово» в трёх-четырёх пронумерованных шагах: Оставьте заявку → Перезвоним в течение часа → Согласуем детали → Вы получаете результат. Когда шаги простые, действие кажется маленьким — а на маленькие действия люди решаются охотнее.

#5. Цены — или хотя бы ориентир

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

Если показываете пакеты — двух-трёх хватит. Выделите тот, который подойдёт большинству, и простыми словами перечислите, что в него входит.

#6. FAQ: снимаем последние возражения

Соберите вопросы, которые вам реально задают по телефону и в мессенджерах: доставка, сроки, гарантия, оплата, «а маленькие заказы берёте?». Ответьте коротко. Аккордеон сохранит страницу компактной.

Бонус: хороший FAQ помогает и SEO — он отвечает ровно на те вопросы, которые люди вводят в Google.

#7. Призыв к действию: финальный толчок

Повторите главное предложение и ту же кнопку, что на первом экране. К этому моменту у посетителя уже есть вся информация, поэтому последний шаг должен быть очевидным: контрастный баннер, одно предложение, одна кнопка. Если есть реальная причина действовать сейчас (ограниченное число мест, сезонное предложение) — скажите об этом. Но никакой искусственной срочности.

#8. Контакты: связаться должно быть легко

Короткая форма (имя, телефон или email, необязательное поле для сообщения) и каналы, которыми пользуется ваша аудитория. В Молдове это часто Telegram, Viber или WhatsApp рядом с номером телефона. Если есть офис или точка — добавьте адрес и карту, это тоже повышает доверие.

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

#Эта структура в конструкторе

В конструкторе проекта на этом сайте есть ровно эти блоки — лендинг можно не описывать словами, а собрать:

Выберите пресет «Лендинг» (в нём уже есть первый экран, логотипы, преимущества, «О компании», отзывы, FAQ, призыв к действию и форма связи), затем добавьте или уберите блоки, поменяйте порядок и варианты. Примерная оценка появится сразу, а скелет можно отправить как готовое ТЗ — без Figma.

#Чек-лист перед запуском

• Заголовок в одной строке говорит о результате и аудитории
• Одно главное действие — на первом экране и в финальном призыве
• Доказательства настоящие и конкретные
• Выгоды, а не только характеристики
• Есть ориентир по цене
• FAQ отвечает на реальные вопросы клиентов
• В форме минимум полей
• Страница быстро открывается на телефоне, а не только на офисном Wi-Fi
• Аналитика считает клики по кнопкам и отправки формы

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

#Сколько блоков должно быть на лендинге?

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

#Нужно ли меню на лендинге?

Для рекламных кампаний обычно лучше минимальная шапка или вообще без навигации — так внимание остаётся на одном действии. Для лендинга компании в целом короткое якорное меню по разделам вполне уместно.

#Хватит ли моему бизнесу лендинга?

Для одного продукта, одной услуги или одной кампании — часто да. Если у вас много услуг, блог или несколько аудиторий, лучше подойдёт многостраничный сайт компании.

#Длинный или короткий лендинг?

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

#Соберите свой

Лендинг, который продаёт, — это не магия, а правильные блоки в правильном порядке, написанные словами вашего клиента. Хотите увидеть, как будет выглядеть ваш? Откройте конструктор, соберите блоки из этой статьи и отправьте мне результат — я вернусь с честной оценкой и идеями, что можно улучшить. А если детали ещё не сложились, вот статья о том, как составить ТЗ на сайт.