Подготовка посадочной под Директ включает 8 обязательных шагов: настройка целей в Метрике, установка счётчика, проверка загрузки на мобильных, тестирование форм, создание благодарственной страницы, настройка телефонных целей, проверка SSL и скорости загрузки. Без этого получите дорогие клики без заявок.
За несколько лет ведения кабинетов вижу одну закономерность: красивый дизайн не гарантирует конверсию, а правильная настройка аналитики и тестирование форм - да. Рассказываю пошагово, как готовлю посадочные перед запуском рекламы.
Настройка целей в Яндекс.Метрике
Первый шаг - создать цели под конкретные действия пользователей. Иду в Метрику, раздел «Настройки» → «Цели» → «Добавить цель».
Обязательные цели для любой посадочной:
1. Отправка формы заявки
Тип: «JavaScript-событие»
Идентификатор: form_submit (или как называется у вас)
Условие: Любое значение
Программисту говорю добавить код отправки события при успешной отправке формы. Цель срабатывает только после реальной отправки, а не при клике на кнопку.
2. Клик по телефону
Тип: «JavaScript-событие»
Идентификатор: phone_click
Условие: Любое значение
Цель «Клик по любой ссылке» с телефонными номерами не использую - туда попадает до 99% ботов. Только события по конкретным номерам дают чистую статистику.
3. Просмотр благодарственной страницы
Тип: «Посещение страниц»
URL содержит: /thanks/ или /spasibo/
Условие: Содержит
Эта цель дублирует первую, но работает как резервная, если JavaScript-события не срабатывают.
Каждую цель проверяю в режиме реального времени после создания - отправляю тестовую заявку и смотрю, засчиталась ли конверсия в отчёте «Источники» → «Сводка».
Установка и проверка счётчика Метрики
Код счётчика должен стоять в <head> на всех страницах посадочной. Проверяю через расширение «Яндекс.Метрика Debugger» или в панели разработчика браузера.
Что проверяю обязательно:
1. Счётчик загружается на всех страницах воронки
2. Нет дублирования кода (иначе завышенная статистика)
3. Вебвизор включён в настройках
4. Карты кликов активны
В настройках счётчика включаю опции:
- Вебвизор (для анализа поведения пользователей)
- Карта кликов
- Отслеживание хеш-изменений (если сайт на JavaScript)
- Точность определения отказов
Данные в Метрике появляются через 15-30 минут после установки. До запуска рекламы жду сутки для накопления базовой статистики по органическому трафику.
Тестирование форм и воронки заявок
Проверяю каждый шаг пути пользователя от клика по объявлению до получения заявки в CRM.
Тестирование формы заявки:
1. Заполняю все поля корректными данными
2. Проверяю отправку с пустыми полями (должна быть валидация)
3. Ввожу некорректный email/телефон
4. Тестирую отправку с мобильного устройства
5. Проверяю работу капчи (если есть)
Форма должна отправляться максимум в 2 клика. Если нужно заполнить больше 3-4 полей, конверсия падает в разы. На практике лучше работают формы с полями «Имя», «Телефон» и опциональным комментарием.
Проверка получения заявок:
После отправки тестовой заявки проверяю:
- Пришло ли письмо на email менеджера
- Создалась ли заявка в CRM
- Сработало ли уведомление в Telegram/VK
- Перенаправился ли пользователь на страницу благодарности
- Засчиталась ли цель в Метрике
Если хоть одно звено не работает, теряете заявки или не сможете считать эффективность рекламы.
Создание и настройка страницы благодарности
Благодарственная страница решает три задачи: подтверждает получение заявки, настраивает на следующий шаг и служит целью для отслеживания конверсий.
Обязательные элементы страницы /thanks/:
- Заголовок «Заявка отправлена» или «Спасибо за обращение»
- Информация о сроках обработки заявки
- Контакты для срочной связи
- Кнопка возврата на главную страницу
Дополнительно размещаю:
- Ссылки на соцсети компании
- Полезный контент по теме (чек-лист, гайд)
- Предложение записаться на консультацию
URL благодарственной страницы делаю понятным: /spasibo/, /thanks/, /thank-you/. Избегаю параметров вида /?success=1 - они могут не отследиться корректно.
В настройках сайта запрещаю индексацию страницы благодарности через robots.txt или метатег noindex. Эта страница не должна попадать в поиск.
Настройка отслеживания телефонных звонков
Звонки с сайта могут составлять 30-50% всех обращений. Их обязательно нужно отслеживать как отдельную цель.
Настройка через JavaScript-события:
Прошу программиста добавить код отслеживания на все телефонные ссылки:
<a href='tel:+74956789012' onclick='ym(НОМЕР_СЧЁТЧИКА,"reachGoal","phone_click")'>+7 (495) 678-90-12</a>
Событие срабатывает при клике по номеру телефона и передаётся в цель «phone_click» в Метрике.
Альтернатива - динамическая подстановка номеров:
Для точного отслеживания звонков использую сервисы типа Calltouch или встроенные решения CRM. Они подставляют уникальные номера для каждого источника трафика.
Настройка в Calltouch:
1. Создаю проект и получаю код отслеживания
2. Устанавливаю код на сайт
3. Добавляю номера в пул для подстановки
4. Настраиваю передачу целей в Метрику через webhook
Минус подстановки номеров - дополнительные расходы от 3000 рублей в месяц. Для небольших бюджетов достаточно отслеживания кликов по телефону.
Проверка SSL-сертификата и безопасности
Сайт без SSL-сертификата теряет доверие пользователей и хуже ранжируется. Браузеры показывают предупреждение «Соединение не защищено», что снижает конверсию.
Проверяю SSL через инструменты:
- SSL Labs (https://www.ssllabs.com/ssltest/) - комплексная проверка
- SSL Checker - быстрая диагностика
- Браузер - смотрю на замок в адресной строке
Частые проблемы с SSL:
- Смешанный контент (HTTP-ресурсы на HTTPS-странице)
- Истёкший сертификат
- Неправильная настройка редиректов с HTTP на HTTPS
- Отсутствие сертификата для поддоменов
Проверяю редирект: при вводе адреса без https:// должно происходить автоматическое перенаправление на защищённую версию. Иначе часть трафика попадёт на небезопасную страницу.
В Яндекс.Метрике меняю основное зеркало сайта на HTTPS-версию в разделе «Настройки» → «Фильтры» → «Основное зеркало».
Оптимизация скорости загрузки страницы
Медленная загрузка убивает конверсию. Пользователи уходят, не дождавшись контента, а вы платите за пустые клики.
Инструменты для проверки скорости:
- PageSpeed Insights от Google
- GTmetrix
- Яндекс.Радар (https://radar.yandex.ru/)
- WebPageTest
Проверяю загрузку для мобильных и десктопа отдельно. Мобильная версия критичнее - с телефонов приходит 60-70% трафика по Директу.
Основные факторы оптимизации:
1. Сжатие изображений - использую WebP формат, сжимаю через TinyPNG
2. Минификация CSS/JS - убираю лишние пробелы и комментарии
3. Кэширование - настраиваю через .htaccess или плагины
4. CDN - подключаю для статических файлов
5. Отложенная загрузка - изображения подгружаются при скролле
Целевые показатели скорости:
- Мобильная версия: до 3 секунд
- Десктопная версия: до 2 секунд
- First Contentful Paint: до 1.5 секунд
Если PageSpeed Insights показывает оценку ниже 70 для мобильной версии, оптимизирую в приоритетном порядке.
Адаптация под мобильные устройства
Проверяю корректность отображения посадочной на разных экранах. Использую инструменты разработчика в Chrome (F12 → Toggle device toolbar) и реальные устройства.
Ключевые элементы для проверки:
- Читаемость текста без масштабирования
- Размер кнопок (минимум 44px для касания пальцем)
- Корректность работы форм
- Отсутствие горизонтального скролла
- Скорость загрузки на 3G-соединении
Обязательно тестирую на iOS Safari и Android Chrome - самых популярных мобильных браузерах. Особое внимание уделяю:
- Полям ввода телефона (должна открываться цифровая клавиатура)
- Кликабельности телефонных номеров
- Работе всплывающих окон
- Отображению кнопки «Позвонить»
Мета-тег viewport обязательно должен быть настроен:
<meta name='viewport' content='width=device-width, initial-scale=1'>
Без него страница будет масштабироваться некорректно на мобильных устройствах.
Настройка передачи данных в CRM
Связываю заявки с сайта с системой управления клиентами для контроля всей воронки продаж.
Способы интеграции:
1. Webhook - форма отправляет данные напрямую в CRM через API
2. Email-парсинг - CRM забирает заявки из почты
3. Готовые интеграции - через сервисы типа Zapier или встроенные коннекторы
При настройке webhook указываю:
- URL эндпоинта CRM для приёма заявок
- Поля для передачи: имя, телефон, email, комментарий, источник
- Метод запроса (обычно POST)
- Формат данных (JSON или form-data)
Обязательно добавляю скрытое поле с источником трафика. В Директе это помогает определить, с какой кампании пришла заявка.
Пример скрытого поля:
<input type='hidden' name='source' value='yandex_direct'>
<input type='hidden' name='campaign' value=''>
Значение кампании подставляется через UTM-метки из рекламных объявлений.
Тестирование интеграции:
1. Отправляю тестовую заявку
2. Проверяю создание лида в CRM
3. Сверяю все переданные поля
4. Убеждаюсь, что указан корректный источник
Настраиваю уведомления менеджерам о новых заявках через Telegram или email. Быстрая реакция на обращения повышает конверсию в продажи.
Создание резервных каналов связи
Кроме основной формы размещаю дополнительные способы связи. Это снижает зависимость от одного канала и увеличивает общую конверсию.
Обязательные каналы для РФ:
- Telegram (кнопка с прямой ссылкой на бота или чат)
- VK (ссылка на сообщения сообщества)
- Телефон (кликабельный номер)
- Форма обратного звонка
WhatsApp и Viber не использую - после блокировки Meta их популярность в России сильно упала.
Настройка Telegram-бота для заявок:
Создаю бота через @BotFather, программирую простой сценарий:
1. Приветствие при старте
2. Сбор контактных данных
3. Уточнение потребности
4. Передача заявки менеджеру
5. Автоответ с временем обработки
Ссылку на бота размещаю как кнопку «Написать в Telegram» рядом с основной формой.
Для VK создаю сообщество, включаю сообщения и настраиваю автоответы через бота сообщества. Ссылка формата: https://vk.me/название_сообщества
Финальная проверка перед запуском
Прохожу чек-лист из 12 пунктов за день до включения рекламы:
✓ Метрика установлена, цели созданы и тестируются
✓ Все формы работают и отправляют заявки
✓ Страница благодарности настроена
✓ SSL-сертификат активен
✓ Мобильная версия корректно отображается
✓ Скорость загрузки менее 3 секунд
✓ Телефонные номера кликабельны
✓ CRM получает заявки с правильными данными
✓ Менеджеры получают уведомления о заявках
✓ Резервные каналы связи работают
✓ Контент соответствует будущим объявлениям
✓ Нет технических ошибок 404/500
Дополнительно проверяю соответствие посадочной требованиям модерации Яндекса согласно официальной документации. Сайт не должен содержать запрещённые товары, услуги или вводящую в заблуждение информацию.
После прохождения чек-листа посадочная готова к приёму платного трафика из Директа.
