Конверсионный лендинг: гайд по структуре и CRO 2026

Сделай сам

Лиды      = Трафик × Конверсия страницы (CR)
Клиенты   = Лиды × Конверсия продаж (close-rate)
Выручка   = Клиенты × Средний чек
CR (%)    = (Кол-во заявок ÷ Кол-во визитов) × 100

Сила процента. 1000 визитов в месяц, средний чек 100 000 ₸, close-rate 30%:

• CR 2% → 20 заявок → 6 продаж → 600 000 ₸.
• CR 3% → 30 заявок → 9 продаж → 900 000 ₸.

Рост конверсии с 2% до 3% - это +300 000 ₸ в месяц при том же трафике и бюджете. Конверсия умножает результат всех каналов сразу.

Что чинить - по деньгам. Найдите самую дырявую точку и оцените её цену. Пример из практики CRO: если на каком-то браузере или устройстве конверсия вдвое ниже (скажем, мобильные 1,5% против десктопа 3%), посчитайте недополученные сделки за полгода × средний чек - и сравните с часами на починку. Часто 2-3 часа работы стоят сотен тысяч недополученной выручки. Чинят то, где разрыв в деньгах самый большой.

Сделай сам

• Считайте по сегментам, а не в среднем. Среднее по сайту скрывает правду: десктоп и мобильный, реклама и органика, разные кампании конвертят по-разному. «Среднее - это ложь»: разбивайте.
• Ориентиры (порядок величины, не норматив - проверяйте по своим данным): хороший лендинг под услугу/лидген - часто в районе 3-10% в заявку; узкие тёплые офферы бывают и сильно выше. Это иллюстрация, а не цель: ваша норма - это ваш прошлый период. Цифры зависят от качества трафика: тёплый трафик с почты конвертит в разы лучше холодного.
• По типу бизнеса (eCommerce / услуги / SaaS) ориентиры разные - сравнивайте себя с собой во времени, а не с чужими кейсами.
• Качество трафика - первично. Низкая конверсия часто не про страницу, а про нерелевантный трафик (см. раздел 13).

Сделай сам: 7 элементов

1. Заголовок - за 5 секунд объясняет, что вы предлагаете и кому. Главный элемент.
2. Hero-визуал - изображение/видео, показывающее суть оффера (не сток ради стока).
3. Выгоды - 3-7 пунктов на языке клиента: что он получит, а не какие у вас «функции».
4. Форма - то самое целевое действие; минимум полей.
5. CTA-кнопка - заметная, с понятным текстом действия.
6. Доверие - отзывы, кейсы, цифры, гарантии, логотипы.
7. Страница благодарности - что будет дальше после заявки (и куда вернуть навигацию).

Сделай сам

• УТП по 4 вопросам. Заголовок должен закрывать: что это? для кого? чем лучше конкурентов? какая польза клиенту? Если хоть один без ответа - переписывайте.
• 5-секундный тест. Покажите первый экран человеку на 5 секунд, уберите, спросите: о чём страница и что предлагают? Не смог сформулировать - заголовок не работает.
• Тест «с 2 метров». Отойдите от экрана: заголовок и кнопка должны оставаться самыми заметными элементами. Если теряются - усиливайте контраст и размер.
• Состав первого экрана: логотип + контакт/кнопка, однозначный заголовок-УТП, подзаголовок или 3-5 буллетов, форма или явный CTA. Форма/кнопка видна без прокрутки, в том числе на мобильном.
• Шапка занимает меньше трети экрана - не отъедайте место у оффера.

Сделай сам

• Customer-centric. Замените «мы профессионалы с 2010 года» на «вы получите Х за Y». Фокус на «вы», а не «мы».
• Отработка возражений. Выпишите топ-5 причин не покупать (дорого, долго, не доверяю, сложно, не сейчас) и закройте каждую прямо на странице.
• Дефицит и дедлайн - честные: ограниченное предложение, срок акции. Создаёт причину действовать сейчас, а не «потом».
• Длина под воронку. Холодному трафику и дорогому продукту нужно больше доказательств и текста; тёплому и простому - короче. Не «чем короче, тем лучше», а «ровно столько, сколько нужно для решения».
• Конкретика и числа. «Снизили цену заявки на 42%» сильнее, чем «повышаем эффективность». Цифры и факты убеждают, общие слова - нет.

