Разбор лендинга за 20 минут: воронка внимания по экранам

Когда конверсия посадочной страницы (CR1) не дотягивает до плановых 4–5%, предприниматели часто впадают в крайность: заказывают полный редизайн сайта за 250 000 ₽ и два месяца ждут новую верстку в Figma. Потом запускают трафик из контекстной рекламы — а конверсия на новом «красивом» сайте оказывается точно такой же (или ещё ниже), чем на старом!

Почему? Потому что конверсию лендинга создаёт не модная анимация и не градиенты на кнопках, а логика воронки внимания — то, в каком порядке блоки страницы отвечают на немые вопросы и страхи покупателя при скролле сверху вниз.

В этом разборе мы посмотрим на посадочную страницу как на живой диалог с клиентом, составим карту из 7 обязательных экранов, разберём типичные разрывы логики (почему люди бросают чтение на 3-м экране) и внесём 7 быстрых правок, которые можно внедрить на текущем сайте за два вечера без смены дизайна.

Коротко (TL;DR — за 30 секунд):

  • Посетитель не читает ваш лендинг подряд — он сканирует его рывками сверху вниз со смартфона. Каждый экран должен удерживать внимание ровно одной мыслью в заголовке H2 и перебрасывать мостик к следующему блоку.
  • Идеальная формула 7 экранов лендинга услуг: 1) Первый экран (Оффер + CTA) → 2) Калькулятор / Пакеты цен → 3) Кейсы с деньгами и сроками («Было → Стало») → 4) Как устроен процесс и за счёт чего результат (Технология без воды) → 5) Сравнение подходов («Рынок vs Мы») → 6) Гарантии по договору, команда и живые отзывы → 7) Финальный экран захвата с низкострессовым шагом и FAQ.
  • Где теряется 70% внимания: когда сразу после первого экрана вместо цен и примеров работ ставят блок «О нашей компании — мы основаны в 2011 году» и 6 абстрактных иконок «Почему выбирают нас».

Видеоразбор на экране (23 минуты)

[Разбор чужого лендинга — воронка внимания за 20 минут]

  • 00:00 — Открываем реальный лендинг из выдачи рекламного кабинета на экране смартфона (с секундомером)
  • 03:30 — Карта скролла и тепловая карта: где отваливаются 60% посетителей
  • 07:15 — Классическая ошибка 2-го экрана: иконки «Опыт / Качество / Надёжность» вместо сути
  • 11:00 — Строим правильную воронку из 7 экранов по цепочке вопросов клиента
  • 15:20 — Как оформлять блок Кейсов, чтобы их реально читали (формат «Задача → Смета → Срок → Фото»)
  • 18:40 — 7 точечных правок на живом сайте, которые подняли конверсию с 1,9% до 4,6%

Оглавление

  1. Что такое «воронка внимания» на лендинге и как люди скроллят в 2026 году
  2. Эталонная архитектура лендинга услуг из 7 экранов (Таблица)
  3. Кладбище конверсии: 4 блока, которые нужно удалить или перенести вниз
  4. 7 точечных правок на существующем лендинге («Было → Стало»)
  5. Кейс на цифрах: как перестановка блоков без редизайна дала +115% лидов
  6. Готовый артефакт: чек-лист аудита посадочной страницы по экранам
  7. Частые вопросы (FAQ)

1. Что такое «воронка внимания» на лендинге и как люди скроллят в 2026 году

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

  • 1-й экран (0–5 секунд): видят 100% пришедших пользователей. Здесь решается вопрос жизни и смерти: остаться на странице или нажать «Назад» (разбирали детально в Статье A1).
  • 2-й и 3-й экраны (5–25 секунд): доскролливают 65–75% посетителей. Человек зацепился за заголовок и теперь ищет быстрые ответы на два главных вопроса: «Сколько это примерно стоит?» и «Покажите примеры того, что вы уже делали».
  • 4-й и 5-й экраны (25–60 секунд): доходят 40–50% самых заинтересованных. Здесь включается рациональный критик: «За счёт чего вы сделаете без косяков и чем вы лучше тех троих конкурентов, которых я открыл в соседних вкладках?».
  • Подвал страницы (60+ секунд): доскролливают 20–30% самых въедливых клиентов, которые проверяют реквизиты юрлица, образец договора, адрес офиса и ответы на каверзные вопросы в FAQ.

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

