42 Чудовищные ошибки на landing pages, которых вы можете избежать. часть 1: дизайн

Posted on by riasevastopol

Во внушительном списке из 42 пунктов вы отыщете подводные камни, которых не удалось обойти вторым. Сохранив его в закладки, вы избежите лишних материальных затрат, потерь и сожалений времени.

Все неточности относятся к двум громадным разделам — маркетинговое послание и дизайн, и для начала мы разглядим первый из них.

Дизайн Неточность №1: Излишнее сокращение количества полей лид-формы

В то время, когда имеет суть увеличивать длину формы до нескольких полей?

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

Если вы не отыщете единственно верную длину формы запроса информации, это может стать громадной неточностью. Эксперт по PPC и CRO компании KlientBoost Джонатан Дейн (Johnathan Dane) говорит, что переход от одношагового лендинга с тремя полями (имя, e-mail, телефон) к двухшаговой странице с 7-ю полями стал причиной повышению коэффициента конверсии на 214%.

Что необходимо сделать: создайте лендинг пейдж с множеством шагов, начав со значимого для клиента вопроса, не несущего угрозу.42 Чудовищные ошибки на landing pages, которых вы можете избежать. часть 1: дизайн В примере Джонатана Дейна на начальной стадии визитёра задают вопросы о размере неестественного газона, необходимости установки и сути проекта (3 поля), только позже направляться форма контактных данных (4 поля)

Для начала возможно задать вопрос что-нибудь простое, наподобие почтового индекса либо изюминок проекта. Поля следующей страницы при необходимости смогут характеризоваться средним уровнем угрозы приватности, а последняя страница будет иметь самый большой уровень (в том месте, где вы интересуетесь контактами).

Многоступенчатые формы прекрасно проявляют себя в рекламных кампаниях по генерации лидов, потому, что они создают начальную микроконверсию, уменьшая шансы отпугнуть аудиторию. В большинстве случаев, люди, в один раз уже внесшие какую-либо лепту, даже если она очень мелка, более с радостью завершают начатое дело.

Неточность №2: Не учитывать географический фактор

Само собой разумеется, не все намеченные вами регионы продвижения показывают однообразные результаты, и в некоторых цена за конверсию не редкость выше. Как обрабатывать отдельные локации и лучше осуществлять контроль затраты? Создавайте новые кампании с модификаторами ставок (Bid Modifiers), нацеленными на определенный регион либо кроме того город.

Вы имеете возможность получить доступ к отчетам по географическим районам в AdWords, зайдя в раздел Параметры (Dimensions), надавив на Просмотр (View) и Расположение пользователей (User Locations).

Ниже представлено фото, демонстрирующее, как включаются негативные модификаторы ставок на уровне регионов:

А какие конкретно показатели у ваших регионов?

Но все это относится PPC, либо pay-per-click. А что по поводу лендингов?

Согласно данным Engine Ready, компании по управлению рекламой и маркетингу в поисковых машинах, коэффициент конверсии выше при применении местных телефонов вместо бесплатных номеров (с 800 в начале).

Людям нравится, если вы относитесь к их месту проживания. Таблица коэффициента конверсии в зависимости от телефонного номера. Слева направо: город, коэффициент для 800-номеров, коэффициент для местных номеров

Неточность №3: Упускать специфику главных слов

Еще одним методом мгновенно сделать вашу посадочную страницу востребованной есть демонстрация связи с запросами, применяемыми визитёрами, дабы отыскать вашу страницу. У вас имеется возможность смотреться настоящими, привязанными к конкретной соответствующими интересам и местности пользователей.

Применяйте динамические заменители текста (Dynamic Text Replacement, DTR) — они подчеркивают соответствие вашего послания ключевикам, целевой странице и рекламе, увеличивая коэффициенты конверсии.

Приведите в соответствие все: применяйте однообразный динамический текст в тексте вашей рекламы, кнопок, а также в заголовке, описаниях и ключевых словах на лендинге. DTR оказывают помощь консолидировать тестирование одностраничника. Лучше иметь одну страницу, намерено ориентированную на различные keywords, чем множество различных. Это окажет помощь стремительнее достигнуть статистической значимости при применении тестов.

