Блоки лендинга: из чего состоит посадочная страница

Материал подготовлен редакцией тзшник.рф. Автор — Аркадий Зверев, веб-редактор с практикой сборки лендингов. Дата обновления: 9 июля 2026.

Блоки лендинга: из чего состоит посадочная страница

Что такое блок лендинга и зачем страницу делят на экраны

Блок лендинга — это самостоятельный экран страницы, который решает одну задачу и передаёт одну мысль. Landing page строится не как текст, а как последовательность таких экранов: посетитель читает не всё подряд, а листает и цепляется за отдельные смысловые куски. Этот блок работает, если у него есть одна ясная цель, а не набор разных сообщений сразу.

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

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

Для запроса «блоки лендинга» ТЗшник разобрал 17 страниц выдачи Яндекса и Google, вывел структуру из 8 разделов и норму 236 слов на раздел, а затем сам написал текст под эти показатели — про обязательные блоки, доверие, цены и форму заявки. Человеку остаётся подставить в готовые блоки цены, сроки и контакты своей компании, проверить факты по тарифам и документам и опубликовать страницу.

Обязательные блоки: первый экран, оффер и призыв к действию

Первый экран

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

Оффер

Оффер собирается по формуле: продукт плюс выгода клиента плюс условие. Слабый вариант: «Разработка сайтов для бизнеса». Сильный: «Landing page для стоматологии за 7 дней с готовыми блоками доверия и формой записи на приём». Разница в конкретике: срок, отрасль, состав работы. Ошибка — оффер без условия, тогда предложение звучит как у десятков конкурентов, и клиент не понимает, чем именно оно отличается от других.

Призыв к действию

Призыв к действию бывает основной («Оставить заявку», «Рассчитать стоимость») и альтернативный, более мягкий: «Скачать презентацию», «Задать вопрос в чате». На страницу достаточно 2–4 кнопок призыва к действию, размещённых после ключевых блоков — первого экрана, оффера, цен и отзывов. Текст на кнопке должен называть конкретное действие, а не абстрактное «Отправить».

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

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

Блоки о продукте: описание, аудитория, сценарии и результат

Блок о продукте раскрывает, что именно продают: состав услуги, характеристики товара, формат работы. Описание вашего продукта должно быть конкретным: не «качественная мебель», а «шкаф из ЛДСП 16 мм с фурнитурой Blum и сборкой за один день». Дальше идёт блок «кому подойдёт» — там описывается целевая аудитория через сегменты: возраст, отрасль, объём задач, а не общее «для всех».

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

Блоки преимуществ и выгод — не одно и то же. Преимущество описывает свойство продукта: «пластиковые окна с тройным стеклопакетом». Выгода переводит это свойство в результат для клиента: «зимой в квартире теплее, счета за отопление ниже на 15–20%». Хороший блок продаёт именно выгоду, а преимущество идёт как аргумент в её пользу. Такой блок работает лучше, чем перечень характеристик без объяснения, зачем они нужны человеку.

Фото и видео усиливают доверие к обещаниям: фотографии процесса работы, видео с демонстрацией продукта в использовании. Пример из практики — интернет-магазин мебели поднял конверсию на 12%, когда заменил рендеры на реальные изображения с кратким описанием материалов. Для простого товара с понятной ценой можно убрать блок сценариев и этапов — рынку не нужно объяснять, как пользоваться шариковой ручкой.

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

Блоки доверия: отзывы, кейсы, документы и команда

Социальные доказательства выстраиваются по иерархии силы. Кейс с цифрами — «увеличили заявки на 34% за 2 месяца» — убеждает сильнее, чем отзыв с фото и ссылкой на профиль клиента. Безымянный текст без имени и фото — самое слабое доказательство, такие отзывы посетители часто считают фейковыми и пропускают.

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

Блок команды с фотографиями и ролями снимает вопрос «кто именно будет делать работу». Факты в цифрах — «140 проектов», «8 лет на рынке» — работают, только если они реальные: выдуманные значения легко проверяются и разрушают доверие к компании мгновенно. Такой блок особенно важен, если решение о покупке принимает не один человек, а несколько сотрудников заказчика.

