Чек-лист из 110 пунктов для проверки продающего лендинга

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

Не следует четко ориентироваться на все пункты, это лишь рекомендательный лист. Некоторые из этих пунктов могут отсутствовать, никак не повлияв на качестве лендинга. Как правило, показатель в 70-75 пунктов уже является хорошим значением. 

3 столпа любого лендинга

1. Возможность совершать необходимое действие. Когда человек попадает на страницу лендинга, предварительная реклама или сам товар может молниеносно повлиять на решение человека приобрести продукцию. Ему не нужны будут дополнительные блоки о преимуществах, качестве и прочее. Крайне важно, чтобы пользователь, посетивший ресурс, сразу же смог купить товар, не листая страницу в поисках заветной кнопки. 
2. Несколько кнопок действий. Этот пункт тесно связан с предыдущим. На лендинге любого типа должно присутствовать несколько кнопок совершения действия. Они практически всегда должны находиться на видном месте. Как только человек примет решение, он должен сразу же заказать продукцию, без поиска кнопки по всему лендингу. 
3. Бонус в обмен на контакты. Каким бы привлекательным не был ваш лендинг, большое количество людей будут уходить без совершения заказа. Если вы можете подарить такому пользователю что-либо (электронную книгу, список советов и рекомендаций, приватные записи вебинаров и прочее) — воспользуйтесь этим бонусом для обмена на контакты пользователя. Позже вы сможете связаться с человеком и, возможно, убедить его совершить заказ. 

Заголовок

4. Настоятельно рекомендуется оформить заголовок в теги H1. Он должен быть один на странице. 
5. Заголовок должен быть лаконичным. Длинные предложения будут отталкивать людей. Не используйте более 9-10 слов в заголовке. 
6. Заголовок должен быть написан в CTA (call to action) формате и мотивировать человека изучить материалы на лендинге или совершить покупку.
7. Заголовок лендинга должен быть активным и указывать на действие товара. Отмечайте, что ваш продукт “помогает” , “расширяет”, “действует”, “увеличивает” и прочее. 
8. Убедитесь, что заголовок и продукт лендинга четко совпадает с рекламным объявлением. Покупатель будет заинтересован в том, что увидел в рекламе. Если вы показывали красный набор с 20 инструментами, а на лендинге размещен желтый с 15 инструментами — это может крайне негативно сказаться на продажах и отношению пользователей к вашему бренду в целом. 

Подзаголовок

9. Все последующие заголовки оформляются соответствующими тегами H2, H3, H4, H5, H6. Первый подзаголовок нужно оформлять через тег H2. 
10. Если в заголовке не удалось расписать правильно CTA или он содержит другую информацию — используйте подзаголовок для дополнительного CTA или уточнения предложения. 
11. Обратите внимание, что подзаголовок не должен дублировать основной заголовок. Они связаны только по смыслу, но не должны совпадать, повторяя информацию. 

Картинки

12. Рекомендуется сразу же избавиться от всех “пиксельных” или размытых изображений. На вашем лендинге должны быть качественные, яркие и сочные картинки, которые привлекают внимание. 
13. Изображения должны быть сжатыми для быстрой загрузки лендинга. Также они должны быть адаптивны под разные экраны устройств. 
14. Позаботьтесь о том, чтобы ваши изображения были эксклюзивными. В случае, если у вас нет возможности использовать уникальные картинки, постарайтесь качественно отредактировать существующие.
15. Картинка также должна иметь смысловую нагрузку. Она должна отлично сочетаться с заголовком, оффером и остальным контентом страницы.
16. На изображениях рекомендуется показывать не условности, а вашу продукцию или услугу в действии. Например, как человек взаимодействует с продуктом или использует его по назначению, части товара, результаты услуги и прочее. 
17. Учитывайте целевую аудиторию. На изображениях с вашей продукцией должны быть люди из целевой аудитории, а не просто случайные фотографии из стоковых ресурсов. Пользователь должен автоматически ассоциировать себя с людьми на изображении. 
18. Изображение с людьми должно излучать позитивные эмоции: радость, улыбку, позитивные чувства. 

