Чеклист: Запуск посадочной страницы (Лендинга)

Чеклист: Запуск посадочной страницы (Лендинга)

1. Когда использовать

Чеклист применяется за 48 часов до запуска платного трафика (Яндекс Директ, VK Реклама, посевы в Telegram) или рассылки на новую посадочную страницу. Инструмент предназначен для продакт-менеджеров, маркетологов и веб-мастеров, чтобы исключить слив бюджета из-за технических ошибок, неработающих форм или юридических уязвимостей. Не используйте этот чеклист для многостраничных корпоративных сайтов — для них требуется аудит архитектуры и сквозной навигации.

2. Уровни критичности

Каждому пункту присвоен уровень критичности.

• Критично (К): При невыполнении хотя бы одного пункта запуск трафика строго запрещен. Ошибка ведет к потере лидов, штрафам или неработоспособности сайта (например, сломана форма заявки, нет согласия на обработку ПД).
• Важно (В): Ошибки снижают конверсию и усложняют аналитику (например, не настроены цели в Метрике, едет верстка на популярных устройствах). Запуск возможен только с явного одобрения руководителя направления.
• Желательно (Ж): Влияет на эстетику и микроконверсии. Допустимо дорабатывать после старта кампании (например, отсутствие favicon, неидеальная анимация).

3. Список пунктов

Каждый пункт предполагает ответ «Да» или «Нет», указание владельца задачи (кто исправляет), доказательства выполнения (скриншот, ссылка на тест) и дедлайна.

Блок 1. Контент и оффер

1. [К] Главный экран (первый скролл) содержит понятный оффер (заголовок по 4U или аналогичной модели).
2. [К] Присутствует четкий и заметный призыв к действию (CTA) на главном экране.
3. [В] Заголовки (H1-H6) соблюдают иерархию, H1 на странице только один.
4. [К] Контактные данные (телефон, email, адрес) актуальны, телефон кликабелен (tel:).
5. [В] Текст не содержит орфографических и синтаксических ошибок (проверено через сервисы орфографии, Главред).
6. [Ж] Указаны цены или прозрачный алгоритм их расчета (калькулятор, прайс-лист).
7. [К] На странице есть блок доверия: отзывы реальных клиентов (с именами/ссылками на соцсети, например, ВКонтакте) или кейсы.
8. [В] Используемые изображения и видео соответствуют тематике и не выглядят как стоковые фото десятилетней давности.
9. [Ж] Тексты разбиты на абзацы не более 4-5 строк, используются маркированные списки.
10. [В] Смысловые блоки логически продолжают друг друга, ведя пользователя к целевому действию.

Блок 2. Дизайн и визуальная часть

11. [В] Фирменные цвета и шрифты соответствуют брендбуку компании.
12. [В] Контрастность текста и фона достаточна для комфортного чтения (базовая проверка по WCAG).
13. [К] Кнопки CTA визуально выделяются на фоне остального контента и выглядят кликабельными.
14. [Ж] Добавлен favicon в форматах .ico, .png, .svg.
15. [В] Иконки выполнены в едином стиле и одной толщине линий.
16. [В] Изображения оптимизированы (рекомендуется формат WebP) и не имеют артефактов сжатия.
17. [Ж] Присутствует страница 404 в стилистике лендинга (если пользователь перейдет по неверной ссылке).
18. [В] Элементы при наведении (hover) изменяют свое состояние (кнопки, ссылки).

Блок 3. Верстка и техническая реализация

19. [К] Страница корректно отображается в последних версиях популярных браузеров: Chrome, Safari, Яндекс Браузер.
20. [К] Нет горизонтальной прокрутки на десктопных разрешениях (от 1024px до 1920px).
21. [В] Отсутствуют битые ссылки (все анкоры ведут на правильные блоки, внешние ссылки открываются).
22. [В] Внешние ссылки открываются в новой вкладке (target="_blank").
23. [Ж] Используется семантическая верстка HTML5 (<header>, <section>, <footer>).
24. [К] SSL-сертификат (HTTPS) установлен и работает корректно. Без него рекламные сети отклонят кампанию.
25. [В] Подключен файл robots.txt с корректными директивами (страница открыта для индексации или закрыта, если это приватный оффер).
26. [В] Сгенерирована и подключена карта сайта sitemap.xml (если лендинг на поддомене).
27. [К] В коде отсутствуют тестовые скрипты и отладочные консольные логи, которые могут тормозить страницу.

Блок 4. Мобильная версия (Адаптив)

28. [К] Корректное отображение на разрешениях от 320px ширины.
29. [К] Отсутствует горизонтальная прокрутка на смартфонах.
30. [К] Размер шрифта основного текста не менее 16px для комфортного чтения с экрана телефона.
31. [К] Кнопки CTA и ссылки достаточно крупные для нажатия пальцем (рекомендуемый размер не менее 44x44px).
32. [В] Расстояние между кликабельными элементами исключает случайные нажатия соседних кнопок.
33. [В] Мобильное меню открывается, закрывается по крестику и при клике вне активной области.
34. [Ж] Отключено автовоспроизведение тяжелых видео на мобильных устройствах для экономии трафика пользователя.
35. [В] Телефонные номера кликабельны и сразу вызывают приложение для звонка.
36. [К] Все всплывающие окна (pop-ups) помещаются в экран смартфона и имеют доступную кнопку закрытия.

