×
Россия +7 (495) 139-20-33

Тринадцать ошибок в создании лендингов

Россия +7 (495) 139-20-33
Шрифт:
0 6145

Партнерский материал

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

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

1. Лишние слова

Для любого, даже самого короткого, текста необходима редакторская правка. Иначе может получиться так:

Лишние слова на лендинге

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

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

Пример лендинга

2. Оценочная лексика

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

Оценочная лексика на лендинге

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

Решение. Конкретизируем и приводим факты. Вместо «качественно» указываем условия производства, материалы, рецепт. Вместо «быстро» – «в день обращения», «без очереди» и т. п.

Оценочная лексика на лендинге

3. Повелительное наклонение

Призывы вроде «Начните», «Поднимите», «Сделайте», «Увеличьте» не стимулируют интерес клиента.

Повелительное наклонение на лендинге

Повелительное наклонение на лендинге

Они лишь наталкивают на мысль: «Значит, я сделаю все это сам, да еще и заплачу за это свои деньги?»

Решение. «Мы» в этом случае гораздо уместнее, чем «вы». Мы или мы вместе с вами – «Начнем», «Поднимем», «Сделаем», «Увеличим»:

Пример: Повелительное наклонение на лендинге

 4. Нарушение пропорций

Шрифтовая композиция держится в том числе и на соотношении кеглей шрифта. Вот пример неудачного соотношения:

Нарушение пропорций на лендинге

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

Решение. Делаем акцент на целевом действии – на кнопке:

Пример: как исправить нарушение пропорций на лендинге

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

Пример: как исправить нарушение пропорций на лендинге

Пользователь не будет это читать. Текста много, и он мелкий!

Решение. Длинные перечни и описания убираем с первого экрана. Оставляем заголовок (не больше 20 символов), подзаголовок в 2–4 строки, кнопку и картинки или видео на фоне. А тексты можно разместить ниже, разбавляя картинками.

Длинные перечни и описания убираем с первого экрана

6. Много поп-апов

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

 Много поп-апов на лендинге

 Много поп-апов на лендинге

 Много поп-апов на лендинге пугают пользователей

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

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

Достаточно одной формы

7. Много офферов

Когда на одном экране слишком много офферов, пользователь не может сконцентрироваться и сделать выбор:

Много офферов на лендинге

Много офферов на лендинге

Много офферов на лендинге

Решение. Достаточно одного оффера. Например, так:

Достаточно одного оффера на лендинге

8. Много акцентов

Желание выделить каждый элемент лендинга приводит к пестроте и неразберихе.

Много акцентов на лендинге

Заголовок дублирует кнопку, а две кнопки конкурируют между собой. Кнопка «Почему бесплатно?» явно лишняя. У шрифтов для кнопок – разные кегли, и это еще больше затрудняет восприятие. Надписи неудачно наслаиваются на фото: в результате невозможно прочитать текст и не получается рассмотреть картинку.

Решение. Всё, что отвлекает, необходимо убрать с первого экрана. Информацию «Почему бесплатно?» лучше вынести в отдельный блок. А форма будет выглядеть гораздо ярче на темном фоне или на фоне с использованием градиента.

Пример лендинга с правильными акцентами

 9. Сомнительные отзывы

Отзывы выглядят неубедительно, когда большинство из них – от одного лица, контакты которого нельзя найти, а отрицательные отзывы отсутствуют.

Сомнительные отзывы на лендинге

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

Решение. Лучше стимулировать пользователей оставлять отзывы на сторонних ресурсах: Отзыв.ru, или Яндекс.Карты, или на личных страницах в соцсетях. За оставленный отзыв можно предложить скидку на следующий заказ. Реальные отзывы размещаем у себя на сайте, ссылаясь на первоисточники. Например, здесь каждый отзыв содержит ссылку на аккаунт в Instagram:

Стимулируйте пользователей оставлять отзывы на сторонних ресурсах

Чтобы завоевать доверие, можно добавить информацию о сертификатах и гарантиях:

Пример: информация о сертификатах и гарантиях

10. Изображение не адаптировано под экран мобильного

Если нет адаптации, при просмотре сайта с телефона картинка уедет и смысл изображения потеряется.

Изображение не адаптировано под экран мобильного

Пример: Изображение не адаптировано под экран мобильного

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

Решение. Обязательно адаптировать лендинг под экран мобильного устройства. Проверить адаптацию можно с помощью Mobile-Friendly Test Tool.

Проверить адаптацию лендинга под мобильные

Проверить адаптацию лендинга под мобильные

11. Картинка не связана с текстом

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

Картинка не связана с текстом

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

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

Пример Картинка не связана с текстом

12. Слишком пестрая палитра

Цвета лендинга должны гармонично сочетаться, иначе сайт пестрит и раздражает:

Слишком пестрая палитра

