Примеры плохих лендингов

5 типовых ошибок лендингов

Команда проекта Chatra — сервиса онлайн-чата для сайта — разобрала 5 наиболее распространенных ошибок на лендингах, которые снижают конверсию и отталкивают посетителей от совершения ключевого действия.

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

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

1. Плохая структура страницы

Посадочная страница — это очень простая вещь. У неё одна задача: конвертировать посетителя в контактное лицо. Она собирает адрес электронной почты или просит заполнить анкетку. Всё!

Однако многие начинают строить вокруг этой задачи целое медиа. Вот посадочная страница социального сервиса Gnip:

Медиаменеджер Илья Осколков-Ценципер в таких случаях горестно вскрикивал: «Куда мне смотреть?». И действительно, что тут делать посетителю? Читать, смотреть, нажимать, переключаться между табами?

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

Посмотрите на посадочную страницу стилуса Pencil:

Суть → Призыв к действию. Меньше слов — больше смысла. В этом закон и пророки.

2. Проблемы с графикой

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

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

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

Совет: показывайте на картинке суть продукта или услуги. Не абстрактных людей, а создателей сервиса или реальных пользователей.

Так, на посадочной странице Рокетбанка изображена настоящая пользовательница сервиса:

Совет: если нет подходящих фотографий — лучше закажите иллюстрации. Интернет-сервис надо показать на скриншотах.

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

3. Неправильный стиль общения

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

Так, «Бизнес-молодость» еще не определилась, как ей обращаться к посетителям: на ты или на вы? Задвигать про взрослый бизнес или кричать: «Жми сюда!». Вверху на лендинге «Получи», внизу «Читайте, слушайте, смотрите».

Совет: говорите на «вы» — не ошибётесь. Это не чопорность, а элементарное приличие.

4. Сложные формы регистрации

Чем проще форма регистрации, тем лучше. Идеальная форма состоит из одного поля, в которое вводят почту:

Хуже, если появляются дополнительные поля, которые взялись непонятно откуда. Зачем мне оставлять телефон?

Если же форма ожидается длинной, стоит разбить её на несколько шагов и превратить в небольшой онбординг. Так делает Paypal:

5. Непонятный призыв к действию

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

Тут внимание пользователя распыляется. Куда нажимать, что делать: смотреть цены, регистрироваться или качать электронную книгу (внизу)? Кроме того, кнопка «Зарегистрироваться бесплатно» предваряется глупой маркетологической фразой: «Начите сегодня». Что начать-то?

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

Совет: на кнопке всегда пишите глагол. Дополните его прилагательным или наречием. Например, так: «Скачать бесплатно».

Вот еще немного советов, как сделать хороший лендинг

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

— Напишите текст. Используйте информационный стиль: меньше эпитетов и маркетингового барахла.

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

— Совместите структуру с текстом. Натяните текст на каркас структуры. Это можно делать схематически или просто текстом.

— Покажите черновик нескольким людям. Обязательно протестируйте даже такую личинку лендинга. Попросите людей оценить, насколько понятен текст. Спросите, о чём лендинг, хочется ли оставить почту?

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

— Подберите правильные иллюстрации. Избегайте болванчиков с фотостоков. Лучше наймите иллюстратора или обойдитесь скриншотами.

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

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

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

«Убойные» посадочные страницы: три примера эффективных лэндингов

Время чтения: 6 минут Нет времени читать? Нет времени?

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

Посадочные страницы: определение, критерии эффективности

Эффективные посадочные страницы соответствуют следующим критериям:

• Наличие подчеркнутого призыва или приглашения посетителя к действию. Хороший лэндинг четко побуждает потенциального клиента к совершению одного действия, например, к подписке на рассылку или к регистрации на сайте.
• Соответствие информации на посадочной странице обещанию, данному посетителю вне вашего сайта. Например, если сниппет поисковой выдачи или текст рекламного объявления сообщает клиенту о возможности подписаться на бесплатные видеоуроки, лэндинг должен предоставить ему такую возможность.
• Простота дизайна и неперегруженность информацией. «Приземлившись» на страницу, потенциальный клиент не должен отвлекаться от конверсионного действия рюшками в шапке сайта или длинными рассуждениями о качестве продукта.
• Корректное использование фотографий. Картинки улучшают визуальное восприятие лэндинга. Но соблюдайте меру — вы ведь не хотите, чтобы клиент забыл добавить товар в корзину, погрузившись в изучение фото.
• Использование силы брендов. Изображения надкушенного яблока или зеленого дроида добавят посетителям вашего сайта уверенности в качестве соответствующего продукта.
• Возможность быстро поделиться информацией в социальных сетях. Всегда добавляйте на посадочные страницы кнопки шеринга Facebook, Twitter, «Вконтакте» и других сетевых ресурсов.
• Постоянное совершенствование. Хороший лэндинг не бывает статичным. Мы, например, перманентно тестируем целевые страницы, изменяем их в соответствии с поведением пользователей, дорабатываем и улучшаем.

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

Три примера «убойных» посадочных страниц

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

Посадочная страница компании Content Rules

Американский разработчик контента Content Rules создал эффективную посадочную страницу для распространения своей электронной книги.

Что компания Content Rules сделала правильно:

Лэндинг выглядит приятно и просто. Заголовок привлекает внимание посетителя к конверсионному действию (Загрузите книгу бесплатно прямо сейчас — это приблизительный перевод хедлайна).

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

Логотип Content Rules повышает уверенность посетителя в качестве продукта.