Кроме другого, DTR, при верном применении, содействуют улучшению показателей качества в AdWords.

Неточность №4: Неадекватность призыва к действию

Как отмечалось выше, принципиально важно нацеливаться на микроконверсию. Дабы обеспечивать ее появление на ранних стадиях, необходимо протестировать уровень адекватности ваших кнопок призыва к действию (call-to-action, CTA). Не задаёте вопросы ли вы визитёров о чем-то таком, что не соотносится с их конверсионным намерением?

Это возможно просьба к пользователю, пришедшему с «холодной» баннерной рекламы, обратиться за бесплатной консультацией в вашу юрфирму. Ощущаете несостыковку?

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

Шкала соотношения намерения пользователя, перешедшего с рекламы, и угрозы конверсии. Вертикальная ось — конверсионное намерение. Горизонтальная ось — угроза конверсии

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

Это большое упущение, не разрешающее маркетологам удачно применять различные каналы привлечения.

Неточность №5: Не откликаться на необходимость быть мобильными

В одной из недавних статей уже разъяснялось, из-за чего респонсивный дизайн еще не свидетельствует мобильную оптимизацию.

К счастью, практически все достигли понимания важности того, что лендинг пейдж либо сайт должен быть дешёв и на мобильном устройстве, но думали ли вы об опыте, созданном лишь для мобильного пространства?

Намерения, поведение и вероятность отвлечения разны при переходе от десктопной к мобильной версии, так что не следует думать, что к обеим применимы цели и одинаковые типы информации. Маркетолог Талия Вулф (Talia Wolf), воображающая сайты Conversioner и Banana-Splash.com, отмечает следующее: «Не смотря на то, что респонсивный дизайн намного лучше отсутствия оного по большому счету, он еще не равен оптимизированному опыту для мобильных визитёров. Сущность респонсивного дизайна — сделать десктопный опыт приемлемым на мобильном гаджете, но он не соответствует своеобразным потребностям мобильных пользователей».

Инструмент для коммуникации Slack — это красивый пример опыта, намерено созданного для мобильного пространства. Вот их несложный и прекрасный экран «Потерянного пароля»:

Долгий пароль? Тяжело набирать? Получите чудесную ссылку на вашу почту, которая подпишет вас в мгновение ока! Собрать пароль / Послать чудесную ссылку

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

Респонсивный Vs адаптивный дизайн: что лучше для пользователя?

Неточность №6: Применение лишь одного пути

Желаете верьте, желаете нет, но наличие нескольких способов конверсии у одного CTA время от времени трудится лучше.

Раз уж вы используете Landing Pages, значит вы, вероятнее, станете заинтересованы в немедленном общении с вашим потенциальным клиентом. Это значит, что не следует надеяться только на конверсию посредством лид-форм: вовлекайте в процесс чаты и телефонные звонки.

Простое наличие телефонного номера на странице ведет к росту коэффициента конверсии, даже в том случае, если никто не звонит. Кроме этого, доступно применение приглашений к беседе в чате в виде несложного вопроса, на что пользователи смогут скоро ответить.

Различные визитёры находятся на различных ступенях цикла принятия ответа. Одни желают так же, как и прежде оставаться анонимами, а другие уже готовы трудиться с вами.

Неточность № 7: Хаос на странице

Вы забыли о концепте белого пространства, и ваша страница через чур захламлена. Все это может отвлекать внимание от призыва к действию.

Лендинг от Apple — примерный пример применения белого пространства:

«Уже, легче. Намного больше, чем раньше. И значительно меньше также» (Погодите-ка, это же не новый iPhone!)

White Space увеличивает коэффициент конверсии, содействуя лучшей читаемости контента и делая визитёров более довольными.

Неточность №8: Призыв к действию неочевиден

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

Неточность № 9: Вы через чур много просите

Вы запрашиваете чрезмерное количество информации в собственной форме или ставите лишние CTA-кнопки.

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

Сфокусируйтесь на одной цели и получайте ее, будучи предельно ясными. Ниже представлена статистика обстоятельств, по которым люди покидают сайт. 21% опрошенных объявили, что «процесс был через чур продолжительным»:

Обстоятельства отказа. 56% — столкнулся с нежданно большой ценой. 37% — страницу без определенной цели. 36% — отыскал более приемлемую цену в другом месте. 32% — неспециализированная цена через чур высока. 26% — передумал брать.

25% — навигация сайта через чур сложная. 24% — сайт дал сбой. 21% — процесс был через чур продолжительным. 18% — гарантийное обеспечение платежа через чур большое. 17% — безопасность платежа привела к.

16% — не подошли условия доставки. 15% — на сайте закончилось время ожидания. 13% — цена была выставлена в зарубежной валюте. 11% — мой платеж был отклонен

Не происходит ли что-то подобное и у вас?

Неточность №10: Удобство чтения на нуле

Люди не желают просматривать через чур много (в случае если лишь это не что-то захватывающее и полезное). И уж тем более они не начнут читать что-то, неудобное для глаз.

Вот пара примеров аналогичных неточностей:

  • Слова через чур растянуты в течении страницы;
  • Цвета фона и шрифтов не достаточно контрастируют между собой;
  • Шрифт небольшой либо нечитабельный из-за изюминок стиля шрифта;
  • У вас через чур много текста (см. неточность №2).

Оптимальная протяженность параграфа включает 60-75 слов. Кроме этого помните про маркированные перечни в виде удобных для восприятия сегментов, расположенных приятель за втором.

Читабельность возможно протестировать различными методами. То, как вы воображаете текст, в значительной мере воздействует на потенциал коэффициента конверсии.

Секреты контент-маркетинга: правила создания читабельных текстов

Неточность №11: Нехорошей выбор шрифта

Эта неточность граничит с нечитабельностью текста (неточность №11), несоответствием типу клиента (неточность №32) и незнанием собственной аудитории (неточность №34).

Обратите внимание на то, дабы шрифт доходил под типы личностей вашей аудитории и избегайте несоответствия.

Компания ClickLab решила совершить тест, касающийся лишь шрифтового оформления сайта собственного клиента, перед тестированием всего остального и остановилась на втором варианте:

Так легко, но так действенно: тестируемый вариант (справа) обошел уникальный (слева)

Показатель выходов упал на 19%, показатель отказов — на 10%, а коэффициент конверсии вырос на 133%.

Как выбрать верный шрифт для лендинга?

Неточность №12: Медленная скорость загрузки

Вы вычисляете, что ваш дизайн находится на пике моды, но имеется возможность, что из-за внешнего вида вам приходится поступаться скоростью и юзабилити. Не отпугните пользователей еще одним лендингом, загружающимся целую вечность. Они не возвратятся.

Посмотрите инфографику от Kissmetrics «Как время загрузки воздействует на все другое»:

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

Вертикальная ось: рост показателя в процентах. Горизонтальная ось: время загрузки в секундах

В блоге Kissmetrics кроме этого возможно отыскать такие выводы: «Самый распространены неприятности со скоростью из-за изображений. Они через чур большие. Их через чур много.

Их файлы равны 3GB любой, кроме того не обращая внимания на то, что употребляются размеры 150×150 пикселей».

Увидьте, что фоновые видео также будут замедлять страницу. Попытайтесь протестировать ваш лендинг посредством PageSpeed Insights от Гугл.

Как ускорить время загрузки сайта

Неточность №13: Битые ссылки

Думаем, нет необходимости детально расписывать данный пункт. Убедитесь, что все ваши URL ведут в назначенное вами место — для это пройдите целый путь пользователя на сайте от начала до конца.

Неточность №14: Много ссылок

Множество ссылок свидетельствует перегруз с выбором опций и высокую отвлекаемость, почему призыв и ваши цели к действию теряются.

В нижеследующем примере так много ссылок, что показатель внимания равен 60:1 — весьма плохой символ!

Лучше несложнее, да лучше

В то время, когда люди четко знают, чего вы от них желаете, они в большинстве случаев делают это.

Дизайн лендингов: преимущества минимализма с позиций психологии восприятия