Решение. Готовые цветовые сочетания можно поискать на различных ресурсах, например Adobe Color, или использовать цветовой круг Иттена.

Вот как это могло бы выглядеть:

31.png

13. Раздражающая анимация

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

32.png

Решение. Делаем такую анимацию, которая не мешает восприятию текста и картинки. Или убираем совсем.

Пример Правильное оформление лендинга

Итак, теперь вы предупреждены, вооружены и можете самостоятельно исправить подобные ошибки в своем лендинге. А если вы решили доверить эту работу специалистам – мы всегда готовы помочь.

Разработку лендинга вы можете заказать по акции «Лендинг + реклама». Этот пакет услуг включает конверсионный лендинг на платформе Tilda и бесплатную настройку таргетированной рекламы на площадках «ВКонтакте» и myTarget – за 15 000 рублей!

(Голосов: 7, Рейтинг: 5)
Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Ане Макаровой


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
«Юзабилити-лаборатория»: оставляйте заявку на участие!
Анна Макарова
381
комментарий
0
читателей
Полный профиль
Анна Макарова - Антон, добрый день! Ваш сайт не попал в основную выборку для юзабилити-анализа, но эксперты постараются сделать по вашему сайту видеоразбор (ю-ревью). Будем держать вас в курсе )
Тест по SEO – проверь свой уровень знаний
Артем Дорофеев
8
комментариев
0
читателей
Полный профиль
Артем Дорофеев - Полный текст вопроса со скриншотом панели прикладываю. Итого, что имеем: - на скриншоте отмечено, что это фильтр МПК - сайт коммерческий - рекламы на сайте нет С вероятностью 95% это ошибка (которая уже дважды случалась в Яндексе), когда они случайно "закосили" неповинные сайты. Тогда по запросу Платону фильтр быстренько снимали. Но вопрос даже не на знание этого нюанса. В любой непонятной ситуации, прежде чем что-либо предпринимать (особенно переписывать весь контент на сайте или менять дизайн, как указано в других вариантах) - фильтр следует подтвердить. Правильный ответ: "Написать письмо в техподдержку Яндекса".
Кейс: как за 30 дней вывести новый сайт в ТОП выдачи Google
Сергей
2
комментария
0
читателей
Полный профиль
Сергей - Прошёл у Паши курс год назад, пытался продвигать свой сайт portativ.org.ua, но особых продвижений нет. Наверное сео уже умерло??
Выбираем CMS для сайта с точки зрения SEO: базовые требования
SEO.RU
6
комментариев
0
читателей
Полный профиль
SEO.RU - Спасибо за замечание, действительно была допущена неточность - возможно информация была не так давно обновилась. Данные в статье поправим на актуальные.
Digital-marketing: как выжить в кризис. Опыт реальной компании
Maks
1
комментарий
0
читателей
Полный профиль
Maks - Спасибо за опыт Вашей компании, Иван Папусь. Интересно получилось! Желаю Вашему бизнесу стабильности и успешно пережить все кризисы))
100+ ресурсов по SEO для изучения поисковой оптимизации с нуля
Марина Ибушева
0
комментариев
0
читателей
Полный профиль
Марина Ибушева - Спасибо за добавление. Мы уже работаем над отдельным материалом про курсы, потому что одной статьи мало, чтобы охватить все крутое по обучению)
SEO must go on! Почему в кризис нельзя останавливать продвижение сайта
everystraus
43
комментария
0
читателей
Полный профиль
everystraus - Мы даже варианты не рассматривали. Если проект неустойчив, сразу предлагали сбавить обороты до минимума, но и так, чтоб не свалиться в штопор. Именно по СЕО чаще всего.
Как стандартизировать данные семантики с помощью логарифмов
Юлий
1
комментарий
0
читателей
Полный профиль
Юлий - Чем снималась коммерцелизация?
Гайд по работе с освобождающимися доменами: перехват, восстановление, создание сетки и заработок
Daniel Dan
1
комментарий
0
читателей
Полный профиль
Daniel Dan - Интересно и полезно читать, Спасибо!
Платные и бесплатные курсы по SEO и интернет-маркетингу для новичков и опытных специалистов
Алексей Терещенко
1
комментарий
0
читателей
Полный профиль
Алексей Терещенко - Запустил бесплатный марафон для SEO специалистов с нуля в Фейсбуке. Рекомендую начинать совой путь с него и дальше уже определятся, нравится направление или нет. Так же на базе обучающего марафона есть сообщестово в котором все в удобном формате общаются и постигают профессию. Моя миссия - создать сообщество крутых и образованых seo специалистов и поднять качество услуг на высокий уровень. Кому интересно, присоеденяйтесь www.facebook.com/groups/startseofree/
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
381
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
113
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
89
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
60
Комментариев
59
Комментариев
57

Отправьте отзыв!
Отправьте отзыв!