Как сделать чек лист сайта

Как сделать чек лист сайта

Мы в Contempium любим чек-листы, они напоминают о реализации мельчайших деталей. Каждый выполненный пункт чек-листа повышает ваши шансы на успех. Мы подготовили для вас полный чек-лист по созданию лендинга из 7 важных разделов:

  • Тексты
  • Изображения
  • Призыв к действию(CTA)
  • Структура
  • Пользовательский опыт
  • Ясность цели
  • Доверие

Руководствуясь этим чек-листом можно создавать новые посадочные страницы, а также проверять действующие:

  • За выполненный на вашем лендинге пункт ставьте +1 балл.
  • В конце вы можете получить максимально 37 баллов.

Текст лендинга

Заголовки

Целевой аудитории понятен заголовок на вашем лендинге, доносит ли он суть и выгоду вашего предложения до посетителя? Отвечает ли заголовок на вопрос: Почему посетитель нуждается в вашем предложении? Есть три составляющих эффективного заголовка:

  1. Фокус — ваш заголовок должен быть сосредоточен на одной теме, одной цели.
  2. Актуальность — ваш заголовок должен непосредственно относиться к вашему предложению и CTA.
  3. Преимущество – ваш заголовок должен рассказать о вашем Уникальном Торговом Предложении.

Airbnb выполнили сразу три пункта! Пример целевой страницы для владельцев квартир:

Лендинг Airbnb для тех, кто хочет сдать жилье

Лендинг Airbnb для тех, кто хочет сдать жилье. Выгода видна сразу в заголовке — «Зарабатывайте в роли хозяина на Airbnb».


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

Включает ли подзаголовок суть вашего уникального торгового предложения? Вносит ли больше ясности о вашем предложении? Перекликается ли он единой целью с призывом к действию (СТА)? Вот целевая страница AirBnB для гостей. Подзаголовок говорит именно то, что вы можете найти на этом сайте:

Посадочная страница Airbnb для гостей

Посадочная страница Airbnb для гостей. Подзаголовок раскрывает суть заголовка — «Живите здесь. Бронируйте уникальное жилье и смотрите на город глазами местных жителей».


Точное совпадение рекламного объявления и информации на лендинге

Соответствует ли информация на вашей страницы с рекламным сообщением, которое привело посетителя на лендинг? Используете ли вы тот же язык на посадочной странице и в рекламном объявлении? Это обязательное условие, если вы не хотите слить рекламный бюджет впустую.  Вот пример рекламного объявления сервиса онлайн выставок Swyto.com:

Рекламное объявление swyto.com в сети Google Adwords

Рекламное объявление swyto.com в сети Google Adwords

Формулировка предложения на лендинге совпадает на 100%:

Лендинг онлайн выставки Дизайн интерьеров 2016 на портале swyto.com

Лендинг онлайн выставки Дизайн интерьеров 2016 на портале swyto.com


Читабельность текста

Просто ли найти на вашей странице нужную информацию? Удобный ли шрифт используется на странице, разборчив ли он, легко читается? Может ли любой читатель, даже самый ленивый, понять ваше предложение? Вот почему это так важно:

Насколько хорошо американцы читают

Насколько хорошо американцы читают. К сожалению, нам удалось найти лишь статистику в США, но уверены, в России ситуация очень похожа. Пишите проще — вы потеряете вашу аудиторию, если будете создавать сложные тексты.


Срочность

Подталкивает ли ваш лендинг к мгновенным целевым действиям? Нажимаете ли вы на нужные психологические рычаги посетителя, на его страх упустить что-то важное и желание не потерять, нежели приобрести (лучше не терять 100 рублей, чем найти 100 рублей)? Стандартная практика: используйте таймер рядом с формой оформления заявки. Ребята из Spincat.ru пошли еще дальше и указали количество оставшихся мест.

Форма оформления заявки сайта Spincat.ru

Форма оформления заявки сайта Spincat.ru. Обратите внимание на таймер и на количество оставшихся мест.


Тон общения

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

Изображения на лендинге

Alt-текст

Используете ли вы Аlt-текст для оптимизации изображений? Добавление ALT-текста (альтернативный текст) к изображению – простое и полезное решения для улучшения SEO-показателей страниц (не касается одностраничников). Есть и другая выгода – даже если изображение не подгрузилось по каким-либо причинам, у посетителя страницы есть возможность прочитать описание и понять, что должно быть изображено на картинке. Мы советуем не превышать 70 символов для Alt-текста. Ниже, скриншот из WordPress: Alt-текст в WordPress

Уникальное торговое предложение (УТП)

Используете ли вы какой-либо образ, чтобы презентовать ваш продукт или услугу? Можно ли показать изображением или иллюстрацией то, как работает ваше предложение? Для того, чтобы показать УТП, DaYoga показали девушку, которая занимается йогой там, где ей это удобно – у себя дома: УТП сайта йоги онлайн DaYoga

