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

Первый экран — то, что видит человек сразу после перехода по объявлению, не прокручивая страницу. От него зависит, останется ли посетитель или нажмёт «назад» и кликнет на конкурента. В аналитике это видно по показателю отказов и глубине просмотра: если половина посетителей из рекламы уходит за первые 15 секунд, проблема почти наверняка на первом экране. Разбираем, какие элементы на нём обязательны, как писать заголовок и как проверить, что экран работает.

Почему первый экран так важен для контекстной рекламы

Человек из поиска приходит с конкретным вопросом и почти без терпения. Он ещё помнит текст объявления и проверяет: попал ли туда, куда обещали? Если заголовок страницы не совпадает с запросом, если не видно цены, если всё занимает огромная картинка с абстрактным слоганом — он уходит, не дав сайту шанса.

У посетителей из РСЯ ситуация другая: они не искали вас специально, их внимание поймал баннер. Здесь первый экран должен быстро объяснить, что за предложение и почему оно интересно, иначе человек вернётся к статье, которую читал.

Для рекламного бюджета это прямые деньги. Каждый отказ — оплаченный клик, который ничего не принёс. Улучшение первого экрана часто снижает отказы на 10–20 процентных пунктов, а это эквивалентно увеличению бюджета без единого лишнего рубля.

Обязательные элементы первого экрана

Хороший первый экран отвечает на четыре вопроса посетителя: «Куда я попал?», «Что мне здесь предлагают?», «Почему это стоит рассмотреть?» и «Что делать дальше?». Для этого нужны:

1. Заголовок — суть предложения на языке клиента.
2. Подзаголовок — уточнение: для кого, на каких условиях, чем отличается.
3. 2–4 ключевые выгоды — короткими пунктами с конкретикой.
4. Целевое действие — кнопка с понятным текстом.
5. Визуал, который показывает продукт или результат.
6. Сигнал доверия — цифра, гарантия, рейтинг или известность бренда.
7. Контакты в шапке: телефон, мессенджер, часы работы, город.

Всё это должно помещаться и на экране ноутбука, и на смартфоне. На мобильном места меньше, поэтому порядок такой: заголовок, подзаголовок, кнопка — а выгоды и визуал могут уйти чуть ниже.

Как написать заголовок первого экрана

Заголовок — самый важный текст на странице. Его прочитают почти все, остальное — меньшинство. Рабочие принципы:

• Называйте продукт прямо. «Натяжные потолки в Москве под ключ», а не «Небо над головой».
• Добавляйте конкретику. Цену «от», срок, условие: «Натяжные потолки от 390 ₽ за м² — монтаж за один день».
• Повторяйте ключевую формулировку запроса. Если человек искал «ремонт стиральных машин на дому», он должен увидеть эти слова.
• Говорите о результате для клиента, а не о компании: не «Мы — лидеры рынка», а «Выведем сайт из-под фильтра за 30 дней».
• Держите длину в разумных пределах — до 10–12 слов. Детали уходят в подзаголовок.

Если рекламируется несколько направлений, используйте подмену заголовка по UTM-меткам или ключевой фразе. Тогда человек по запросу «потолки в ванную» увидит заголовок про ванную, а по запросу «потолки с подсветкой» — про подсветку. Это одна из самых простых доработок с заметным эффектом.

Подзаголовок и выгоды

Подзаголовок дополняет заголовок и снимает главное сомнение. Например: «Работаем по договору, оплата после приёмки. Замер бесплатно в день обращения». Он не должен повторять заголовок другими словами.

Выгоды — это 2–4 коротких пункта, каждый из которых отвечает на важный для клиента критерий выбора. Хорошая выгода конкретна и проверяема:

• не «быстро», а «выезд мастера через 40 минут»;
• не «гарантия качества», а «гарантия 3 года на работу и материалы в договоре»;
• не «доступные цены», а «цена в смете не меняется после начала работ»;
• не «опыт», а «1 200 сданных объектов в Москве и области».