Видео

19. Если вы хотите получить максимальную отдачу — используйте качественные видео, снятые профессионально. Ролики, снятые на старые телефоны, веб-камеры не внушают доверия посетителям. 
20. Ролики, как и заголовок, должны быть короткими. Если ваше видео длиннее пары минут — его вряд ли будут досматривать до конца. Поэтому следует ориентироваться на длительность до полутора минуты. 
21. Акцентируйте внимание человека на том, что просмотр видео поможет ему узнать больше деталей о предложении или продукции. 
22. В видео нужно показать непосредственно работу с вашей продукцией, взаимодействие с товаром, показать, как он работает на практике или результаты предоставляемой услуги. 
23. Видео должно располагаться на стабильном хостинге или загружаться с вашего сайта. Оно должно отображаться быстро, безошибочно, и без кнопки перехода на видеохостинг. 

Логотип

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

Оффер

27. Оффер в обязательном порядке должен находиться на основном экране при загрузке лендинга. 
28. В оффере уважительно относитесь к пользователям. Все они изначально — незнакомые для вас люди, поэтому не рекомендуется переходить на дружеский тон. Как правило, стоит использовать уважительную форму “Вы”. 
29. Оффер должен содержать какие-либо данные о гарантии: сроки, возврат средств и прочее. Это позволит увеличить доверие посетителей к лендингу и продукции. 
30. На лендинге должна присутствовать какая-либо социальная активность. Чаще всего это отзывы пользователей, но вы можете рассмотреть и другие варианты. 
31. Рекомендуется добавить ограничения для оффера. Это может быть лимитированность товара, окончание акционного предложения и прочее. 

Категоризация комплектов или тарифов

32. Рекомендуется реализовать несколько комплектов вашего оффера или несколько тарифных планов.
33. У каждого из тарифов должна быть указана стоимость с понижением.
34. Один из тарифов должен предлагать дополнительный перечень возможностей и именоваться “VIP”, “SPECIAL”, “PREMIUM” и т.д.
35. Тарифные планы должны выделяться на фоне все остального лендинга. Человек должен фокусировать на них внимание.
36. Для клиентов, которые захотят VIP тариф, должны присутствовать интересные и полезные бонусы.
37. Вам нужно сформировать тарифы таким образом, чтобы самый дешевый выглядел не выгодно в сравнении с более дорогими. 

Отзывы

38. Заслужить доверие клиентов все сложнее. Каждая карточка с отзывом должна содержать реальное фото человека, имя, желательно должность или ресурс с которым он работает, а также ссылки на социальные сети. 
39. Отзывы должны выглядеть правдоподобно, не наиграно и не шаблонно. Они должны описывать выгоду, которую получил человек, воспользовавшись услугой или купив товар.
40. Отзывы уже не используются просто как отзывы о товарах и услугах. Их задача — нивелировать любые сомнения посетителей. 
41. Выделяйте ключевые мысли отзыва жирным шрифтом, чтобы сфокусировать на них внимание.

Цены

42. Цены на лендинге должны быть указаны четко, в нескольких местах.
43. Крупные суммы должны визуально сокращаться. Вместо 50,000 следует писать “50 тыс.”, “50 тысяч”. Также рекомендуется сокращать круглые цифры на единицу: не 2,000 рублей, а 1,999.
44. Указывайте старую и новую цену. Старая цена должна быть заметно выше и перечеркнута линией. 
45. Стоимость должна выделяться на фоне окружения элемента на странице. Она должна быть контрастной и привлекать внимание пользователя.
46. При наличии возможности стоит создавать реалистичные ценники с нечетными цифрами. Например, 7,542 рублей. 

Скидки

