Наш чек-лист – это список пунктов, по которому вы можете провести аудит лендинга или почерпнуть идеи для новой посадочной страницы. Это не пошаговая инструкция, здесь лишь собраны пункты, влияющие на конверсию сайта. Вы можете использовать как все перечисленное, так и выбрать лишь некоторые фишки.
Мы старались создать максимально полный чек-лист, но оформление лендинга – это настолько масштабная тема, которую невозможно уместить в один материал. Однако мы уверены, что этот чек-лист будет полезен и тем, кто впервые создает посадочные страницы, так и тем, кто в сотый раз верстает одностраничники.
Без чего лендинг не будет продающим ни при каких условиях?
Exiterra создает сайты каждый день, и мы уже интуитивно понимаем, будет ли ресурс продающим или нет. Чтобы пункты, указанные в нашем чек-листе, сработали, нужно соблюсти несколько базовых условий, без которых эффективность лендингов будет крайне низкой:
- Маркетинговый анализ рынка. С помощью маркетингового анализа рынка вы узнаете, насколько ваше предложение конкурентоспособно, какой на него спрос, кто ваши конкуренты и целевая аудитория.
- Адекватная цена. Если вы предлагаете товар или услугу по неоправданно завышенной цене, то их вряд ли купят. Повышение цены возможно в нормальных пределах, но только с обоснованием причин, почему у вас дороже, чем у конкурентов.
- Четкий и сильный оффер. Оффер – это то, что вы предлагаете. Оффер должен быть кратким, простым и понятным, обещающим выгоду и содержащим ключевой запрос. Оффер прописывается в главном заголовке лендинга.
- Грамотно настроенная рекламная кампания. Ваши рекламные объявления должны быть заточены под целевую аудиторию, для которой делается лендинг.
Цель лендинга – это быстрая продажа, поэтому большое значение имеют подсознательные мотивы, эмоции и доверие потребителей. Важно глубоко прочувствовать, что нужно вашей ЦА, чтобы создать лендинг, который попадет точно в цель. В остальном вам поможет наш чек-лист.
Маркетинговые фишки
1. Все рекламные сообщения сконцентрированы на одном товаре или услуге.
Если лендинг продает робот-пылесос, не нужно писать, что у вас можно купить ещё и замечательные мультиварки. Весь текст и рекламные сообщения должны призывать к совершению целевого действия только в отношении одного продукта.
2. Ценность и размер вашего акционного предложения (сумма скидки, бесплатная электронная книга и пр.) раскрыты в тексте.
Если вы объявляете акцию или распродажу, то обязательно наглядно покажите посетителями, какую выгоду они получат денежном эквиваленте.
Если предлагаете какой-то подарок, например, бесплатную электронную книгу, безвозмездное оказание услуги и пр., то так же стоит обосновать ценность предложения. Например, рассказать, сколько в книге полезной информации и какие проблемы она решит.
3. Определите «боли» потребителей и покажите, как ваш продукт от них избавит.
«Боль» потребителя – это проблема, которая его тревожит. Предложите решение с помощью вашего товара или услуги. Например, вы продаете ортопедические матрасы и подушки. Какая «боль» у вашей целевой аудитории? Скорее всего, самая что ни на есть реальная – боль в спине и шее. Расскажите, как ваш товар облегчит им жизнь.
4. Предоставьте бесплатный образец вашей продукции (семпл, главу книги и пр.).
Такой ход помогает собрать много контактных данных от пользователей. Предложите бесплатный образец за регистрацию или эмейл. Эти данные можно использовать для последующего маркетинга и дожима продаж.
Допустим, вы продаете чай, или косметику, или корм для животных. Все это можно упаковать в маленькие пакетики и доставить почтой. Люди обожают получать что-то бесплатно, поэтому охотно поделятся своими контактными данными.
5. Пропишите ваш оффер еще раз в форме обратной связи.
Еще раз переформулируйте оффер и разместите над полями формы обратной связи, размещенной в конце страницы. Так вы освежите в памяти посетителя, что предлагаете, и усилите эффект после прочтения всего текста лендинга.
6. Если ваше предложение ограничено по времени, создайте эффект срочности.
Можно поместить таймер, который в режиме реального времени отсчитывает часы до момента окончания акции или распродажи. Срочность подсознательно мотивирует к покупке.
7. Используйте всплывающие поп-ап окна.
Отношение пользователей к ним неоднозначное, но они хороши для сбора лидов и привлечения внимания. Если сделать поп-ап, который появляется один раз и легко закрываться, то он не будет раздражающим. Всплывающие окна можно использовать для общения с клиентами, для сбора заказов и персональных данных, для анонса акционных предложений и др.
8. Собирайте обратную связь от клиентов.
Обратная связь от клиентов помогает увидеть себя и свой продукт глазами покупателей, лучше понять, что нужно потребителю и скорректировать маркетинговую стратегию.
9. Если регистрация на сайте или процесс оформления покупок многоступенчатые, мотивируйте посетителей пройти их.
Конечно, процесс регистрации и покупки должен быть максимально упрощен, но если это невозможно, мотивируйте пользователей пройти все ступени до целевого действия. Например, предложите им бонусы или скидку на первую покупку, подарок к заказу, бесплатную доставку и пр.
Дизайн и юзабилити
10. По логотипу и слогану понятно, чем занимается ваша компания.
Если вы предлагаете юридические услуги, вряд ли вам подойдет логотип в форме цветочка. Так же и агентству по организации праздников вряд ли подойдет логотип с Фемидой.
Создавая логотип компании, лучше не перекреативить, а использовать устоявшиеся в культуре символы, ассоциирующиеся с определенными сферами деятельности. То же самое касается и слоганов.
11. Преимущества вашего продукта оформлены в буллиты или маркированные списки.
Лендинг сочетает текст и графику. Именно в таком формате посетителю легче воспринимать информацию. Чтобы потенциальный клиент хорошо усвоил преимущества вашего продукта, оформите его в буллиты – маркированный список с иконками. Например, вот так:
12. Нет посторонних и отвлекающих внимания ссылок.
Не отвлекайте внимание пользователя ссылками, которые ведут на другие страницы. Если вам нужно дать дополнительную информацию, воспользуйтесь лайтбоксами – всплывающими при наведении на ссылку окнами с текстом.
13. В формах для сбора данных нет лишних полей и вопросов.
Не перегружайте форму сбора контактных данных посетителя лишними полями. Это может запутать людей, или вызвать недоверие в духе «Зачем им столько информации обо мне?».
Если вам нужны дополнительные данные о потенциальных клиентах, воспользуйтесь метриками с расширенными возможностями, например, Google Analytics или Roistat.
14. Дизайн посадочной страницы соответствует вашему фирменному стилю.
Это называется айдентикой. Через цвета и шрифты пользователь с первых секунд вас идентифицирует. Все мы знаем корпоративный стиль Сбербанка. Было бы странно, если бы Сбербанк запустил лендинг в красно-черных тонах, изменив бело-зеленой палитре. Конверсия такой страницы была бы очень низкой. Одностраничник вызвал бы диссонанс и недоверие у посетителей.
Посадочные страницы в свободном стиле можно делать, если у вас вообще нет никакой компании. Допустим, вы просто от случая к случаю закупаете разную продукцию и реализуете через лендинги. Тогда в айдентике смысла нет.
15. Оформление лендинга выполнено профессиональным дизайнером.
Конечно, вы можете скачать бесплатные шаблоны для landing page, но тогда вам уже не получить эффективную посадочную страницу. Лендинг для каждого продукта должен быть разработан индивидуально и профессиональным дизайнером.
Во-первых, готовые шаблоны однотипны. Вы просто создадите сайт, каких миллионы. Во-вторых, если вы начнете кастомизировать стандартный шаблон, вряд ли выйдет что-то стоящее. Вы хорошо разбираетесь в том, как вести бизнес, но только у профессионального дизайнера есть качественные и глубокие знания о юзабилити, гармонии, цветовом влиянии на конверсию и о прочих тонкостях. Доверьте создание посадочной страницы профессионалу – результат себя окупит.
16. Дизайн лендинга соответствует дизайну ваших рекламных объявлений.
Посадочная страница обычно продвигается с помощью контекстной рекламы или таргетинга. Рекламные объявления также создаются дизайнером и оформляются в том же стиле, что и сам лендинг.
17. Использованы графические указатели, чтобы привлечь внимание пользователя к кнопкам целевого действия.
Используйте стрелочки, пунктиры, заостренный дизайн блоков, чтобы подсознательно заставить посетителя проскроллить страницу до конца и переходить к кнопкам целевых действий.
18. На форме по сбору контактных данных стоит чек-бокс подтверждения подписки на рассылку.
Если у вас есть рассылка, вы можете быстро и легко подписать на нее клиента, разместив чек-бокс прямо в форме сбора контактных данных.
19. Выделите формы для заполнения отдельным цветом.
Форма для заполнения данных должна отличаться по цвету от фона и блоков, чтобы ее заметили и не спутали с другими элементами лендинга.
20. Используйте четкие и крупные шрифты.
Художественные шрифты подходят только для логотипов. Весь остальной текст лучше верстать рубленым шрифтом с достаточно крупным кеглем, чтобы посетителю было легко читать.
Текстовый и визуальный контент
21. Заголовок лендинга соответствует сообщениям в рекламных объявлениях.
Заголовок лендинга и тексты рекламных объявлений контекстной рекламы содержат один и тот же маркетинговый посыл. Если в объявлениях вы предлагаете курсы английского языка, то и в заголовке говорите об этих курсах.
22. У главного заголовка лендинга есть подзаголовок.
Заголовок лендинга обычно достаточно короток, и нуждается в подзаголовке, чтобы:
- Расшифровать оффер из заголовка, сделать его понятнее для посетителя
- Дополнить оффер, обосновать выгоду и ценность.
23. Главный заголовок лендинга отвечает на вопрос «О чем эта страница?»
Основная мысль посадочной страницы должна быть выражена в заголовке. Иначе посетитель просто не станет листать дальше.
24. Новый посетитель сможет за 5-10 секунд уловить основную суть вашего предложения.
Зайдя на страницу, посетитель должен в течение нескольких секунд усвоить кто вы, что предлагаете и почему это ему нужно.
25. На странице размещен 30-секундный рассказ о концепции вашего продукта.
Составьте лаконичный текст, объясняющий, что представляет ваш продукт, товар или услуга. Простым языком, четко и понятно с первого прочтения.
26. Составьте краткое описание вашей компании
Если вы еще неизвестная фирма или таргетируетесь на целевую аудиторию, которая вас пока не знает, расскажите о себе. Вкратце опишите, чем занимаетесь, как давно в бизнесе. Можно использовать инфографику, текст, видео или flash-элементы.
27. На странице есть видео или картинка, которая поясняет, как использовать ваш продукт.
Пользователю важно увидеть предмет покупки в действии. Снимите ролик, где показано, как применяется товар. Если нет возможности снять видео, сделайте качественные фото, показывающие товар в процессе использования.
28. Текст лендинга объясняет, чем уникален ваш товар или услуга.
Лендинг должен содержать уникальное торговое предложение – индивидуальную характеристику продукта, на основе которой строится общая стратегия продвижения.
УТП даёт потребителю понять, почему нужно покупать именно ваш товар или обращаться за услугой именно к вам.
29. Описание товара или услуги сосредоточено на потребительских преимуществах, а не на характеристиках.
Важно объяснить потребителю, чем ваш товар или услуга полезна для него. Чтобы повысить конверсию лендинга, нужно сконцентрироваться на выгоде для клиента. Например, вы продаете пластиковые окна со встроенными оконными фильтрами. В чем выгода для потребителя? В том, что можно не открывать окно и не впускать в квартиру уличный шум, но все равно получать чистый воздух. Так по аналогии можно разобрать любые преимущества товаров и услуг.
30. Все факты о товаре или услуге, указанные в тексте, можно проверить и подтвердить.
Продающий текст для лендинга должен быть основан на фактах о товаре, которые можно подтвердить. Если вы приводите данные статистики, исследований, тестов и экспериментов, обязательно давайте ссылку на источник этой информации или делайте сноску. Это повысит доверие к вам.
31. Отключите автопроигрывание видео.
Пусть пользователь сам выбирает, хочет он смотреть видео или нет. Если видео начнет проигрываться против его воли, да еще и с громким звуком, он просто закроет страницу и больше на нее не зайдет.
32. Видеоролик должен заканчиваться призывом к целевому действию.
В конце видеоролика о вашем продукте не забывайте еще раз озвучить свой оффер и call-to-action.
33. Каждый элемент страницы должен фокусироваться на пояснении одного концепта.
Блок для лендинга – как абзац для книги. В нем сосредоточена только одна идея. Если вы пишите в блоке о преимуществах товара, то здесь не должно быть отзывов. Если пишите об этапах работы – не нужно расписывать выгоды и преимущества.
34. Попробуйте улучшить страницу по методу Стива Круга. Удалите 50% контента, а потом удалите ещё половину того, что осталось. Достигайте максимальной простоты и ясности информации.
Американский специалист по юзабилити Стив Круг советует максимально упрощать взаимодействие пользователя и сайта. Попробуйте убрать половину текста и перечитайте. Если смысл сохранился, то уберите еще половину от того, что осталось.
Текст для лендинга должен быть простым и концентрированно информативным. Сделайте так, чтобы посетитель уловил суть даже не вчитываясь.
35. В тексте лендинга нет ошибок и опечаток.
Ошибки и опечатки сразу портят репутацию компании. Если пишете текст сами, отдайте его на вычитку редактору. Возможно, с грамотностью у вас все в порядке, но глаз “замыливается”, и вы уже не замечаете мелких ошибок.
Факторы доверия аудитории
36. На странице размещены позитивные отзывы покупателей, использовавших ваш товар или услугу.
Люди в 90% случаях ищут отзывы о товарах или услугах, брендах или компаниях. Поиск рекомендаций от других потребителей – одно из звеньев в цепочке, ведущей к принятию решения о покупке.
Размещение отзывов потребителей о вас или вашем товаре прямо на посадочной странице сокращает эту цепочку и быстрее подводит клиента к приобретению. Однако помните, что если люди увидят, что ваши отзывы фейковые, доверие к вам резко упадет. Старайтесь получать обратную связь от реальных покупателей.
37. Если у вас есть известные клиенты, упомяните о них на странице.
Это мощное социальное доказательство, вызывающее доверие и мотивацию купить продукт. «Если выбирают успешные и знаменитые, значит это того стоит».
38. Если вы призываете пользователей зарегистрироваться на вебинар или мероприятие, покажите, сколько человек уже зарегистрировалось.
Еще один вариант социального доказательства. Только используйте реальные цифры.
39. Размещайте портфолио и примеры готовых проектов.
Выберете свои лучшие работы и сделайте из них галерею, чтобы продемонстрировать клиентам. Потребуются качественные фотографии в высоком разрешении. Портфолио в глазах посетителей – это еще и доказательство того, что вы реально существующая фирма, а не мошенники.
40. Используйте собственные фото.
Типичные стоковые картинки – это зло. Они скучные, эмоции в них наигранные. Люди им не верят. Найдите возможность сделать собственные фото вашего офиса, штата сотрудников, производства, спортзала, клуба и пр. Это повысит к вам доверие посетителей и сделает вашу посадочную страницу уникальной.
41. Используйте Яндекс.Карты или Google.Maps, чтобы показать, где вы расположены.
Если у вас есть офис, разместите в футере лендинга карту с точным расположением. Так пользователи смогут найти короткий маршрут и удобный способ передвижения. И убедятся, что вы на самом деле существуете.
42. Расскажите об оплате и доставке.
Для любого товарного лендинга обязателен блок информации о доставке и оплате. Покупателю важно четко понимать, каким способом можно оплатить товар и как долго посылка будет к нему идти. Если этой информации нет или она неполная, есть риск потерять клиента.
43. Блок о гарантиях и условиях возврата.
Покупатели хотят быть уверены, что если им попадется товар ненадлежащего качество, они смогут вернуть деньги. Расскажите о гарантиях и условиях возврата, чтобы они решились на покупку.
Call-to-Action (CTA) – оформляем призыв к действию
44. Разместите на кнопках надписи «Нажмите здесь» или «Отправить».
Обязательно подписывайте все кнопки, чтобы обозначить, какие именно действия вы ждете от посетителя.
45. Количество кнопок призыва к действию сокращено до 1-2.
Не пытайте посетителя бесконечными «заказать», «зарегистрироваться» и пр. Большое количество кнопок CTA создает эффект навязчивости и впаривания. Разместите кнопку в начале и в конце посадочной страницы. Этого достаточно.
46. Кнопка целевого действия контрастирует с общим оформлением страницы.
Чтобы самая главная кнопка не затерялась в ярком дизайне посадочной страницы, оформите ее контрастным цветом.
47. Кнопка целевого действия размещена в первом экране возле заголовка.
Возможно, ваш оффер настолько сильно повлияет на покупателя, что он сразу решить сделать заказ. Иногда пользователь читает весь текст, потом возвращается на первый экран. Поведение посетителя непредсказуемо, поэтому разместите кнопку CTA там, где ее легко найдут.
Технические моменты
48. Предложено несколько способов связи: телефон, онлайн-чат, мессенджер. Кнопки обратной связи должны быть кликабельны.
Используйте все возможные варианты: телефон, мессенджеры, электронную почту, всплывающее окно онлайн-чата и пр. Потребители бывают разными: кому-то проще позвонить, кто-то любит написать. Будьте доступны по всем каналам связи и отвечайте оперативно.
49. Напишите политику конфиденциальности.
Почитать подробно о том, что такое персональные данные, можно в 152-ФЗ. Мы же вкратце расскажем, кому они нужны, что писать и куда размещать. Вам нужно составить свою политику конфиденциальности, если на вашем лендинге есть формы заказа, регистрации, обратной связи, – в общем, все, что касается ввода посетителем своего ФИО, емейла, номера телефона и пр.
Утвержденной законом формы политики конфиденциальности нет, но есть перечень пунктов, которые прописываются в документе:
- на каком основании и с какой целью вы собираете персональные данные;
- название вашей фирмы, адрес и контакты;
- сведения о лицах, обрабатывающих данные и о тех, кто имеет к ним доступ;
- какие данные вы обрабатываете и из каких источников получаете (включая cookie);
- сроки обработки и хранения данных;
- как вы соблюдаете права субъекта, предусмотренные 154-ФЗ;
- сведения о том, что вы передаете данные за пределы России;
Главное – это указать все требуемые законом сведения. Сделать это можно в свободной и понятной пользователям форме. Ваши клиенты должны быть уверены, что вы защищаете их право на неприкосновенность частной жизни и личную тайну.
Политика конфиденциальности публикуется на отдельной страничке или в виде всплывающего лайтбокса. Доступ к ней обеспечивается в один клик по ссылке. Ссылка размещается возле форм сбора контактных данных либо в подвале лендинга.
50. Разработайте пользовательское соглашение.
Пользовательское соглашение - это договор, который заключается между владельцев сайта и пользователем. Документ регулирует правила пользования и предоставления доступа к контенту на веб-ресурсе.
ПС сводит к минимуму все правовые риски, связанные с использованием сайта. Составлять этот документ нужно так, чтобы расписать понятно и доступно все условия и специальные термины. Что стоит включить в текст пользовательского соглашения:
- Общие положения. Ключевые определения: пользователь, администрация, сервис, платформа и пр. Также оговаривается, что пользованием сайтом означает для пользователя его согласие с положениями и их принятие.
- Условия пользования сайтом. Разъяснение условий пользования лендингом, обязанности посетителя хранить свои регистрационные данные и нести ответственность за их потерю или передачу третьим лицам.
- Лицензия пользования. Перечень разрешенных вариантов использования лендинга.
- Гарантии со стороны пользователя. Прописываем, какие гарантии дает посетитель, соглашаясь с ПС.
- Ограничения. Указываем на ограничение ответственности администрации сайта за контент, который загружают пользователи. Прописываем предупреждение о праве администрации удалять материалы, не соответствующие российскому законодательству.
- Предупреждение об ответственности. Оговариваем, что за все действия, совершенные под логином и паролем пользователя, он несет ответственность.
Это основные положения. Вы можете ими не ограничиваться и включить дополнительные пункты, например, описать ответственность за обработку данных банковских карт и пр.
51. На странице размещены логотипы и сертификаты партнёров, отвечающих за безопасность пользовательских данных.
Если вы используете SSL-сертификат, разместите его значок в футере лендинга, чтобы пользователи знали о безопасной передаче данных. Если используете безналичный платеж, уместно разместить в подвале такие значки, как Verified by Visa, MasterCard SecureCode, 3-d secure и прочие.
52. Пропишите атрибут alt для изображений.
Если что-то пойдет не так, и у пользователя в браузере не отображаются картинки, размещенные на посадочной странице, он увидит описание этих изображений, прописанное в alt-атрибуте. При стандартной работе браузера текст атрибута просто замещается картинкой.
53. Сделайте A/B-тестирование страницы.
A/B-тестирование - это своеобразный конкурс лендингов. Участвовать в нем может любой элемент макета, отдельный блок или вся страница в целом. Цель A/B-тестирования - понять, какой из вариантов лендингов соберет больше всего заявок, и в итоге выбрать его. На определенный период запускается одновременно сразу несколько вариантов посадочных страниц, которые различаются по каким-то критериям. Затем оценивается эффективность лендингов и остается тот, кто показал выше конверсию.
54. Оптимизируйте контекстную рекламу лендинга, чтобы получить высокий рейтинг от Яндекс.Директ и Google AdWords.
Чем выше позиция объявления, тем лучше, поскольку возрастает вероятность, что его увидят потенциальные клиенты. Оптимизируйте вашу контекстную рекламу под требования Яндекс.Директа и Google AdWords, чтобы получить более высокие позиции и больше трафика.
55. Используйте отдельный лендинг для каждой рекламной кампании, товара, услуги.
Один лендинг – один продукт/услуга/рекламная кампания. Не смешивайте разные офферы и уникальные торговые предложения, чтобы не запутать посетителя.
56. Выявите тестовым путем оптимальное количество информации, которое нужно посетителю, чтобы совершить целевое действие.
Это можно сделать с помощью A/B-тестирования. Подготовьте несколько вариантов текста посадочной страницы и выявите, какой оптимальный объем информации нужен пользователю, чтобы принять решение о покупке. Эти данные пригодятся вам для последующих посадочных страниц.
57. Делайте адаптивный дизайн.
Адаптивный дизайн позволяет получить сайт, который одинаково красив и удобен для все устройств: ПК, смартфона, планшета и даже SmartTV. Трафик на лендинг может прийти с любого устройства, не теряйте клиента из-за неудобного сайта.
58. Оптимизируйте title, url и description под поисковые запросы.
Если вы хотите получать трафик не только от контекстной рекламы, но и поисковый, проведите минимальную SEO-оптимизацию лендинга. Пропишите метатеги, необходимые для ранжирования в поисковиках, подберите ключевые слова, релевантные пользовательским запросам, и встройте их в текст лендинга.
59. Скорость загрузки страницы – 3-4 секунды.
Доказано: пользователь не любит долго ждать. Если загрузка страницы превышает 4 секунды, 90% вероятности, что ее закроют. Обеспечьте быструю работу лендинга. Если лендинг тяжелый, то вы можете использовать прогресс-бар, чтобы посетитель видел, сколько еще осталось ждать.
60. Проверьте, как отображается сайт в разных браузерах.
Когда верстка лендинг пейдж закончена, посмотрите, как страница отображается во всех браузерах и на всех устройствах. Иногда бывает, что в одном браузере все хорошо, а в другом слетает кодировка или разъезжаются блоки.
Считаете, что чек-лист можно дополнить? Предлагаем поделиться своими предложениями в комментариях.
Не забудьте сохранить чек-лист к себе, чтобы воспользоваться им при создании лендинга!