Что можно усовершенствовать:

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

Кнопки популярных социальных сетей повысят эффективность лэндинга Content Rules.

Лендинг компании по недвижимости ALM Real Estate Media Group

Эта компания является одним из ведущих американских поставщиков новостей о рынке коммерческой недвижимости. ALM использует лэндинг для привлечения подписчиков на новостную рассылку.

Что компания ALM сделала правильно:

• Возможность регистрации через Facebook

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

Что можно усовершенствовать:

Эта посадочная страница содержит слишком много текста, который отвлекает посетителей от формы регистрации.

Специалистам ALM стоит протестировать варианты этого же лэндинга с упрощенным дизайном. Уменьшение количества информационных блоков и отказ от большого количества цветов — вот способы быстро улучшить внешний вид страницы.

Лэндинг Windows Intune

Корпорация Microsoft использует посадочную страницу для распространения 30-дневной пробной версии облачного сервиса Windows Intune.

Что компания Microsoft сделала правильно:

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

• Четкий призыв к действию и фокусировка на преимуществах продукта

Текст на посадочной странице кратко описывает сервис и его преимущества. Обратите внимание, лэндинг не выглядит перегруженным информацией.

Использование логотипа Windows повышает доверие аудитории к продукту.

Что можно улучшить:

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

Заключение

Итак, вы познакомились с тремя примерами хороших лэндингов. Обратите внимание, каждый из них может стать еще лучше после тестирования и оптимизации. Воспользовавшись опытом компаний Content Rules, ALM и Microsoft, вы точно создадите несколько шедевральных посадочных страниц. Только обязательно расскажите об этом в комментариях!

Еще несколько полезных материалов по лэндингам:

Создание лендинга: 9 типичных ошибок

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

Чем лендинг отличается от сайта? Лендинг состоит из одной целевой страницы о конкретном товаре/услуге и максимально нафарширован продающими приемами, которые переводят посетителя, попавшего в воронку продаж, в клиента.

• Синхронность заголовка с рекламным объявлением – одинаковые ключевые слова.
• В 6-12 блоках лаконично раскрыты преимущества товаров и компании.
• Продуманы формы обратной связи для получения контактов.

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

Как привлечь посетителей на лендинг?

• Посетитель из поисковика. Человек вводит в Google или Яндекс запрос, например, «купить дом из дерева». И переходит на сайты и лендинги, которые отображаются в поисковике по его запросу. Для этого лендинг должен быть SEO-оптимизирован. И тогда он со временем поднимется в ТОП в выдаче поисковиков. А затрат на продвижение с каждым месяцем все меньше.
• Посетитель, пришедший по контекстной рекламе. Быстрый, надежный, но более дорогой метод. Есть реклама – моментально есть посетители. Нет рекламы – нет посетителей.
• Посетитель из соцсетей. Вы раскручиваете в соцсетях группу, посвященную вашему бизнесу. Например, «Производство окон ПВХ в Краснодаре». Размещаете в ней ссылку на ваш лендинг. И получаете целевых посетителей.

ТОП-6 правил создания лендинга, который продает

Создать лендинг и привлечь посетителей – этого мало. Нужно удержать и заставить выполнять целевые действия. Креативным дизайном? Да, можно. Но только комплекс мер дает реально высокую конверсию.

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

Например, ваш бизнес – агентство праздников.

Эффективнее создать разные лендинги: для невест, для бизнесменов и HR. «Организация свадьбы в Краснодаре», «организация корпоративов», чем продвигать все вместе – «организация праздников».

1. Составить правильную структуру с продающим текстом. Блоков лендинга в среднем 6-12: количество зависит от цены и популярности товара, технологической сложности продукта, конкуренции и других факторов. Копирайтер разрабатывает УТП. Аргументирует, почему купить у вас выгоднее, чем у конкурентов. Стимулирует к целевому действию – заказать услугу/товар сейчас либо получить коммерческое предложение, оставить контакты для обратной связи.
2. Вызвать доверие к товару и компании. Разместить триггеры доверия:

• реальные отзывы клиентов (на фирменном бланке – для сферы В2В, видеоотзывы – для физлиц)
• кейсы с описанием примеров работ
• сертификаты качества
• логотипы клиентов
• видео с обращением директора или видео процесса производства товара, строительства дома и т.д.

1. Создать продающий дизайн лендинга в современных трендах. Дизайн ориентирован на целевую аудиторию. Продаете электромобили «Тесла» или автомобили «Лада»? Принципиально разные дизайнерские фишки, разный стиль. При этом нужно грамотно оформить продающие приемы лендингов:

• призывы к действию (оформление кнопок, виджетов с полями для телефона и e-mail клиента)
• попап-окна, всплывающие при уходе с сайта
• эффекты параллакс и другие.

1. Во главе угла – удобство пользователя. Грамотное программирование. Landing page адаптируется к ПК и мобильным устройствам. Информация «не плывет». «Дышащие» блоки лендинга – тексту не тесно, легко найти нужную информацию.
2. Протестировать лендинг. Важно оценить не только технические свойства, но и продающие. Провести а/б тестирование уникальных торговых предложений, вариантов дизайна, призывов к действию, акций, скидок и других элементов.

Источники:

https://infogra.ru/design/5-tipovyh-oshibok-lendingov
https://texterra.ru/blog/uboynye-posadochnye-stranitsy-tri-primera-effektivnykh-lendingov.html
https://leadgenic.ru/blog/sozdanie-lendinga-9-tipichnyh-oshibok/