47. Для скидок нужно использовать четные цифры по возрастанию (напомним, в ценах наоборот — нечетные и по убыванию). Например 2,688 рублей. Визуально это создает впечатление большой скидки.
48. Скидка должна выделяться на фоне других элементом. Зачастую она также перекрывает по фокусировке все остальные цены.
49. Скидка должна быть выражена в конкретной сумме, а не условных процентах. Человек сразу должен понимать, какую сумму он экономит.
50. Все скидки должны быть ограниченными по времени.

Ограничения

51. На лендинге обязательно должны быть триггерные фразы ограничений: “Успей”, “Не упусти свой шанс”, “Предложение ограничено” и прочее.
52. Создайте мотивацию сразу же отправить свои контактные данные. Это действие можно запустить предложив бесплатную консультацию, доступ к ограниченным файлам и прочее.
53. Вы можете указать ограничение мест для услуги, чтобы мотивировать человека воспользоваться предложением прямо сейчас.
54. При продаже товара обязательно укажите лимитированность товара.
55. Используйте эффект лавины — укажите на странице что сейчас цена акционная и будет увеличиваться на определенную сумму каждые 24 часа или каждую неделю. 

Статистика

56. Избавьтесь от любых шаблонных фраз: “Мы на рынке более 10 лет”, “Мы продали 1000 продуктов” и прочее.
57. Статистика должна быть такой же простой, как и цены. Это конкретные цифры, оформленные визуально и понятные даже без особой фокусировки внимания.
58. Упрощайте статистику по максимуму. Не нужно использовать разноцветные иконки с подписями, сложные схемы и много анимации. 
59. Статистика лендинга не должна охватывать всю визуальную область просмотра страницы. Максимум — это половина экрана пользователя. 
60. При сотрудничестве и партнерстве с крупными компаниями нужно указать их логотипы. 

Социальные показатели

61. Добавьте скриншот публикации какой-либо информации в СМИ без ссылки на саму новость. Эта информация должна поднять доверие и уровень репутации лендинга в глазах человека.
62. Разместите на лендинге независимое исследование с подтверждением эффективности вашего товара или независимое мнение экспертов о самой продукции/услуге.
63. При наличии сертификатов обязательно укажите их на лендинге, чтобы дополнительно поднять доверие посетителей. Создавать фейковые грамоты и сертификаты не рекомендуется. 
64. Видеоотзывы работают отлично. Их наличие на сайте может сильно улучшить доверие посетителей к ресурсу и товару.
65. Укажите, что часть средств, которые вы получаете от продажи, направляются на благотворительность. 

Форма действия

66. Форма действий должна находиться рядом с оффером, если человек быстро примет решение заказать продукцию.
67. Формы вызываются при клике на кнопку рядом с оффером.
68. В форме у каждого поля есть объяснение, чтобы у человека не было проблем с вводом нужной информации.
69. При указании неправильных данных должна появиться ошибка и объяснение о том, как ввести данные правильно. 
70. Укажите формат, в котором нужно вводить номер телефона. Также должны быть установлены ограничения на количество цифр для ввода, чтобы человек не ввел лишние цифры.
71. Прямо в форме укажите какое-либо ограничение. Например, о сроке действия предложения.

Кнопка заказа

72. Кнопка должна гармонично сочетаться с остальным дизайном.
73. Как правило для кнопок используют зеленый или желтый цвет. Вы можете использовать любой. Важно, чтобы цвет выделялся на фоне других элементов для фокусировки внимания. 
74. Объедините название кнопки с заголовком или подзаголовками. Если вы указывали слова “Хотите крем?” — напишите в кнопке “Хочу крем”. Если было указано “Купите крем сегодня и…” — на кнопке также следует указать “Купить” или “Купить крем”. 
75. Обязательно разместите ссылки на политику конфиденциальности, условия и прочую важную информацию. Пользователь должен иметь доступ к этим данным перед покупкой.

Дополнительные “фишки”