Если выгоды не приходят в голову, вернитесь к вопросам клиентов: о чём спрашивают менеджеров чаще всего? Ответы на эти вопросы и есть выгоды.

Кнопка и целевое действие

На первом экране должно быть одно главное действие. Если рядом три кнопки — «Позвонить», «Рассчитать», «Каталог» — человек тратит силы на выбор. Второстепенные варианты можно оставить в шапке, но визуально выделять одну кнопку.

Текст кнопки описывает, что человек получит, а не что он должен сделать:

• «Отправить» → «Получить расчёт за 5 минут»;
• «Заказать» → «Вызвать замерщика бесплатно»;
• «Подробнее» → «Посмотреть цены и комплектации».

Под кнопкой полезно снять страх: «Без спама, перезвоним один раз» или «Расчёт ни к чему не обязывает». Это маленький текст, но он заметно влияет на конверсию у осторожных посетителей.

Визуал: что показывать на первом экране

Изображение должно работать на понимание, а не на «красоту». Лучшие варианты:

• Продукт крупно — для товаров и готовых решений.
• Результат — готовый интерьер, построенный дом, отремонтированная техника.
• Процесс и люди — реальная команда на объекте, производство.
• Интерфейс — для сервисов и программ.

Чего избегать: стоковых фото людей в костюмах и рукопожатий, слайдеров с автопрокруткой (их почти никто не листает, а первый слайд часто неудачный), тяжёлых видео на фоне, которые замедляют загрузку на мобильном.

Типичные ошибки на первом экране

• Абстрактный слоган вместо описания продукта.
• Огромная картинка, которая выталкивает текст и кнопку за пределы экрана на смартфоне.
• Всплывающее окно через 2 секунды после входа — человек ещё не понял, где он, а его уже просят оставить телефон.
• Баннер о cookie, закрывающий половину мобильного экрана.
• Нет города для локального бизнеса — посетитель не понимает, работаете ли вы в его регионе.
• Несоответствие объявлению: в объявлении обещали цену, а на экране её нет.
• Медленная загрузка: пока первый экран прогружается 5–6 секунд, часть людей уже ушла.

Как проверить, что первый экран работает

Есть несколько способов, от простых к точным:

1. Тест пяти секунд. Покажите экран человеку, не знакомому с бизнесом, на 5 секунд и спросите: что здесь продают, кому и что нужно сделать? Если не может ответить — экран не работает.
2. Вебвизор в Метрике. Посмотрите 20–30 записей визитов из рекламы, особенно коротких. Куда смотрят, где останавливаются, когда уходят.
3. Карта скроллинга. Показывает, какая доля посетителей прокручивает ниже первого экрана. Если меньше половины — первый экран не мотивирует читать дальше.
4. Отказы по сегментам. Сравните отказы по устройствам, кампаниям и ключевым фразам. Высокие отказы только на мобильных указывают на вёрстку, только по отдельным фразам — на несоответствие запросу.
5. A/B-тест. Запустите два варианта заголовка или оффера и сравните конверсию на достаточном объёме трафика.

Чек-лист первого экрана

• Заголовок прямо называет продукт и содержит конкретику.
• Формулировка совпадает с запросом и объявлением.
• Подзаголовок снимает главное сомнение.
• Есть 2–4 проверяемые выгоды.
• Одна заметная кнопка с понятным текстом.
• Видны контакты и город.
• Визуал показывает продукт или результат.
• На смартфоне заголовок и кнопка видны без прокрутки.
• Экран загружается быстрее 2–3 секунд.
• Нет всплывающих окон в первые секунды.

Если хотите получить взгляд со стороны, закажите аудит рекламного кабинета — мы проверяем не только настройки кампаний, но и посадочные страницы, на которые идёт трафик, и даём конкретные рекомендации по первому экрану.