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

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

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

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

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

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

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
Кейс: как за 30 дней вывести новый сайт в ТОП выдачи Google
Сергей
2
комментария
0
читателей
Полный профиль
Сергей - Прошёл у Паши курс год назад, пытался продвигать свой сайт portativ.org.ua, но особых продвижений нет. Наверное сео уже умерло??
Как стандартизировать данные семантики с помощью логарифмов
Юлий
1
комментарий
0
читателей
Полный профиль
Юлий - Чем снималась коммерцелизация?
Облако тегов в интернет-магазине: прикладная инструкция по увеличению трафика
Юлия Дмитриева
2
комментария
0
читателей
Полный профиль
Юлия Дмитриева - Согласна с вами, что в любом деле важен индивидуальный подход:)
Специалисты в Рунете заметили глобальную накрутку поведенческих факторов
Дмитрий Кулаевский
1
комментарий
0
читателей
Полный профиль
Дмитрий Кулаевский - кто-нибудь знает как с этим бороться? очень много такого трафа идёт с июля, сайт сильно просел
Платные и бесплатные курсы по SEO и интернет-маркетингу для новичков и опытных специалистов
Алексей Терещенко
1
комментарий
0
читателей
Полный профиль
Алексей Терещенко - Запустил бесплатный марафон для SEO специалистов с нуля в Фейсбуке. Рекомендую начинать совой путь с него и дальше уже определятся, нравится направление или нет. Так же на базе обучающего марафона есть сообщестово в котором все в удобном формате общаются и постигают профессию. Моя миссия - создать сообщество крутых и образованых seo специалистов и поднять качество услуг на высокий уровень. Кому интересно, присоеденяйтесь www.facebook.com/groups/startseofree/
Яндекс возобновил «показательные порки» за накрутку поведенческих факторов
Антон
1
комментарий
0
читателей
Полный профиль
Антон - Никакой не выпал. Кроме клиентского сайта, который проседал из-за скрутки, о чем Я.Поиску сообщали и клиенту тоже. Ноль реакции от поисковика (продолжайте развивать сайт, никаких проблем нет ...). Клиенту надоело и он заказал накрутку у подрядчиков. Мы искренне ждали бана, сообщали об этом клиенту, т.к. мы все таки делаем все остальное для развития. Как итог: с лета полет нормальный. Сайт растет, никаких проблем. Случайно даже стажер палил тех поддержке факт использования накрутки. И ничего. Сайт растет дальше. Если они не могут ничего принять даже после признания факта накрутки, что они могут сделать с жалобами на накрутку конкурентов?! Никогда не одобряли данные методы, но ... похоже ... все работает :)
Сколько стоит SEO на фрилансе. Кейсы
Людмила
1
комментарий
0
читателей
Полный профиль
Людмила - Очень спорная статья. Особенно оценка. К примеру, за 1500 руб. 200 вечных ссылок с быстрой индексацией. Это про какой год? Про 2020? Точно? Собственно, в текущих реалиях при хорошем раскладе за эти деньги можно получить 3-4 качественные ссылки. А никак не 200. Если 200, то такие ссылки, по 7,5 руб. за штуку выбьют сайт за ТОП-100. А заказчик будет в шоке, он же все правильно делал, по инструкции из статьи в уважаемом издании.
«Нет в наличии»: что делать с карточками отсутствующего товара
freyr energy
1
комментарий
0
читателей
Полный профиль
freyr energy - Thank you so much @ admin for share your valuable thoughts and ideas We always enjoy your articles its inspired a lot by reading your articles day by day. So please accept my thanks and congrats for success of your latest series. We hope, you should published more better articles like ever before solar rooftop
Яндекс тестирует оценки сайта в сниппете
Сергей Демин
8
комментариев
0
читателей
Полный профиль
Сергей Демин - вопрос такой: где получить оценку о сайте? а не об организации
15 языков программирования, за знание которых платят выше среднего
Любомир
2
комментария
0
читателей
Полный профиль
Любомир - Ну и ЗП: ни слова о том что она варируеться от 0 до 100 000$ в год!!! Что до высокой зп надо несколько лет етим заниматся! Что 100 000$ в год на западе заробатывают, а где нибудь в азиатских страннах 100$ в год. В СНГ первые годы в разработчика ЗП как в грузчика на складе - это где то 4-5 тыс. долларов в год, и уже имея несколько лет опыта возможно дойти до 10-20 тыс. долларов в год! Почему нет конкретики? Меня лично нервирует то что людям внушают великие ЗП в АйТи, а люди тупые и ведутся!!!!
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
384
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
121
Комментариев
113
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
91
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
60
Комментариев
59
Комментариев
57

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