2. Эталонная архитектура лендинга услуг из 7 экранов (Таблица)

Соберём проверенную структуру посадочной страницы для услуг, строительства, производства и B2B, где каждый экран логически закрывает возражение и подталкивает к заявке:

№ ЭкранаНазвание блока и пример заголовка H2Какой вопрос в голове клиента закрываетЧто обязательно должно быть внутри блока
Экран 1Первый экран (Оффер + Механизм + CTA)«Куда я попал, что получу, в какой срок и какой безопасный шаг сделать?»Дескриптор с гео, H1 по формуле RTPS, 3 буллита с цифрами, живое фото процесса/результата, кнопка расчёта сметы (Статья A1)
Экран 2Прозрачный прайсинг / 3 пакета комплектации + Квиз-расчёт«Потяну ли я это по бюджету и что входит в стоимость?»3 карточки тарифов (Старт / Оптимальный ⭐ / Под ключ) с ценовым якорем (Статья A3) + встроенный калькулятор сметы за 1 минуту
Экран 3Твёрдые кейсы («Задача → Смета → Срок → Результат»)«Делали ли вы уже точно такие же объекты, как у меня?»3–6 карточек реальных работ с реальными фото (не 3D-рендерами!), районом/клиентом, точным сроком и итоговой суммой договора в рублях
Экран 4Инженерная технология и стандарты качества (Вместо пустых иконок)«За счёт чего вы не накосячите в процессе?»Крупный план узлов/оборудования: какие материалы используем, как контролируем допуски, фото штатных бригад и инструмента
Экран 5Таблица сравнения подходов («Как обычно на рынке vs Как у нас»)«Почему я должен выбрать вас, а не бригаду с Авито на 20% дешевле?»Честная таблица из 5–6 строк по главным болям ниши (смета, сроки, мусор, гарантия, ответственность по договору)
Экран 6Безопасность сделки: Договор, Гарантии, Лица и Отзывы«Юридически это безопасно? Кто лично отвечает за результат?»Скан реального договора с выделенным пунктом о пени за просрочку, фото руководителя/главного инженера с прямой цитатой, скрины отзывов с карт
Экран 7Финальный блок захвата (Лид-магнит / Замер) + FAQ (5 вопросов)«Остался один вопрос перед заявкой — что будет после того, как я оставлю номер?»Ответы на 5 острых вопросов в аккордеоне + форма: «Получите смету в 3 вариантах в мессенджер через 15 минут без навязчивых звонков»

3. Кладбище конверсии: 4 блока, которые нужно удалить или перенести вниз

При разборе чужих лендингов мы регулярно видим 4 блока-паразита, которые съедают самую дорогую площадь страницы (2-й и 3-й экраны), но не несут никакой полезной информации:

  1. Блок «6 абстрактных иконок наших преимуществ» на 2-м экране: иконка медали («Гарантия качества»), иконка часов («Работаем быстро»), иконка рукопожатия («Индивидуальный подход»). Глаз посетителя пролетает мимо них со скоростью света. Удалите их совсем или замените на карточки с цифрами и фактами («Свой склад 800 м² в Мытищах», «Штраф 1%/день за срыв сроков в п. 4.3 договора»).
  2. Кружочки «Как мы работаем: 1. Вы оставляете заявку → 2. Мы звоним → 3. Подписываем договор → 4. Вы радуетесь»: самая бесполезная трата экрана в рунете! Клиент и так знает, что после заявки ему позвонят. Если вы показываете этапы работы — покажите внутреннюю кухню и тайминг («День 1: Выезд инженера с лазерным нивелиром и составление сметы; День 2: Завоз станции и укрывка окон плёнкой; День 3–5: Оштукатуривание и сдача по правилу 2 м»).
  3. Слайдеры (карусели) на первом экране и в кейсах, которые нужно листать вручную вбок: по данным записи визитов, по стрелочке слайдера вправо кликают менее 3% пользователей! Остальные 97% видят только первый слайд. Лучше выведите 3 сильных кейса друг под другом (или плиткой), чтобы они читались обычным скроллом пальца вверх.
  4. Текстовые отзывы без подтверждения («Иван П., г. Москва: Спасибо ребятам, всё супер!»): в 2026 году напечатанному в верстке тексту без ссылки на источник не верит никто. Ставьте виджет реального рейтинга с карт / 2ГИС, сканы благодарственных писем на бланках с печатью (для B2B) или короткие вертикальные видео с объекта на 30 секунд.

