Хорошо оптимизированная целевая страница конвертируется в 2–5 раз лучше, чем обычная страница.
Целевые страницы специально созданы для конверсии. В отличие от обычных страниц веб-сайта, которые служат нескольким целям, целевые страницы преследуют единственную цель: заставить посетителей совершить определенное действие. По данным Unbounce, средний коэффициент конверсии целевой страницы по отраслям составляет 4,0%, а у лучших компаний этот показатель достигает 11,5%+. Каждый элемент на целевой странице либо поддерживает, либо отвлекает от цели конверсии. Успешные целевые страницы устраняют отвлекающую навигацию, фокусируют сообщения на одном ценностном предложении и направляют посетителей к четкому призыву к действию.
В x13apps мы разрабатываем целевые страницы, которые превращают посетителей в клиентов. Вот наша структура оптимизации.
Анатомия целевой страницы с высокой конверсией
Содержимое верхней части страницы определяет, останутся ли посетители на сайте или уйдут. У вас есть 3–5 секунд, чтобы сообщить: что вы предлагаете, почему это важно для посетителя и что ему следует делать дальше. Главный раздел должен содержать: привлекательный заголовок (основное ценностное предложение, 10–20 слов), вспомогательный подзаголовок (расширяющий значение, 15–30 слов), главное изображение или видео (демонстрирующее продукт или выгоду) и основную кнопку с призывом к действию (ориентированную на действие, высокий контраст). Удалите навигационные меню с целевых страниц — согласно исследованию VWO, они увеличивают показатель отказов на 30%.
Ниже сгиба обеспечьте постепенное раскрытие информации. Раздел социальных доказательств: логотипы клиентов, отзывы, результаты тематических исследований, рейтинги обзоров. Раздел «Функции и преимущества»: сосредоточьтесь на преимуществах (что получают пользователи), а не на функциях (что делает продукт). Используйте структуру FAB: особенность (что это такое), преимущество (почему это важно), выгода (что получает пользователь). Раздел «Разрешение возражений»: ответьте на распространенные опасения по поводу цены, сложности, обязательств и рисков. Включите раздел часто задаваемых вопросов, посвященный конкретным сомнениям при покупке. Заключительный раздел призыва к действию: еще раз сформулируйте ценностное предложение и еще раз представьте основное действие-конверсию.
Визуальная иерархия и психология дизайна
Направляйте взгляд через намеренную визуальную иерархию. Самый важный элемент должен быть наиболее заметным визуально. Используйте: размер (более крупные элементы привлекают внимание в первую очередь), цвет (выделяются высококонтрастные призывы к действию), пустое пространство (изолирующие элементы увеличивают фокус) и подсказки направления (стрелки, взгляд, линии, указывающие на призывы к действию). Исследования айтрекинга показывают, что пользователи просматривают страницы по F-образцу или Z-образцу в зависимости от плотности контента. Создавайте макеты, которые соответствуют естественным шаблонам сканирования, а не борются с ними.
Психология цвета влияет на конверсионное поведение. В призывах к действию должны использоваться контрастные цвета, которые выделяются на странице. Оранжевые и зеленые кнопки обычно работают хорошо, потому что они предполагают действие и позитив соответственно. Красный подойдет для предложений, ориентированных на срочность, но может вызвать осторожность. Тестируйте цвета призыва к действию, а не предполагайте. Цвета доверия (синий) хорошо подходят для целевых страниц, посвященных финансам и здравоохранению. Теплые цвета (оранжевый, красный) подходят для импульсивных покупок. Конкретный цвет имеет меньшее значение, чем контраст с окружающими элементами страницы.
Оптимизация мобильной целевой страницы
По данным Google, более 60% трафика целевой страницы поступает с мобильных устройств. Мобильные целевые страницы должны отдавать приоритет контенту, расположенному над сгибом, даже больше, чем настольному компьютеру. Сгиб на мобильном телефоне намного меньше. Заголовок, ценностное предложение и призыв к действию должны помещаться в исходную область просмотра. Используйте призывы к действию для мобильных устройств: кнопки вызова, значки магазина приложений и ссылки для отправки сообщения. Формы на мобильных устройствах должны быть минимальными: максимум 2–3 поля. Используйте типы ввода, оптимизированные для мобильных устройств: цифровая клавиатура для полей телефона, клавиатура электронной почты для полей электронной почты. Тестируйте на реальных устройствах: то, что выглядит просторным на настольном мониторе, на 5,8-дюймовом экране кажется тесным.
Скорость загрузки имеет решающее значение для мобильных целевых страниц. По данным Google, 53% мобильных пользователей покидают страницы, загрузка которых занимает более 3 секунд. По данным Deloitte, каждая секунда улучшения времени загрузки мобильных устройств увеличивает конверсию до 20%. В x13apps мы создаем целевые страницы, которые загружаются мгновенно и одинаково конвертируются на всех устройствах. Подробнее читайте в нашемРуководство по основам CRO.