Неточность № 15: Панель навигации

Существует весомая обстоятельство для устранения навигационной панели: она может отвлекать пользователей и являться направлением, по которому они захотят отправиться, переходя по несоответствующим вашим целям ссылкам.

Диана Урбан (Diana Urban) из HubSpot применяла один из их лендингов с целью проведения изучения, из-за которого по окончании ссылок панели футеров и удаления навигации коэффициенты конверсии выросли на 16% и 28% для предложений средней части воронки:

Не забывайте о простоте

Неточность №16: Вы не прощаетесь с футерами

Обстоятельство та же, что была обрисована чуть выше. Уберите футеры — они содействуют лишь формированию синдрома недостатка внимания и отвлекают людей.

Уже по окончании того, как визитёры конвертируют, вы сможете применять освободившиеся дороги чтобы сообщить «Благодарю!» либо сослаться на другие страницы сайта, раскрывающие сущность предложения.

Неточность № 17: Неправильные изображения

Существует триллион обстоятельств, из-за чего картины на вашем лендинге смогут быть лучше, привлекательнее и генерирующими больше конверсии.

Дабы избежать неточностей при выборе главного изображения (Hero Image), протестируйте все варианты фотографий. Либо почитайте отечественные статьи по теме.

26 примеров грамотной оптимизации главного изображения

Неточность №18: Не относящиеся к остальному контенту изображения

Заголовок обязан доходить к тексту, а основная картина соответствовать рекламному офферу. Предлагая электронную книгу, применяйте ее обложку. В другом случае изображение не добавит никакой ценности и лишь отвлечет внимание.

Рекламная кампания мобильного оператора T-mobile привлекла к участию в ней популярную актрису Кетрин Зету-Джонс, но фотография данной красивой дамы никоим образом не соотносилась с просьбой к действию:

Героиня рекламы (слева) говорит, что она желает иметь телефон, которому позавидуют ее приятели. Потом следуют пункты корпоративного оффера и призыв определить еще больше подробностей, надавив кнопку. Но при чем тут Кетрин Зета-Джонс?

Вот пример более подходящего изображения:

В данном лендинге соотносится все: и оффер («Начните принимать кредитные карты сейчас»), и кнопка CTA, разрешающая взять бесплатный считыватель, и картина с самим ридером для применения на мобильном устройстве

Неточность №19: Отвлекающие изображения

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

Вы имеете возможность избежать подсознательного отвлечения, применяя фотографии с визуальными подсказками и нужными вам фокусами зрения.

Неточность № 20: Отсутствие изображения

Изображения поддерживают ваше УТП, так воспользуйтесь шансом еще действеннее донести его до пользователей:

  • Пускай ваш лендинг «общается» со зрителем;
  • Притягивайте взоры;
  • Но не задерживайте прохождение по странице;
  • Выделяйтесь без резкого контраста;
  • Будьте ясны и поощряйте сотрудничество.

Внимание! Неподходящее изображение хуже полного отсутствия оного. В кейсе HubSpot женщина в варианте справа через чур отвлекала внимание, тогда как вариант без рисунка привлек на 24% больше подписчиков:

Тестируйте, дабы определить правду

Что ответственнее в веб-дизайне, изображения либо текст?

Неточность №21: Несжатые изображения

Это, наровне с неверным выбором размера изображения, приведет к замедлению процесса. Скорость загрузки страницы снизится, и много потенциальных клиентов уйдет, кроме того не заметив ваш одностраничник.

Неточность №22: Использование слайдеров/каруселей

Карусели перетягивают внимание от главного контента, и в любом случае — люди по большей части нажимают на первое изображение. 84% визитёров взаимодействуют лишь с первым слайдом в карусели. Потом направляться статистика университета Нотр-Дам:

Показатель кликабельности первой позиции в разы превышает эти по остальным четырем

В следующей части мы поведаем об неточностях маркетингового послания. Оставайтесь с нами!

Высоких вам конверсий!

По данным: klientboost.com

Случайные статьи:

16 критических ошибок веб-дизайна посадочных страниц


Подборка похожих статей:

riasevastopol

More Posts