Сделай сам

• Принципы влияния (Чалдини): социальное доказательство (отзывы, цифры), авторитет (экспертность, СМИ), дефицит, взаимность (бесплатная польза), последовательность, симпатия. Расставьте их по странице осознанно.
• Эффект изоляции (Von Restorff). Самый важный элемент (CTA) должен визуально выделяться - быть не как всё вокруг. Контраст, размер, воздух вокруг.
• Паттерны чтения (эвристики). F-паттерн (взгляд скользит по левому краю и заголовкам) подтверждён ай-трекингом; Z-паттерн - скорее дизайнерская условность. Реальная траектория зависит от вёрстки, но вывод один: заголовок, ключевой визуал и CTA ставьте на видные точки, а не в «слепые» зоны.
• Закон Фиттса. Чем крупнее и ближе целевой элемент, тем легче по нему попасть - делайте кнопку большой, особенно на мобильном.
• Баланс цвета (эвристика оформления). Грубо: основной фон, второй тон и немного акцентного - только под CTA. Это приём дизайна, а не доказанный фактор конверсии; смысл один - акцентный цвет приберечь для кнопки.
• Воздух (white space). Пустое пространство фокусирует внимание на главном. Плотная «простыня» прячет CTA и пугает.

Сделай сам

• Избегайте «Отправить». «Отправить»/«Submit» - про усилие, а не про выгоду; кнопка про результат обычно конвертит лучше. Проверяется тестом на вашей аудитории.
• Формула «Я хочу…». Закончите за клиента фразу «Я хочу…» и поставьте это на кнопку: «Получить расчёт», «Записаться на замер», «Скачать прайс». Фокус на том, что он ПОЛУЧИТ.
• Контраст по цветовому кругу. Цвет кнопки - акцентный, контрастный к доминирующему цвету страницы. Проверка: переведите макет в ч/б - кнопка всё ещё должна выделяться.
• Squint-тест. Прищурьтесь, глядя на экран: то, что осталось заметным, и есть визуальные доминанты. Если это не CTA - чините иерархию.
• Повтор. На длинной странице повторяйте CTA 2-3 раза - человек должен мочь оставить заявку в момент, когда созрел, а не скроллить вверх.
• Размер «приза» = размер усилия. Кнопка и форма должны соответствовать ценности: за бесплатный расчёт просим минимум, за дорогую услугу можно чуть больше.

Сделай сам

• Минимум полей. Просите только то, что реально нужно для первого контакта. Сокращение числа полей часто повышает конверсию - но не всегда: иногда лишнее поле отсекает нецелевых и поднимает качество лида. Это гипотеза под тест, а не гарантированный прирост.
• Two-step / multi-step. Сначала лёгкий первый шаг (выбор, вопрос), поля контактов - после. Микро-первое действие («Вопрос 1 из 3») снижает порог входа.
• Exit-intent. Всплывающее предложение в момент ухода - последний шанс поймать сомневающегося. Работает в основном на десктопе; на мобильном надёжного сигнала ухода нет - там триггер по времени или скроллу.
• Валидация и подсказки. Понятные ошибки прямо у поля, ассоциативные иконки, сообщение об успехе после отправки.
• Качество vs количество (осознанно). Длинная форма с доп. полями (бюджет, город, роль) даёт меньше заявок, но более квалифицированных и с сегментацией. Считайте не сырые лиды, а цену квалифицированной заявки: иногда выгоднее меньше, но целевых.

Сделай сам

• Отзывы и кейсы - конкретные, с именами/компаниями/цифрами, а не «всё отлично, спасибо».
• Числа - срок на рынке, число проектов, измеримые результаты.
• Гарантии - что снимает риск клиента (возврат, фиксированный результат, договор).
• Логотипы и регалии - клиенты, награды, упоминания, сертификаты.
• Размещение у точки решения. Доказательство и гарантию ставьте рядом с кнопкой/формой - там, где человек сомневается перед нажатием.
• Реальность важнее красоты. Настоящие фото и отзывы работают лучше идеального стока - им верят.