Часто задаваемые вопросы закрывают типовые возражения потенциальных клиентов перед покупкой. Их стоит собирать из переписки с реальными клиентами и из базы знаний службы поддержки, а не придумывать абстрактно. Обычно хватает 5–8 пар вопрос-ответ: про сроки, оплату, гарантии, доработки и что входит в стоимость. Отдельным блоком FAQ помогает человеку принять решение без звонка менеджеру и снимает часть нагрузки с отдела продаж.

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

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

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

Рабочий вариант — блок из 2–3 тарифов с перечнем, что входит в каждый: набор услуг, срок выполнения, количество правок. Калькулятор уместен, если итоговая стоимость сильно зависит от параметров — площади, объёма, состава работ. Такой блок нужно строить так, чтобы клиент видел, за что именно платит на каждом тарифе.

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

Если нужна помощь с расчётом бюджета под свой проект, можно оставить заявку +7 495 118-37-73, top@cometa.agency — специалист подготовит структуру блоков и вилку цены под задачу, чтобы клиент мог получить конкретную сумму, а не общий ориентир. Для сравнения тарифов удобно выводить их в таблицу: так клиент сразу видит разницу между базовым и расширенным пакетом без долгого чтения текста.

Форма заявки, контакты и футер

Лид-форма работает лучше с 2–3 полями: имя, телефон, иногда email или комментарий. Каждое лишнее поле снижает число заявок — форма из пяти-семи полей заметно проигрывает короткой в числе обращений. Формы обратной связи размещают в нескольких точках страницы: после первого экрана, после блока цен и в конце.

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

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

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

В каком порядке ставить блоки: три рабочие схемы

Схема «от предложения» подходит для рекламного трафика с горячим спросом: первый экран → оффер → тарифы → форма → отзывы → FAQ → футер. Такую структуру продающего лендинга чаще всего выбирают для услуг с понятным спросом — ремонт, доставка, разовые работы.

Схема «от проблемы» подходит, когда аудитория не осознаёт потребность полностью: первый экран → описание проблемы → продукт как решение → сценарии использования → кейсы → цены → форма → FAQ → футер. Этот порядок часто выбирают для сложных B2B-услуг и образовательных продуктов, где нужно сначала объяснить, какую задачу решает продукт.

Схема «от продукта» подходит для узнаваемых товаров и брендов: первый экран → о продукте → преимущества → фото и видео → отзывы → цены → форма → футер. Здесь продукт продаёт себя сам, доказательства нужны только для снятия последних сомнений.

Количество блоков зависит от сложности продукта и от бизнеса, который стоит за лендингом: 5–6 хватает для простого предложения с одной ценой, 10–12 нужны для дорогой услуги с длинным циклом принятия решения. Готовый прототип собирается из ответов клиента на вопросы: кто аудитория, какая цена, какие есть кейсы, что чаще спрашивают перед покупкой. Выбрать подходящую схему можно только после того, как понятно, какую цель решает страница — продать сразу или сначала объяснить продукт.

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

Ошибки в блоках и чек-лист перед запуском

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

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

• заголовок первого экрана понятен без прокрутки за 3–5 секунд;
• оффер содержит продукт, выгоду и условие;
• на странице 2–4 кнопки призыва к действию с конкретным текстом;
• каждый блок отвечает на один вопрос посетителя;
• отзывы и кейсы содержат имя, фото или цифры результата;
• блок цен показывает состав тарифа, а не только сумму;
• форма заявки — не больше 3 полей;
• футер содержит контакты, ссылку на политику персональных данных и дубль кнопки;
• страница проверена на мобильном экране;
• структура прошла хотя бы один A/B-тест или проверку картой скроллинга.

По наблюдению Аркадий Зверев, генеральный директор агентства «Комета». В продвижении сайтов с 2008 года, более 300 проектов, при переделке лендингов чаще всего убирают блок «наши преимущества» из шести абстрактных пунктов без чисел — он не отвечает на вопрос «почему выбрать нас» и заменяется на конкретный кейс или сравнительную таблицу. Элементов, которых не хватает такому блоку чаще всего, — это точные значения, сроки и имя реального клиента вместо обобщённого описания.

Проверить эти пункты можно за один рабочий день, если структура уже собрана: чек-лист занимает 20–30 минут на страницу из 10 блоков. Для сложного лендинга с калькулятором и несколькими тарифами проверку стоит повторить после любого изменения оффера или цены.

Частые вопросы о блоках лендинга