Разбор возможных проблем на разных этапах: от структуры до привлечения трафика
Лендинг — актуальный и действенный инструмент продвижения бизнеса в интернете. Но проблемы с текстом, дизайном или технической частью могут серьезно повлиять на посещаемость и конверсию.
В статье разбираем ошибки, которые могут возникнуть на разных этапах создания лендинга:
Лендинг так или иначе ведет посетителя по воронке продаж. Чтобы получить высокую конверсию, необходим минимальный маркетинговый анализ — хотя бы анализ конкурентов и целевой аудитории.
В результате важно:
Сформулировать УТП — ценность, продукта для клиентов, которая выделяет его на фоне конкурентов.
Составить портрет клиента, включить туда боли и потребности, с которыми может помочь ваш продукт.
Выделить триггеры, которыми вы будете подталкивать пользователей к совершению целевого действия. Это могут быть, например, ограничение по времени или социальные доказательства.
Идея в первую очередь задизайнить сайт, а потом быстро добавить тексты может показаться заманчивой. Ведь тексты так просто встроить в готовый дизайн.
Но в реальности это не работает. Если сначала заниматься дизайном, то некоторые блоки текста могут не вместиться. Или, наоборот, текста окажется мало и придется «лить воду». Так до читателя не получится донести ценность продукта. Лендинг не сработает.
К тому же продает текст — именно в нем отрабатываются боли клиентов. Дизайн выполняет больше вспомогательную, ориентирующую функцию.
Поэтому: сначала тексты — потом дизайн.
А если подробнее: текст в тезисах → макет сайта → тексты полностью → конечный дизайн.
Как правило, у лендинга есть четкая структура:
Первый экран с оффером — чтобы заинтересовать пользователя и побудить узнать о продукте больше.
Описание продукта — объяснить, как продукт может быть полезен пользователю.
Выгоды для аудитории — рассказать, как улучшится жизнь клиента после покупки.
Социальные доказательства — убедить, что продукт уже улучшил жизнь других людей.
Стоимость и призыв к действию — побудить к совершению целевого действия.
Ответы на частые вопросы — отработать возражения.
Контакты — показать, что компания на связи.
Дополнительная лид-форма — для сбора контактов в конце страницы.
Если поменять эти блоки местами или упустить, пользователю будет сложно ориентироваться. Возможно, он вообще не поймет, что ему предлагают. И вместо того, чтобы разбираться, уйдет к конкурентам. Поэтому старайтесь использовать классическую структуру.
Creative Manager of WIM.Agency
В форме заявки нужно настроить маску (шаблон заполнения) для номера телефона и почты (если нестандартные номера и почты, можно без масок).
Также должны быть обязательные поля для заполнения, без которых заявка не отправится — чтобы не падали лиды без пропусков данных.
Но много обязательных полей лучше не делать. Следует собирать только самое необходимое, так как длинная форма режет конверсию.
Чтобы зацепить целевую аудиторию, важно понять, чем она живет. Как люди общаются друг с другом, куда ходят, что смотрят, чем интересуются, что их раздражает, а что они любят.
Так получится создать максимально вовлекающий текст, который захватит человека и мотивирует нажать заветную кнопку.
Для создания такого текста можно использовать портрет клиента. А если компания известная и для нее это не первый продукт, достаточно придерживаться своего tone of voice.
В любом случае главное — писать по-человечески. То есть понятным языком, честно и с упором на пользу для клиента. Это касается и сферы B2B, ведь там решение о покупке тоже принимают люди.
Пара говорящих фактов:
Поэтому если первый экран окажется непонятным или скучным, человек быстро покинет лендинг. Тогда потрясающее предложение на втором экране и огромная скидка на пятом вряд ли что-то изменят.
Чтобы первый экран получился эффективным:
Включите в него заголовок (название продукта), оффер (выгоды для покупателя) и призыв к действию (кнопка или форма с кнопкой). Добавьте подходящее визуальное оформление. Это базовые элементы, для первого экрана их обычно достаточно.
Проверьте, чтобы первый экран выполнял свои задачи: коротко представлял продукт и мотивировал читать дальше.
Можно сказать, что первый экран — это выжимка из всего сайта, лендинг в миниатюре. Он должен получиться по-настоящему сильным.
Если на первом экране нет призыва к действию, эффективность лендинга будет ниже. Таким образом можно упустить горячую аудиторию, которая готова купить сразу.
Но поставить CTA на первый экран — мало. Важно сделать его:
У лендинга одна главная задача — побудить человека совершить одно целевое действие. Например, оставить контакты. И если будет много разных CTA, пользователь растеряется и, возможно, не выполнит ни одно действие.
Разные CTA — нормальная ситуация для многостраничного сайта, но в лендинге лучше оставить один или два связанных призыва к действию.
Если очень нужно попросить человека о чем-то еще, сделайте это в подвале. Например, там можно разместить призыв подписаться на соцсети.
Перед публикацией лендинга (и тем более перед запуском рекламы) важно проверить, как долго сайт загружается.
Согласно исследованиям, если скорость загрузки увеличивается с 1 секунды до 3, треть аудитории уже не хочет ждать и уходит. А оптимальный показатель загрузки сайта — до 2 секунд.
Поэтому:
Многие пользователи переходят на лендинг с телефона или планшета, а не с компьютера. Некоторые посетители пользуются редкими моделями устройств, телефонами с нестандартными экранами или нетипичными браузерами. Поэтому важно сделать лендинг адаптивным, чтобы он корректно отображался на всех устройствах.
Перед публикацией обязательно проверьте лендинг на адаптивность. Это можно сделать в обычном Google Chrome, есть и другие инструменты. Если найдете проблемы с отображением лендинга, обратитесь к специалистам.
Creative Manager of WIM.Agency
Недостаточно проверять адаптивность только перед публикацией — лучше дизайнить сразу под разные устройства, иначе потом с версткой будут проблемы. Как минимум заранее отрисуйте десктопную и мобильную версии.
Для всех разрешений экранов можно не рисовать, но для ключевых (наиболее частых) — нужно. Ну и в целом этапу тестирования стоит уделить время: проверить весь сайт, его механики, отправку форм.
Дизайн лендинга нужен не только красоты. У него есть несколько функций:
Все это ведет к одному — побудить человека выполнить целевое действие. И если дизайн перекрывает текст, лендинг работает хуже.
В погоне за крутым дизайном можно «перекреативить» и сделать сайт аляповатым, непонятным. Из-за сложного дизайна сайт также может дольше загружаться. Поэтому в лендинге лучше делать упор на текст и стремиться к спокойному дизайну — не использовать необычные шрифты, обилие ярких цветов и блоков.
Задача лендинга — не просто подтолкнуть человека к целевому действию, а подтолкнуть быстро. Да и посвящен лендинг обычно одному продукту. Поэтому лендинги обычно делают короткими — не больше 10 экранов, при этом на каждом экране тоже немного информации.
И если перегрузить лендинг, пользователь отвлечется от сути, выгоды продукта запомнятся хуже — в общем, покупать уже не захочется. Поэтому если какие-то экраны или элементы экрана не относятся к делу, их лучше убирать.
Постарайтесь избегать:
Повторений. Это касается и отдельных слов, и целых абзацев.
Элементов, которые не помещаются на экран. Не нужно размещать на одном экране все 20 сертификатов качества и описывать каждый — лучше сделать галерею фото.
Подробностей. Например, не стоит подробно расписывать историю компании — лучше взять главные тезисы и поместить на один экран.
Creative Manager of WIM.Agency
Но нельзя забывать о юридической информации на сайте.
Политика обработки персональных данных и согласие на обработку ПД в форме заявки должны быть согласно закону о защите ПД. Иначе могут быть штрафы.
Согласие от пользователя на получение рекламных коммуникаций идёт отдельным пунктом, который пользователь может принять или не принять. Не делайте его обязательным.
Люди не вчитываются в текст лендинга, а «сканируют» его глазами. На каждый экран уходит буквально несколько секунд.
Поэтому важно сделать так, чтобы информация доходила до пользователя моментально. Текст должен быть бойким и понятным.
Для этого из него нужно убрать:
Чтобы сделать текст структурированным:
Можно использовать специальные сервисы для проверки и улучшения текста. Или сразу обращаться к опытным копирайтерам и редакторам.
Согласно опросу Netpeak, 38 % читают минимум 5 отзывов, чтобы принять решение о покупке. И неудивительно: человек хочет убедиться, что компании можно доверять, а большинство вряд ли ошибается.
Так работает социальное доказательство — психологический эффект, согласно которому люди в момент сложного выбора ориентируются на мнение других.
В лендинге социальное доказательство помогает также отстроиться от конкурентов. При прочих равных человек выберет средненький продукт А, у которого много отзывов, а не продукт B, который превосходит продукт А, но почти не имеет отзывов.
На посадочную страницу можно добавить одно или несколько социальных доказательств:
Главное — не обманывать. Ненастоящие отзывы или выдуманные кейсы рано или поздно кто-то вычислит, и репутация компании серьезно пострадает.
Creative Manager of WIM.Agency
К отзывам клиентов можно добавить логотипы — или даже разместить их бегущей строкой на первый экран (опционально). Логотипы известных брендов повышают трастовость сайта.
Сами по себе люди не придут на лендинг — их нужно туда направить. Пользователи могут узнавать о лендинге из:
Также можно использовать бесплатные варианты привлечения посетителей на сайт. И хотя одностраничный сайт не очень подходит для SEO, она точно поможет привлечь больше посетителей. Вот советы по оптимизации из другой статьи нашего блога, посвященной продвижению лендингов:
Creative Manager of WIM.Agency
Важно подключить аналитику (желательно и Google Analytics, и Яндекс Метрику) и повесить цели, чтобы анализировать результаты работы и вовремя вносить корректировки.
Например, в Метрике есть тепловая карта, в которой можно смотреть, куда чаще всего кликают юзеры, а где в основном пролистывают. Вебвизор с видеозаписями сессий также дает хорошие инсайты о поведении посетителей на лендинге.
Ну и в итоге нужно отслеживать сами заявки и выполнение целей, ради которых лендинг и создавался, заносить в какой-то общий отчёт или data lake.
Создать лендинг и направить на него трафик — мало. Сайт важно постоянно улучшать: убирать неработающие элементы, добавлять новые фишки, подстраивать под меняющуюся аудиторию. Только так он будет работать эффективно.
Один из вариантов прокачки лендинга — A/B-тестирование. На странице меняют один или несколько элементов и сравнивают с изначальным лендингом. Одной части аудитории показывают изначальный вариант, другой — измененный. И потом внедряют более эффективное решение.
A/B-тестирование помогает:
Вовремя отслеживайте статистику и улучшайте сайт. И пусть в вашем лендинге никогда не будет ошибок!
Creative Manager of WIM.Agency
Главное — общаться с пользователем.
Показывать сообщения об ошибке, если что-то пошло не так во время заполнения формы. И экран «Спасибо, мы с вами свяжемся в течение дня» в случае успеха.
Никогда не оставляйте пользователя в неведении относительно его заявки или регистрации.
В сообщениях об ошибке лучше писать, почему именно она произошла и что пользователь может сделать для её устранения (если ошибка на его стороне). Или как клиент может связаться с вами по-другому.
Читайте только в Конверте
Отправляйте красивые письма, делитесь классным контентом, привлекайте больше платящих клиентов. До 1 500 писем бесплатно.
Искренние письма о работе и жизни, эксклюзивные кейсы и интервью с экспертами диджитала.
Проверяйте почту — письмо придет в течение 5 минут (обычно мгновенно)