Сделай сам

• Скорость: измеримая цель - LCP < 2,5 с (по полевым данным, на мобильных; «ощущается за ~2-3 секунды»). Сжатые изображения, отложенные скрипты, кеш. Каждая лишняя секунда режет конверсию.
• Мобильная версия - первична. Форма на первом экране без прокрутки, крупные кнопки в зоне большого пальца (thumb-zone), нет горизонтального скролла.
• Click-to-call на мобильном - часто главная конверсия: телефон кликабельный, звонок в один тап.
• Кроссбраузерность и устройства. Проверьте на реальных телефонах и в разных браузерах: где-то ломается вёрстка - там теряются заявки.
• Техническая гигиена. SSL/https, корректные Title/description, аналитика (GA4 + цели), favicon, отсутствие битых ссылок.
• CR mobile vs desktop как сигнал. Если мобильная конверсия заметно ниже десктопной - это не норма, а диагноз: ищите проблему именно в мобильной версии.

Сделай сам: фреймворк исследования (6 шагов)

1. Технический анализ - кроссбраузер/устройства, скорость, конверсия по сегментам. Где технически теряем.
2. Эвристика - пройти ключевые экраны на релевантность, мотивацию и трение.
3. Веб-аналитика - где утечки в воронке (GA4): какие шаги и страницы теряют людей.
4. Карты и записи - heatmap, scroll-map, записи сессий: где не доскролливают, куда не кликают.
5. Опросы - на странице и exit-опросы: почему не оставили заявку (голос клиента).
6. Юзабилити-тесты - смотреть, как реальные люди проходят страницу.

Всё найденное сводят в общий список проблем, приоритизируют (по влиянию и лёгкости - например, оценка 1-5 по каждой оси) и превращают в гипотезы. Сначала чинят дешёвое-и-важное.

Сделай сам

• Формат гипотезы. «Изменив X, мы ожидаем Y, потому что Z; измеряем метрикой M». Каждая гипотеза привязана к найденной проблеме.
• Считайте выборку заранее. Прикиньте нужный объём до запуска - он зависит от базовой конверсии и минимально значимого эффекта (есть онлайн-калькуляторы). Грубый ориентир - порядка нескольких сотен конверсий на вариант; меньше - выводов делать нельзя.
• Полный бизнес-цикл. Тест крутят минимум одну полную неделю (а лучше 2), чтобы захватить будни и выходные. Достижение «95% значимости» на третий день на куске трафика - не повод останавливать: выборка нерепрезентативна.
• Один элемент за раз (если это A/B, а не мультивариант) - иначе непонятно, что сработало.
• Не останавливать рано. Подсматривание и остановка на первом «выигрыше» - главный источник ложных побед.
• Учиться по сегментам. Даже «ничей» тест полезен: вариант часто выигрывает в одном сегменте и проигрывает в другом - среднее это прячет.

Сделай сам

• Message match. Заголовок страницы = текст объявления = поисковый запрос. Кликнул по «замер кухни бесплатно» - на первом экране ровно это, единый оффер от ключа до кнопки.
• Чистота трафика как рычаг конверсии. Мусорные и близкие нецелевые запросы приводят не тех людей - и роняют конверсию страницы. Минус-слова на стороне рекламы (см. наш гайд по контексту) - это тоже инструмент конверсии: на лендинг приходит только целевой интент.
• Отбраковка нецелевых прямо формой. Поле «бюджет» или «город» отсеивает неподходящих ещё до отдела продаж - вы платите за клик, но не тратите время на нерелевантных.
• Релевантная страница под кампанию. Каждой группе объявлений - своя посадочная под её интент, а не общая главная.
• Сегментируйте анализ по источнику. Органика и платный, разные кампании конвертят по-разному на одной странице - смотрите раздельно.