Блок 5. Формы заявок и лидогенерация

37. [К] Все поля форм корректно переведены на русский язык (отсутствуют placeholder’ы на английском из шаблонов).
38. [К] Поля “Имя” и “Телефон” обязательны для заполнения (в зависимости от логики квалификации лидов).
39. [К] Настроен жесткий валидатор для номера телефона (маска ввода +7 (999) 999-99-99), исключающий отправку букв.
40. [В] Количество полей минимизировано (удалены поля, не являющиеся критичными для первой связи).
41. [К] Форма выдает понятное сообщение об ошибке, если обязательное поле не заполнено.
42. [К] После успешной отправки пользователь перенаправляется на страницу благодарности (Thank You Page) или видит четкое сообщение об успехе.
43. [В] Кнопка отправки блокируется (меняет состояние) после первого клика для защиты от дублей заявок.
44. [К] Отправка формы работает во всех популярных браузерах (особое внимание Safari на iOS).

Блок 6. Интеграция, аналитика и CRM

45. [К] Установлен счетчик Яндекс Метрики (код счетчика не дублируется на странице).
46. [В] Включена функция Вебвизора в Яндекс Метрике.
47. [К] Настроены цели в Метрике на все формы отправки заявок (отслеживание факта успешной отправки, а не клика по кнопке).
48. [В] Настроены цели на клики по email, номеру телефона, переходам в мессенджеры (Telegram, WhatsApp).
49. [К] Заявка с лендинга мгновенно поступает в amoCRM, Битрикс24 или внутреннюю систему учета лидов.
50. [К] В CRM корректно передаются UTM-метки (utm_source, utm_medium, utm_campaign, utm_content, utm_term) из URL.
51. [В] В карточку лида передается название формы (чтобы отдел продаж понимал, на какой оффер отреагировал клиент).
52. [К] В случае сбоя интеграции с CRM, заявки дублируются на резервный email или в Telegram-бота.
53. [Ж] Установлен пиксель VK Рекламы (если планируется ретаргетинг в сетях ВК).
54. [Ж] Установлен скрипт коллтрекинга и сквозной аналитики (Roistat, Calltouch), подмена номеров работает корректно.

Блок 7. Юридическая часть (152-ФЗ и маркировка рекламы)

55. [К] В каждой форме заявки присутствует текст о согласии на обработку персональных данных.
56. [К] Если используется чекбокс согласия, он НЕ проставлен по умолчанию (актуальное требование Роскомнадзора).
57. [К] В форме есть активная ссылка на страницу с политикой конфиденциальности.
58. [К] Страница политики конфиденциальности открывается, заполнена актуальными реквизитами вашей компании.
59. [К] В подвале (footer) указаны актуальные реквизиты юридического лица (ООО/ИП, ИНН, ОГРН).
60. [В] Размещено предупреждение об использовании файлов cookie (cookie-баннер).
61. [К] В подвале или на видном месте размещена ссылка на пользовательское соглашение или договор оферты (если лендинг предполагает прием платежей онлайн).
62. [К] Если на лендинге присутствует реклама сторонних продуктов или форматов, подпадающих под маркировку, добавлены токены (erid) и пометки “Реклама, ИНН рекламодателя” (закон о рекламе РФ).

Блок 8. Скорость загрузки и техническое SEO

63. [В] Скорость загрузки по Google PageSpeed Insights находится в зеленой или желтой зоне.
64. [К] Видимая часть (первый экран) загружается не дольше 3 секунд на стандартном мобильном соединении.
65. [В] Тяжелые изображения загружаются с использованием атрибута отложенной загрузки (loading="lazy").
66. [В] Прописан уникальный тег <title>, отражающий суть предложения.
67. [В] Прописан мета-тег <meta name="description"> с кратким изложением оффера.
68. [Ж] Настроены Open Graph теги (og:title, og:description, og:image) для формирования корректного превью при публикации ссылки в Telegram или ВКонтакте.
69. [Ж] Минимизированы файлы CSS и JavaScript.
70. [Ж] Настроен серверный кэшинг статических ресурсов для ускорения повторной загрузки.

4. Итоговое решение

После прохождения чеклиста ответственный сотрудник принимает одно из решений:

• Запускать: Выполнены все пункты с пометкой [К] и [В]. Допустимо наличие невыполненных пунктов со статусом [Ж].
• С ограничениями: Выполнены все пункты [К], но есть единичные пропуски по [В]. Трафик запускается на тестовых бюджетах для сбора первичной статистики, параллельно команда устраняет долги по пунктам [В].
• Не запускать: Не выполнен хотя бы один пункт со статусом [К]. Запуск категорически запрещен ввиду прямого риска потери маркетингового бюджета или юридических санкций.
• На доработку: Обнаружены системные проблемы в верстке, логике работы форм или интеграции с CRM. Страница возвращается в отдел разработки.

5. Связанные плейбуки и шаблоны

• Шаблон Политики конфиденциальности и согласия на обработку ПД (соответствие ФЗ-152, редакция 2024 года).
• Плейбук: Настройка и верификация целей в Яндекс Метрике.
• Плейбук: Стандарты UTM-разметки для платных каналов трафика.
• Регламент: Интеграция посадочных страниц с CRM-системами.