4. 7 точечных правок на существующем лендинге («Было → Стало»)

Как поднять конверсию действующего сайта за 1–2 вечера, не меняя дизайн-систему и движок? Внесите эти 7 правок:

№ Правки❌ Как обычно сделано («Было»)✅ Как переделать за вечер («Стало»)Почему это растит CR1
1. Заголовки секций (H2)Скучные названия разделов: «О нас», «Наши услуги», «Наше портфолио», «Отзывы»Заголовки-выводы с выгодой: «Посмотрите 6 объектов, которые мы сдали в октябре со сметой и сроками»Человек, который читает только крупные заголовки по диагонали, считывает всю суть вашего оффера!
2. Подпись под кнопкой CTA (Микрокопирайтинг)Голая кнопка «Отправить» и мелкий серый шрифт про политику конфиденциальностиПрямо под кнопкой: «Пришлём PDF-расчёт в мессенджер/мессенджер за 10 минут. Звонить без спроса не будем»Снимает главный страх оставления номера в 2026 году — боязнь телефонного спама
3. Карточки кейсовПросто галерея из 12 фотографий без единой подписи и ценыПод каждым фото плашка из 4 строк: Объект / Задача / Срок / Итоговая цена под ключ + кнопка «Хочу расчёт такого же объекта»Фотография без цены и задачи — это просто картинка; с ценой и сроком — это продающий аргумент
4. Форма захвата на мобильном5 обязательных полей (ФИО, Телефон, Email, Город, Комментарий)2 поля: Ваш телефон + переключатель иконок Куда прислать расчёт: мессенджер / мессенджер / ПозвонитьКаждое лишнее обязательное поле на мобильном снижает конверсию формы на 10–15%
5. Липкая панель внизу смартфона (Sticky Bar)Чтобы оставить заявку в середине длинного лендинга, нужно мотать 4 экрана вверх или внизВ нижней части экрана смартфона аккуратная закреплённая плашка: [Рассчитать стоимость] + иконка [мессенджер]Кнопка целевого действия всегда под большим пальцем в ту секунду, когда клиент созрел
6. Визуал на первом экранеСтоковая фотография улыбающихся американских строителей в чистых белых каскахРеальное фото вашей бригады в брендированной форме на фоне вашего автомобиля/оборудования в МосквеНастоящее фото даёт +100 к базовому доверию (E-E-A-T) за первую же секунду
7. Блок «Кто приедет к вам на замер / проведёт аудит»Обезличенная форма «Вызвать специалиста»Фото реального ведущего инженера с именем, стажем и списком того, что он привезёт с собой (тепловизор, чемодан образцов, договор)Человеку психологически в 3 раза проще пустить на порог конкретного понятного инженера Алексея, чем абстрактного «менеджера»

5. Кейс на цифрах: как перестановка блоков без редизайна дала +115% лидов

Проект: компания по остеклению и утеплению балконов и лоджий под ключ в Санкт-Петербурге. Исходная ситуация: сайт на Tilda с аккуратным современным дизайном, трафик из Поиска и автоматических кампаний контекстной рекламы (150 000 ₽/мес, 2 100 кликов). Конверсия сайта держалась на уровне 1,8% (38 заявок по 3 947 ₽).

Когда мы открыли карту скролла и запись визитов (Статья C4), мы увидели классический провал воронки внимания:

  • На 2-м экране стоял длинный текст «О нашем заводе» и 8 иконок преимуществ;
  • На 3-м экране — технические схемы профилей Rehau в разрезе;
  • А блок с ценами и реальными фото готовых балконов до/после стоял в самом подвале на 8-м экране, куда доходило всего 19% посетителей!

Что сделали за 3 часа без участия дизайнера:

  1. Подняли блок «Примеры готовых балконов До/После с точными ценами под ключ» и 3 пакета остекления сразу на 2-й и 3-й экраны (теперь их увидели 78% посетителей вместо 19%!).
  2. Переписали заголовки всех секций H2 со скучных на выгоды клиента.
  3. В форме заменили кнопку «Вызвать замерщика» на «Рассчитать стоимость по размерам вашего дома (по серии дома П-44 / Хрущёвка / Новостройка) + закрепить скидку на тёплый пол».
