Лендинг, который конвертит: 9 правил без магии
Дорогой дизайн не спасает лендинг, который не отвечает на вопросы клиента. Разберём девять принципов, которые превращают посетителя в заявку.
Когда заявок мало, первым делом обычно меняют дизайн: цвет кнопки, шрифт, картинку на первом экране. Иногда это даёт эффект, но чаще заявки теряются раньше — на уровне того, понял ли человек за первые секунды, туда ли он попал.
Разберём путь посетителя по этапам и посмотрим, где именно отваливаются люди и что с этим делать. Порядок важен: нет смысла улучшать форму, если до неё не доходят.
Этап 1. Первые пять секунд
За это время человек отвечает себе на три вопроса: что здесь предлагают, мне ли это и можно ли этим доверять. Если хотя бы на первый нет внятного ответа, он закрывает вкладку — и в отчёте это выглядит как отказ.
Что должно быть видно без прокрутки:
- Что вы делаете — конкретно, а не «комплексные решения для вашего бизнеса»;
- Для кого — если работаете с определённым сегментом, скажите это прямо;
- Отличие — одна причина выбрать вас, а не соседнюю вкладку;
- Цена или ориентир — «от 60 000 ₽», «расчёт за 15 минут»;
- Одно действие — заявка, расчёт или звонок. Не пять кнопок сразу;
- Город и телефон — подтверждение, что вы работаете там, где нужно клиенту.
Проверка простая: покажите первый экран человеку не из вашей отрасли на пять секунд и закройте. Пусть скажет, что предлагают и кому. Если не может — переписывать надо заголовок, а не кнопку.
Отдельная ловушка для платного трафика: заголовок первого экрана должен повторять текст объявления. Человек пришёл по «монтажу вентиляции в офисе», а видит «Инженерные системы под ключ» — формально то же самое, ощущение «не туда попал». Подробнее об этом в разборе как не слить бюджет на контексте.
Этап 2. Возражения, которые возникают по дороге
Человек прокручивает страницу и по пути у него появляются вопросы. Если страница на них не отвечает, он уходит искать ответ у конкурента — и там же оставляет заявку.
| Возражение | Чем закрывается | Где на странице |
|---|---|---|
| Сколько это стоит | Цена, диапазон или калькулятор | Первый экран и отдельный блок |
| Вы вообще существуете | Фото команды, адрес, реквизиты, соцсети | Блок о компании |
| Вы это уже делали | Кейсы с цифрами и названиями | После описания услуги |
| Сколько ждать | Сроки по этапам | Блок процесса |
| А если не понравится | Гарантии, условия правок и возврата | Рядом с формой |
| Что будет после заявки | Описание первого шага: «перезвоним, зададим 5 вопросов» | У формы |
Последняя строка недооценена. Человек не нажимает кнопку не потому, что не хочет, а потому что не знает, что произойдёт дальше. Фраза «Перезвоним в течение часа, зададим пять вопросов и назовём вилку цены» снимает тревогу лучше любой скидки.
Этап 3. Доверие
Доверие складывается не из слова «надёжность», а из проверяемых деталей. Работает то, что можно перепроверить:
- конкретные кейсы с цифрами: было — стало — за какой срок;
- отзывы с именем, компанией и ссылкой на профиль, а не «Иван, доволен»;
- фотографии реальных людей и офиса вместо стоковых улыбок;
- реквизиты, ИНН, юридический адрес;
- публикации, сертификаты, членство в отраслевых объединениях — если они настоящие.
И то, что не работает: «более 10 лет на рынке» без подтверждения, «индивидуальный подход», «команда профессионалов», логотипы клиентов без описания, что именно вы для них делали. Эти формулировки стоят на каждом втором сайте и потому не значат ничего. Как собрать доказательства, разобрано в материале про отзывы и репутацию.
Этап 4. Форма
До формы дошли не все, и терять оставшихся особенно обидно. Здесь работают несколько простых правил.
| Решение | Влияние на заявки | Комментарий |
|---|---|---|
| Убрать лишние поля | Заметный рост | Оставить имя и один контакт |
| Убрать поле «отчество» | Рост | Уточняется при разговоре |
| Заменить «Отправить» на действие | Небольшой рост | «Получить расчёт» вместо «Отправить» |
| Показать, что будет дальше | Заметный рост | Снимает главную тревогу |
| Обязательная регистрация | Сильное падение | Почти всегда лишняя |
| Капча | Падение | Заменить скрытым полем-ловушкой |
Отдельно про подтверждение: после отправки человек должен увидеть понятное сообщение о том, что заявка ушла и когда ждать ответа. Страница, которая просто перезагружается, оставляет ощущение, что ничего не произошло, — и человек отправляет заявку ещё раз или уходит.
И техническая мелочь, которая стоит заявок: проверьте, что письма с формы доходят. Ситуация, когда форма работает, а письма падают в спам, встречается чаще, чем кажется, и обнаруживается через недели.
Этап 5. Скорость и мобильные
Больше половины трафика приходит с телефонов, и там всё жёстче: медленная страница закрывается до того, как загрузится. Ориентиры, на которые стоит равняться:
| Показатель | Хорошо | Терпимо | Плохо |
|---|---|---|---|
| Ответ сервера | до 0,2 с | до 0,5 с | больше 1 с |
| Отрисовка основного содержимого | до 2,5 с | до 4 с | больше 4 с |
| Сдвиг вёрстки при загрузке | до 0,1 | до 0,25 | больше 0,25 |
| Вес страницы | до 1,5 МБ | до 3 МБ | больше 3 МБ |
Самые частые причины медленной загрузки — необжатые фотографии на несколько мегабайт и подключённые «на всякий случай» шрифты и скрипты. Подробнее — в материалах про Core Web Vitals и мобильную версию сайта.
Как понять, где именно теряются заявки
Вместо того чтобы гадать, посмотрите на поведение. Три отчёта в Метрике дают почти полную картину за полчаса:
- Карта прокрутки — до какого места доходят. Если до формы доходит 15%, проблема выше формы, и менять её бессмысленно.
- Вебвизор — 10–15 записей сеансов. Видно, где люди останавливаются, что перечитывают, на чём закрывают вкладку.
- Отчёт по формам — сколько начали заполнять и сколько отправили. Большой разрыв означает, что форма отпугивает на середине.
Как настроить эти отчёты, разобрано в материале про аналитику сайта в Метрике.
Гипотеза без данных — это вкусовщина. Полчаса в вебвизоре обычно объясняют больше, чем неделя споров о дизайне.
Разбор одного случая
Компания продаёт монтаж вентиляции, ведёт контекст, платит около 60 000 ₽ в месяц. Кликов много, заявок три-четыре. Что показала проверка.
Карта прокрутки: до формы внизу страницы доходило 11% посетителей. Значит, дело не в форме — до неё просто не добирались.
Вебвизор: люди задерживались на первом экране в среднем 6 секунд и уходили. На первом экране был заголовок «Инженерные системы для вашего бизнеса» и фотография здания. Ни слова о том, что это вентиляция, ни цены, ни города.
Объявления: вели по запросу «вентиляция для кафе» на общую главную страницу.
Что поменяли, по порядку:
- Заголовок первого экрана: «Монтаж вентиляции для кафе и ресторанов в Сочи. Проект и расчёт за 2 дня».
- Добавили ориентир цены: «от 1 800 ₽ за м²» и кнопку «Рассчитать стоимость».
- Сделали отдельную страницу под общепит и направили объявления туда, а не на главную.
- Сократили форму с шести полей до двух: имя и телефон.
- Под формой написали, что будет дальше: «Перезвоним в течение часа, зададим пять вопросов по объекту и назовём вилку цены».
Ни один из этих пунктов не про дизайн. Все они про то, чтобы человек за первые секунды понял, что попал по адресу, и знал, что произойдёт после нажатия кнопки.
Что менять в первую очередь
Если нужно расставить приоритеты, порядок примерно такой — от самого влияющего к наименее:
- Заголовок первого экрана: понятно ли за пять секунд, что и кому предлагают.
- Цена или ориентир по стоимости.
- Соответствие страницы источнику трафика.
- Количество полей в форме и описание следующего шага.
- Доказательства: кейсы с цифрами вместо общих слов.
- Скорость загрузки на мобильном.
- И только потом — цвета, шрифты и анимации.
И проверяйте изменения по одному. Если поменять сразу пять вещей и конверсия вырастет, вы не узнаете, что именно сработало, а значит, не сможете повторить. Как тестировать, чтобы не обманывать себя, — в разборе A/B-тестирования.
Последнее замечание про ожидания. Конверсию страницы имеет смысл сравнивать только с её собственным прошлым показателем на том же источнике трафика. Чужие цифры из статей — не ориентир: лендинг с конверсией 12% по брендовому трафику и лендинг с конверсией 2% по холодному контексту могут приносить одинаковое число заявок, а второй при этом будет выгоднее. Считать надо не проценты, а стоимость заявки и стоимость клиента — об этом есть отдельный разбор юнит-экономики маркетинга.
Частые вопросы
Какая конверсия лендинга считается нормальной?
Универсальной нормы нет: она зависит от источника трафика и цены продукта. Ориентиры для платного трафика: 1–3% для дорогих услуг B2B, 3–7% для массовых услуг, 5–12% для простых действий вроде записи на замер. Сравнивать имеет смысл не с рынком, а со своим прошлым показателем на том же трафике.
С чего начать, если заявок мало?
Не с переделки дизайна. Сначала посмотрите вебвизор и карту прокрутки: до какого места люди доходят и где закрывают вкладку. Обычно проблема видна сразу — либо не доходят до формы, либо доходят и не заполняют. Это два разных диагноза с разным лечением.
Сколько полей должно быть в форме?
Столько, сколько нужно, чтобы обработать заявку, и ни одним больше. Обычно это имя и один способ связи. Каждое дополнительное поле снижает число заполнений; поля вроде «должность» и «сфера деятельности» стоят заявок, а менеджер всё равно уточнит это в разговоре.
Нужно ли писать цену, если она зависит от проекта?
Да, хотя бы диапазон или формулу расчёта — «от 60 000 ₽», «от 1 500 ₽ за м²». Страница без цены теряет и тех, для кого вы дороги (они бы ушли всё равно), и тех, кто не хочет созваниваться ради порядка цифр. Второй группы обычно больше.