76. В конце лендинга предложите пользователю скачать инструкцию, презентацию, руководство или другую информацию, которая касается вашей продукции. 
77. Добавьте возможность подписки на рассылку от вашей компании.
78. При наличии такой возможности рекомендуется добавить демо-версию или тестовый период. Для услуги — бесплатную консультацию, замеры и прочее.
79. У пользователей должна быть возможность оплатить товар или услугу несколькими способами.

Футер

80. Обязательно укажите контактные данные и адрес.
81. В этом блоке вы можете разместить политику конфиденциальности и другие материалы. Также здесь могут быть ссылки на условия оплаты и доставки.
82. Обязательно укажите копирайт ©.
83. Наличие пустого пространства — не проблема. Не нужно пытаться заполнить его абсолютно ненужными блоками и элементами.

Дизайн

84. Дизайн не должен быть шаблонным, старым, неопрятным. Качественная страница с хорошими изображениями и правильным фокусом внимания.
85. Пользователь должен моментально понимать тематику страницы и быстро находить все нужные элементы.
86. На странице должны быть разные варианты связи, размещенные на большинстве блоков лендинга.
87. Текста не должно быть много. Он должен быть простым, читаться легко, без ошибок и длинных слов. 

Текст

88. Заголовки и подзаголовки нужно выделять жирными шрифтами или другими стилями. 
89. Стандартные размеры текста — 14-16px для обычного текста, 24+ для заголовков. Однако эти цифры могут изменяться в зависимости от дизайна.
90. Разбивайте блоки текста на абзацы. Создавайте пространство между строками текста. Избавьтесь от любой “простыни” текста, которая есть на лендинге.
91. Абзацы должны быть равными визуально. Они должны состоять из простых предложений. Постарайтесь не создавать более 5-6 строк в одном абзаце.
92. Подберите правильный шрифт без засечек. 
93. Выделяйте любые важные детали жирным шрифтом. 
94. Не используйте любые “ядовитые” цвета для текста. Сам текст должен быть контрастным. Лучше всего использовать темные цвета на светлом фоне.
95. По умолчанию следует выравнивать текст по левому краю, если иначе не было предложено дизайнером.
96. Весь текст должен быть активным и энергичным. Задача текста — плавно направлять человека на совершение действия.
97. Ссылки должны выделяться на фоне текста.
98. Обязательно вычитывайте текст на ошибки, желательно, несколько раз, с помощью сервисов или дополнительно другим человеком.
99. При наличии многоязычности перевод должен быть выполнен правильно и адаптирован под страну, для которой будет отображаться, чтобы не возникало культурных и религиозных проблем, а также для избежания двусмысленности.

Проектирование

100. Лендинг должен быть “чистым”, без лишних элементов, перенаполненности информацией. Уберите все, что не является важным для работы лендинга.
101. На лендинге не должно быть скрытых элементов, выпадающих списков со сложной реализацией или любых вещей, которые могут “сломаться” у пользователя при просмотре. 
102. У всех полей должны присутствовать подсказки, которые помогут ввести правильную информацию.
103. Повторяйте CTA сбалансированно. Элементы призыва к действию не должны быть в каждом блоке. Стандарт — один раз на 2 или 3 блока.
104. После подготовки лендинга проверьте скорость его загрузки и адаптацию. Он должен быстро открываться на всех популярных устройствах. Если скорость загрузки превышает 3-4 секунды — стоит задуматься об ускорении работы сайта.
105. Очистите код лендинга от всего мусора, который может тормозить работу сайта.
106. Используйте пиксель от Facebook для отслеживания статистики.
107. Лендинг должен отвечать на вопросы пользователей “зачем мне этот продукт?”, “почему я должен купить именно здесь?”, “действительно ли скидка выгодна?” и прочее.
108. Заранее установите SSL сертификат.
109. Проверьте работоспособность всех кнопок и ссылок и сервисов, которые используете для лендинга.
110. Добавьте на сайт Яндекс.Метрику или другие системы сбора статистики.

Источник