Соответствие

Картинка на посадочной странице соответствует той же цели, что и ваш призыв к действию?

Брендинг

Виден ли логотип компании на вашей целевой странице? Присутствуют ли на странице айдентика и фирменные цвета бренда?

Повествование

Вызывает ли главное изображение правильные эмоции, необходимые для совершения действия? Может ли она рассказать историю, которая тронет вашего читателя до глубины души? Фонд Настенка делает все очень очевидным, он показывает историю счастливого выздоровления детей и просит помочь другим: Страница фонда помощи Настенка

Визуальные подсказки

Даёте ли вы посетителям своего лендинга какие-либо визуальные подсказки (тонкие или очевидные), чтобы подвести их к CTA? Используйте элементы, которые «провожают» посетителей лендинга к форме целевого действия.

Цвета

Ваши цвета на странице вызывают положительные эмоции? Достаточно ли на ней цветного контраста, выделяются ли CTA и кнопка? Вот так выглядит лендинг интернет провайдера из города Надым:

лендинг интернет провайдера из города Надым

Обратите внимание на то, что один из концов шнуров заканчивается на CTA-форме.


Сообщение открытым текстом

Избегаете ли вы использование стандартного текста CTA-кнопки (Отправить заявку, Заказать)? Четко ли вы описываете назначение CTA-кнопки? Сообщение на CTA-кнопке Нэйла Пателя является настолько ясным, что оно включает в себя целое предложение:

Лендинг Neil Patel с правильной кнопкой CTA

Надпись на кнопке: «Да, я хочу, чтобы Neil научил меня развивать свой бизнес»


Соответствие «температуре» трафика

Различные CTA работают лучше (или хуже) в зависимости от того как «подогрет» посетитель страницы. Продать услугу/товар «холодному» посетителю сложнее, поэтому подготовьте для него вовлекающий CTA. Также важно, откуда переходят посетители на вашу страницу: из поиска, всплывающего окна, социальных сетей или видео. 

Форма связи

Длина

Вы знаете, какой будет оптимальная длина вашей формы связи? Важно не ошибиться на этом этапе. Слишком часто форму делают слишком короткой, считая, что это лучше, но часто получается наоборот.

Количество шагов в форме

Сколько шагов у вашей формы до завершения? Нет ли у вас слишком сложных вопросов в начале (при ответе на которые, пользователь может уйти со страницы)? Пример правильной формы c 3 шагами:

Форма с тремя шагами

Подготавливайте клиентов, проводя их через шаги формы CTA

Идея таких форм – вызвать у пользователя уверенность. Человек вероятнее всего закончит начатое дело. В Psychology Today’s Стефани Саркис, доктор философии, объясняет эффект Зейгарника в статье:

«Получается, что мозгу человека просто необходимо закончить начатое дело. Когда мозг не может этого сделать, он зацикливается на этом».

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

Структура лендинга

Навигация

На вашей странице есть меню навигации в шапке? По вашей посадочной странице просто перемещаться? Посетителям понятно, что делать на ней? На нашем лендинге с комплексным интернет-продвижением мы провели тестирование: в шапку сайта добавили стандартное меню навигации с основными разделами. Результат поражающий: конверсия на лендинге упала на 97%.

Уберите навигацию с вашего лендинга и получите гарантированный прирост конверсии

Уберите навигацию с вашего лендинга и получите гарантированный прирост конверсии


Адаптивность

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

А вашу посадочную страницу так же удобно просматривать на разных устройствах, как у Xbox One?

А вашу посадочную страницу так же удобно просматривать на разных устройствах, как у Xbox One?


Длина

Вы проверяли разные варианты по длине для посадочной страницы? В зависимости от проекта длина посадочной страницы будет иметь разный эффект. Вот, к примеру, тот случай, когда увеличение длины в 10 раз увеличило конверсию на 30%!

Длинная посадочная страница показала на 30% большую конверсию, чем короткая

Длинная посадочная страница показала на 30% большую конверсию, чем короткая

Вот другой пример:

В этом случае выиграла короткая целевая страница, которая показала на 70% лучшую конверсию, чем длинная

В этом случае выиграла короткая целевая страница, которая показала на 70% лучшую конверсию, чем длинная


Логотип

Находится ли ваш логотип в стандартном месте (вверху слева)? Ведет ли логотип на главную страницу? Размещение логотипа в левом верхнем углу страницы стало стандартной практикой. Не стоит проявлять оригинальность и перемещать его, оставьте логотип в привычном для людей месте, иначе это навредит юзабилити сайта. В Orbit Media Studios исследовали лучшие 50 веб-сайтов и выяснил что:

“У 100% исследуемых веб-сайтов вверху слева страниц был активный логотип компании, ведущий на главную. Это — стандарт”.

Подвал/Футер

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