Показатель в счётчике и CRMДо перестановки блоковПосле (Те же блоки в правильном порядке)Результат
Бюджет (AC) и Трафик (UA)150 000 ₽ / 2 100 визитов150 000 ₽ / 2 100 визитовТот же самый трафик
Доскролл до блока цен и кейсов19% посетителей78% посетителейЛюди увидели товар лицом
Среднее время на сайте48 секунд1 мин 42 секНачали изучать примеры смет
Конверсия лендинга (CR1)1,8% (38 лидов)3,9% (82 лида)Рост в 2,15 раза (+115%)
Стоимость заявки (CPL)3 947 ₽1 829 ₽Снижение более чем вдвое

6. Готовый артефакт: чек-лист аудита посадочной страницы по экранам

Проверьте свой лендинг сверху вниз по этим 10 контрольным вопросам:

  • 1. Тест заголовков H1 + все H2: если прочитать на странице только крупные заголовки разделов, складывается ли из них полный продающий рассказ с выгодами, цифрами и гарантией?
  • 2. Правило 2-го экрана: сразу после первого экрана посетитель видит либо прозрачные пакеты цен/калькулятор, либо живые кейсы с ценами (а не воду «О компании»).
  • 3. Кейсы с деньгами: в каждой карточке портфолио указаны 4 факта: Задача, Срок, Итоговая стоимость и реальное фото.
  • 4. Наглядная технология: вместо пустых иконок показано реальное оборудование, материалы и допуски качества.
  • 5. Сравнение подходов: есть таблица отстройки от серых конкурентов/частников по 5 главным страхам клиента.
  • 6. Персонализация доверия: на сайте есть реальные лица команды/инженеров и скан договора с условиями гарантии.
  • 7. Подтверждённые отзывы: стоят живые отзывы с независимых площадок (карты, 2ГИС), видео или бланки с печатями.
  • 8. Снятие страха спама под кнопкой: рядом с полем телефона есть выбор мессенджера (мессенджер / мессенджер) и обещание не надоедать пустыми звонками.
  • 9. Мобильная гигиена: на смартфоне нет горизонтальной прокрутки, мелкого нечитаемого текста и всплывающих окон, закрывающих пол-экрана.
  • 10. Страница /thank-you/ дожимает в продажу: после отправки заявки клиент не видит пустую строчку «Спасибо», а получает ссылку на ваш почту, PDF-памятку или видеоэкскурсию по объекту.

7. Частые вопросы (FAQ)

Какой длины должен быть идеальный лендинг в 2026 году: короткий на 2 экрана или длинный на 10 экранов?

Длина лендинга прямо пропорциональна среднему чеку, сложности услуги и цене ошибки клиента:

  • Для простой и понятной услуги с чеком до 5 000 ₽ (вскрытие замка, эвакуатор, типовая химчистка дивана) достаточно короткого лендинга из 3–4 экранов (Оффер с ценой → Примеры до/после → Отзывы и Контакты).
  • Для сложных услуг и B2B с чеком от 50 000 ₽ до миллионов (строительство, имплантация, оборудование, маркетинг) нужен полноценный 7-экранный лендинг, при этом кнопка быстрого расчёта должна быть доступна уже на 1-м и 2-м экране для «горячих» клиентов, а экраны 3–7 дожимают «сомневающихся и рациональных».

Что лучше конвертирует трафик из контекстной рекламы: одностраничный лендинг или многостраничный сайт?

Для конкретного коммерческого кластера запросов в контекстной рекламе (например, «монтаж плоской кровли из ПВХ мембраны») специализированная посадочная страница (лендинг или глубоко проработанная страница услуги на многостраничнике, собранная по структуре лендинга) всегда выигрывает у главной страницы обычного корпоративного сайта в 1,5–2,5 раза. Идеальная архитектура (которую мы строим на Astro и WP): многостраничный сайт под SEO, где каждая ключевая услуга оформлена как полноценный продающий 7-экранный лендинг!

Как понять, какой именно блок на моём лендинге не работает, прежде чем его переделывать?

Откройте в счётчике аналитики Карту скроллинга (посмотреть, на каком экране резко меняется цвет с тёплого красного/жёлтого на холодный синий — там люди бросают чтение) и посмотрите 10–15 записей записи визитов с фильтром «Источник: Реклама» и «Время на сайте: от 20 до 90 секунд без достижения цели» (подробная инструкция в Статье C4).

Что читать и смотреть дальше в серии «Оффер и продукт vs маркетинг»