Пользовательский опыт

Для мобильных устройств

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

Функциональные элементы

Вы провели тест по пользовательскому опыту на вашей странице? Все ли необходимые элементы (кнопки, формы и пр.) работают?

Страница благодарности о совершенном действии

Вы оптимизировали эту страницу? Вы четко объяснили пользователю следующие шаги? Страница благодарности — это шанс порадовать пользователя и заключить успешную сделку. Покажите пользователю, чего ожидать, когда это произойдет и как. Рекомендация от HubSpot для идеальной страницы благодарности:

Страница благодарности HubSpot

Страница благодарности HubSpot

  1. Повторите ценность оригинального предложения
  2. Покажите содержание вашего предложения
  3. Сделайте логичный вторичный CTA
  4. Создайте возможность поделиться с другими
  5. Дайте возможность установить с вами связь в социальных сетях
  6. Сделайте ссылки на другой, релевантный контент
  7. Спросите новые вопросы в следующей форме

Подробная инструкция

Знают ли посетители, чего ожидать, если они согласятся на ваше предложение? Знают ли читатели, что произойдет после клика на ваш СТА? Аналогично странице благодарности, дайте пользователю понять, что произойдет дальше. Вот как это делает сервис генерации посадочных страниц lpgenerator.ru:

Становится сразу понять, что получит пользователь после заполнения формы

Становится сразу понять, что получит пользователь после заполнения формы


Ясность цели

5-секундный тест

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

Очевидное уникальное торговое предложение (УТП)

Посетители вашей страницы могут, не напрягая мозг, понять в чем заключается ваше УТП? Знают ли они, какую выгоду получат из вашего предложения? Ваш УТП должен быть показан при любой возможности: в заголовке, подзаголовоке, тексте, изображениях, CTA, и т.д. Все элементы страницы должны играть на руку вашему УТП. Чем более очевиден ваш УТП, тем выше конверсия.

Ничего лишнего

На вашей странице достаточно свободного пространства? Дизайн страницы можно назвать чистым и свободным?  Есть ли у вас соотношение 1:1 белого пространства и текста? Вот пример загроможденной и чистой страниц на примере двух производителей бетона:

Не нужно засорять целевую страницу, как в варианте 1

Не нужно засорять целевую страницу, как в варианте 1.


Простота

Вы убрали лишние вопросы и информацию? Достаточно «причесали» страницу, удалив излишки информации в тексте, элементах и изображениях? Ничто не должно отвлекать пользователя от CTA.

Доверие

Социальные доказательства

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

Социальные доказательства Flickr

Социальные доказательства Flickr


Значки

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

Различные сервисы безопасности. Какие подойдут вам?

Различные сервисы безопасности. Какие подойдут вам?


Рекомендации

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

Клиенты сервиса CallBackHunter

Клиенты сервиса CallBackHunter


Реалистичность

Рекомендации на вашей странице реальны? Вы используете реальные цитаты, фотографии и людей? Есть ли у вас отзывы? Показываете ли вы отрицательные отзывы, или используете только положительные? У Basecamp есть длинный список реальных цитат и отзывов на домашней странице:

Длинный список реальных отзывов клиентов Basecamp

Длинный список реальных отзывов клиентов Basecamp


Нет негативному мышлению

Вы избегаете любую возможность возникновения негативных мыслей? Возможно, такие слова, как: «не будем присылать спам» или «не продадим ваш e-mail в базу спамерам», заставят пользователя задуматься и уменьшат шансы на нажатие ими вашей CTA-кнопки. Ваши посетители, вероятно, даже не думали о негативных вещах, пока вы не упомянули о них.

Эмоции

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

Путь бренда от функционального продукта к большой идеи

Путь бренда от функционального продукта к большой идеи


Заключительные мысли

Готовы к битве за конверсию? Если при проверке вашего лендинга по этому чек-листу у вас все ответы положительные, шансы конверсии на вашей целевой странице значительно выше. Помните, что без тщательного тестирования невозможно создать совершенную целевую страницу. Но ведь для этого и существуют чек-листы, чтобы сэкономить ваше время, структурировать информацию и не забыть о мельчайших деталях!   Футбол, Россия

Как сделать чек лист сайта
Как сделать чек лист сайта

13 Вещей, Которые Вам Необходимо Проверить Перед Запуском Как сделать чек лист сайта
13 Вещей, Которые Вам Необходимо Проверить Перед Запуском Как сделать чек лист сайта

Создание лендинга: самый полный Как сделать чек лист сайта
Создание лендинга: самый полный Как сделать чек лист сайта

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

Как сделать чек лист сайта Создать
Как сделать чек лист сайта Создать

Как сделать чек лист сайта 20
Как сделать чек лист сайта 20

Как сделать чек лист сайта M - America2030A - Home Page
Как сделать чек лист сайта M - America2030A - Home Page

Похожие статьи