Оглавление
Базовые условия эффективного лендинга.
Маркетинг.
Юзабилити.
Контент.
Доверие.
Призыв к действию.
Технологии.
Базовые условия эффективного лендинга
Четыре условия, перечисленных ниже — это фундамент, без которого ни один лендинг не начнет продуктивно работать.
-
Проанализируйте рынок.
Установите конкурентоспособность оффера. Определите соперников. Составьте портрет типичного целевого посетителя.
-
Назначьте оптимальную цену.
Завышенная или заниженная цены не принесут плодов. Оптимизируйте процесс ценообразование. Приготовьте адекватное объяснение любой цене, существенно отличающейся от среднерыночной. Будьте готовы ответить в любой момент на вопрос, почему у вас дешевле или дороже чем у соседей.
-
Сформулируйте предложение.
Оно должно быть коротким, четким, доступным. Введите в текст оффера ключевую фразу. Пропишите предложение в заголовке сайта.
-
Отточите контекстную рекламу.
Направьте всю мощь рекламных объявлений и креативов прямо на целевого посетителя.
Маркетинг
1. Концентрация на одном продукте
Все тексты, изображения, видео, все посылы, которые исходят от лендинга направьте только на один продукт. Если вы продаете саженцы элитных сортов груш, то не упоминайте о том, что у вас есть удобрения, садовые инструменты и семена однолетних цветов.
Бейте только в одну цель — единственный продукт, услугу.
2. УТП — уникальное торговое предложение
В случае снижения цены или проведения распродажи, разверните ситуацию лицом к покупателю. Назовите его выгоду в конкретных цифрах.
Если дарите подарок, то о его ценности тоже надо рассказать. Бесплатное средство по уходу за обувью будет приятным дополнением к элитным женским туфлям. Расскажите о пользовательских качества обувного крема. О том, как он смягчает кожу и ухаживает за ней. Какое влияние оказывает на цвет туфель и насколько продляет срок их службы.
3. Решение проблем покупателя
Найдите проблему, которую можно решить с помощью вашего продукта. Ясным и простым языком опишите ее и предложите решение. Робот пылесос работает тогда, когда вы спите, гуляете, общаетесь с семьей. Он избавляет вас от изнурительной уборки по выходным дням.
Предложите другие варианты решения проблем потребителя.
4. Пробник
Пробный вариант продукта можно предоставить не всегда. Какой пробник может быть у мужской сорочки или дачного бассейна? Но если такая возможность появляется, то она открывает путь к быстрому сбору контактных данных. Используйте их в дальнейших маркетинговых действиях.
Косметика, продукты питания, парфюмерия — это те виды продуктов, которые дают простую возможность создать пробные образцы, раздать их людям и получить взамен бесценные сведения в виде контактной информации.
5. Повторение оффера
В конце каждого лендинга, на последнем или предпоследнем экране расположена форма регистрации или подписки. Повторите ваше предложение перед тем как покупатель начнет заполнять ее. Напомните ему о вашем продукте, удвойте коммерческое действие всего одностраничника.
6. Срочность
Создайте впечатление срочности, ажиотажа, риска опоздать и не получить своего. Добавьте на первый экран обратный отсчет до момента, когда нельзя будет воспользоваться предложением или выгода заметно снизится. Близкий дедлайн хорошо стимулирует покупку.
7. Popup-окна
Эффективность применения всплывающих окон оспаривается многими специалистами. Но если не выходить за рамки и не нарушать правил, то с помощью этого инструмента можно добиться хорошего маркетингового эффекта. Сделайте ваши поп-апы ненавязчивыми. Добавьте крестик, чтобы пользователь мог легко закрыть их. Поставьте условие появления не больше одного раза. И тогда инструмент принесет дополнительные лиды и увеличит конверсию.
8. Обратная связь
Поощряйте посетителей оставлять отзывы, отклики, ставить оценки, влиять на карму. С помощью обратной связи вы посмотрите на свое предложение свежим взглядом нового покупателя, откроете нюансы, которые были скрыты и неочевидны.
9. Регистрация
Упростите процессы оформления заказа, подписки, регистрации на сайте. Удалите лишние вопросы из форм. Откажитесь от сбора данных, которые можно узнать позже. Избавьте клиентов от большей части забот. Переложите ответственность за выполнение множества мелких обязанностей на себя. Уберите все капчи. Не требуйте подтверждения паролей. Забудьте о ненужных данных: фамилиях, отчествах, почтовых адресах. Не заставляйте людей заполнять паспортные данные, искать свой дом на карте, делать другие дела, выполнение которых можно поручить оператору отдела заказов.
Юзабилити
10. Понятный логотип
Попросите дизайнера создать такой логотип, по одному взгляду на который становится понятна сфера ваших занятий. Компании, которая продает металлопрокат не подойдет розовый логотип с голубыми цветочками. Лого частного детского сада будет выглядеть нелепо, если на черном фоне расположить череп с костями.
Задействуйте устоявшиеся общественные стереотипы. Не шокируйте людей культурными витиеватостями фраз в слоганах и леденящими кровь сочетаниями красок в логотипах. Соблюдайте нейтралитет и знайте меру.
11. Списки, таблицы, буллиты
Упростите восприятие информации с помощью маркированных и нумерованных списков. Разбейте самые главные сведения на буллиты, где каждый пункт перечисления снабжен ассоциативно понятной пиктограммой.
12. Концентрация внимания
Сконцентрируйте внимание посетителя на самом главном — продукте. Не отвлекайте пользователей лишней информацией. Спрячьте дополнительные сведения во всплывающие подсказки. Ссылки с лайтбоксами пометьте пунктирным подчеркиванием.
13. Короткие формы
Добавьте в форму обратной связи только два поля: имя и телефон. Или имя и адрес электронной почты. Избегайте перегрузки форм ненужными полями. Нажатие на кнопку «Отправить» запрограммируйте не только на щелчок мыши, но и на клавишу «Enter» настольной клавиатуры. Постарайтесь максимально сократить количество действий клиента во время обмена контактными данными.
14. Фирменный стиль
Сконцентрируйтесь на том, чтобы цвета, формы, стиль, язык, сочетание элементов соответствовало стилю, принятому в вашей компании. Обратитесь к корпоративному бренд-буку, чтобы узнать какое сочетание цветов, размер шрифта и формы элементов рекомендуется применять в тех или иных ситуациях.
Трудно представить, что сайт «Лукойла» выполнен в синих или зеленых тонах. А портал банка «Тинькофф» — в голубых или розовых.
15. Профессионализм в дизайне
Доверьте разработку макета одностраничника профессиональным дизайнерам. Избегайте бесплатные шаблонные решения — они малопродуктивны, одинаковы и неоригинальны.
Профессионально подготовленный мастер разбирается в сочетаниях цветов, их влиянии на настроение человека, формах элементов, их гармоничном расположении и других нюансах, недоступных для дилетанта.
Первое впечатление от сайта складывается под влиянием того, как он оформлен. Дизайн и юзабилити — это краеугольный камень сайтостроения, на котором не стоит экономить. Затраты на профессиональный дизайн всегда окупаются с лихвой.
16. Единство стиля
Когда одностраничник уже готов и вы переходите к контекстной рекламе, позаботьтесь о том, чтобы объявления были оформлены в едином с сайтом стиле. Попросите дизайнера составить креативы для будущей рекламной кампании, соответствующие общей стилистике.
17. Графические указатели
Применяйте графические приемы для того, чтобы побудить пользователя к целевым действиям. Подталкивайте посетителя к скролингу страницы с помощью срелок. Многоточиями и острыми углами подсказывайте следующий шаг. Выделяйте кнопки с призывами к действию яркими цветами и броскими очертаниями.
18. Подтверждение рассылки
В форме, с помощью которой вы собираете контактные данные поставьте заполненное поле с галочкой «Согласен на получение рассылки». Внимательный клиент в случае необходимости снимет галку и откажется от предложения.
19. Дизайн форм
Проконтролируйте, чтобы формы сбора информации отличались от окружающих элементов и гармонично контрастировали с ними. Поля обратной связи не должны сливаться с фоном, текстом и заголовками.
20. Шрифт
Позаботьтесь о посетителях и не заставляйте их напрягать глаза. Сделайте шрифт покрупнее, чтобы люди без труда прочитали его. Не оригинальничайте с художественными, рукописными и национальными шрифтами. Они годятся только для иллюстраций. Для текстов используйте простой хорошо читаемый шрифт с четкими элементами средней толщины.
Контент
21. Заголовки
Проследите за тем, чтобы заглавия разделов соответствовали их содержанию. Если в тексте говорится о туалетной воде для мужчин, то и заголовок должен содержать ровно эту же информацию.
22. Подзаголовки
Поддержите структуру посадочной страницы с помощью подзаголовков, которые логично дополняют родительские элементы, подкрепляют и поясняют их.
23. «О чем речь?»
Распределите роли и смысловую нагрузку каждого заглавия. Не перепутайте иерархию подчинения разделов сайта. Самый важный заголовок отвечает на вопрос «Про что этот сайт?». Заглавия помельче описывают соответствующие им разделы, главы и абзацы.
24. Подача сути
Обеспечьте быстрое определение главной сути сайта. Впервые попавший на страницу посетитель должен сразу понять где он находится и что ему предлагают.
25. Описание продукта
Разместите на площадке полуминутный рассказ о продукте. Ясно просто в информационном стиле расскажите о его предназначении и основных преимуществах товара.
26. О компании
Расскажите о вашем бренде. Опишите, как ваша компания решает проблемы людей, чем их обеспечивает, какую пользу приносит, какие преимущества ожидают клиентов, которые обратились в вашу компанию. Избегайте штампов и казенных фраз. Они никому не интересны: «лидер в своей отрасли», «коллектив профессионалов», «высокие стандарты качества», «ваше внимание очень важно для нас» и т.д. Наличие подобных фраз говорит о равнодушном отношении к клиентам. Текстами, написанными в таком стиле вы не привлечете к себе пользователей, а оттолкнете их от себя.
27. Руководство по применению с примерами
Разместите на сайте инструкцию по применению продукта с наглядными примерами. Хорошо, если это будет видео, которое объясняет все нюансы использования продукта или услуги. Подойдет также и последовательность фотографий, расположенных в логическом порядке и сопровождаемых текстовыми пояснениями. Прекрасно покажет себя инфографика — стиль, специально разработанный для наглядного представления рядов последовательностей данных.
28. Уникальность продукта
Расскажите в тексте одностраничника об уникальных свойствах продукта. Объясните, какие преимущества получит читатель, если приобретет товар именно у вас. Постройте на этих тезисах всю тактику продвижения.
29. Потребительские преимущества
Обходите стороной подробное описание технических характеристик, хотя в некоторых сферах и они важны. Сделайте акцент на том, какую пользу может принести товар покупателю. Выделите выгоду клиента, поставьте ее на первый план. Онлайн банк гордится тем, что любой вопрос можно решить с помощью приложения или на сайте. Доставка пластиковых карт производится на дом клиенту. От человека требуется минимум действий. Любую транзакцию он может совершить находясь в вагоне метро или за обеденным столом.
30. Достоверность фактов
В материалах к продающему сайту обращайтесь только к проверенным данным. Статистические данные и точные характеристики подтверждайте ссылками на авторитетный источник. Так вы повысите доверие к вашему предложению.
31. Автоматическое воспроизведение
Доверьте пользователю выбирать формат данных на вашем сайте. Отключите автоматическое воспроизведение аудио и видео фрагментов. Представьте ситуацию, когда пользователь находится за компьютером в наушниках, заходит на вашу страницу, а там в видео играет громкая музыка, читается текст, звучат аплодисменты. Его оглушает. Он сдергивает наушники с головы и закрывает вкладку. К ней он больше не вернется.
32. Призыв к действию в видео
В конце каждого медиа фрагмента размещайте призыв к действию. Видеоролики и подкасты завершайте кратким описанием предложения и побуждением воспользоваться им.
33. Фокусировка
Отведите каждому разделу сайта свою роль. Пусть она будет единственной. Действуйте по формуле: один раздел — одна идея. Если вы описываете опыт использования продукта, то пусть каждый из разделов отвечает за одну логическую ступень.
Каждому пункту свой раздел.
34. Простота, ясность, краткость
Добейтесь того, чтобы при беглом взгляде на сайт, читатель понял о чем идет речь. Сконцентрируйте всю суть в как можно более сжатом объеме данных. Не размазывайте данные, это создает сумбур в голове читателя.
Воспользуйтесь советами мастера по юзабилити Steve Krug. Он рекомендует прочитать текст и после этого удалить половину. Если смысл не потерялся — повторить действие с оставшимся куском. Так добиться наивысшей точности и ясности подачи материала.
35. Ошибки и опечатки
Ошибки портят имидж компании и подрывают ее репутацию. Хороший способ избежать опечаток, орфографических и пунктуационных ошибок — дать прочитать текст нескольким людям. Найти все ошибки в собственном материале практически невозможно. Стилистику и речевые неточности находите с помощью вашего редактора. Всегда читайте текст вслух. По ходу чтения редактируйте шероховатые моменты.
Доверие
36. Отзывы
Большинство циклов поиска, исследования, выбора, покупки товара, включают в себя ознакомление с отзывами других покупателей.
Разместите отклики прямо на вашем сайте. Снизьте риск того, что часть посетителей уйдет на поиски рекомендаций на другие ресурсы.
Отзывы должны быть правдивые и принадлежать реальным людям. Хорошо, если будут указаны источники откликов, имена и контакты потребителей. Надежный способ убедить посетителей в подлинности отзывов — установить блок с обсуждением продукта из социальных сетей.
Старайтесь публиковать положительные и нейтральные рекомендации. Небольшой процент отрицательных отзывов вызовет доверие и разожжет интерес.
37. Известные личности
Удивите ваших клиентов тем, что продуктом пользовались звезды шоу-бизнеса, известные в своей сфере специалисты, успешные личности с мировым именем. Такое социальное доказательство, если оно правдиво, даст мощный толчок к развитию бизнеса.
38. Стадный инстинкт
Покажите клиенту, что он не один. Приведите статистику того, сколько тысяч человек уже воспользовались товаром или зарегистрировались на мероприятие. Позаботьтесь о том, чтобы аналитические данные не были взяты с потолка.
39. Портфолио или образцы
Сделайте слайд-шоу из лучших работ, чтобы потенциальные клиенты смогли рассмотреть их поближе. Поместите в отдельную секцию сайта фотографии ваших работ в хорошем качестве. Покупатели вдохновятся ими и наверняка сделают заказ.
40. Оригинальные фото
Пригласите профессионального фотографа, чтобы он провёл предметную съемку продукта или фотосессию команды вашего офиса. Проигнорируйте заманчивые предложения фотобанков бесплатно скачать типовые фотографии. Сюжеты на них повторяются от снимка к снимку. Эмоции не отличаются искренностью. А модели настолько узнаваемы, что после просмотра десятка сайтов становятся как родные.
41. Интерактивные карты
Для того, чтобы проложить маршрут до офиса или магазина, используйте интерактивные географические карты от Google или Яндекс. Компании предоставляют простые средства встраивания карт в любую страницу. Посетители смогут переключиться в режим показа улиц и посмотреть, как выглядит ваш магазин снаружи. Им будет просто перестроить маршрут из того места, где они в данный момент находятся. Также на карте просто выбрать общественный транспорт тем, кто не привык пользоваться услугами собственного автомобиля.
42. Оплата и доставка
Годами сложившийся стандарт для продающего сайта — наличие разделов «Оплата» и «Доставка». Не лишайте клиента возможности удостоверится в том, что оплатить услугу он сможет любым удобным для него способом, а бесплатная доставка прибудет в тот же день.
43. Гарантии и возврат
Одним из основных триггеров освобождения от сомнений перед покупкой считается наличие на сайте сведений о 100% гарантии возврата товара. Пользователь хочет быть уверенным в том, что если товар окажется ненадлежащего качества или не будет соответствовать заявленным свойствам, он сможет беспрепятственно и быстро вернуть потраченные деньги.
Призыв к действию
44. CTA кнопки
Напишите на кнопках призывы к действию «Жми», «Позвонить сейчас», «Отправить немедленно», «Купить в один клик» и т.д. Клиент должен знать, каких действий от него ждут и к каким последствиям приведет нажатие на тот или иной элемент, расположенный на сайте.
45. Лимит CTA
Сократите количество призывов к действию до одного или двух. Несколько лет назад было модно располагать кнопки с CTA чуть ли не на каждом экране. Это поветрие закончилось. Мы вернулись к лаконичности и скромности. Одной кнопки на первом экране, и одной на последнем, будет достаточно.
46. Кричащий призыв к действию
Кнопку с призывом к действию оформите в контрастных броских тонах, отличающихся от основного цвета сайта. Не дайте главному элементу затеряться среди остальных.
47. CTA на первом экране
Разместите продающую кнопку в самом начале лендинга. К тому, что она там находится, все относятся как к общему стандарту. Для большинства посетителей логично прочитать весь сайт, а потом вернуться в самый верх и щелкнуть по кнопке «Купить».
Технологии
48. Способы связи
Чем больше вариантов связи вы предоставите читателям, тем больше вероятность, что к вам обратятся. Социальные кнопки должны быть не просто пиктограммами, а ссылками, ведущими на страницы компании. Адрес электронной почты сделайте ссылкой, открывающей почтовый клиент «mailto». К телефонам допишите код страны и города. В адресе указывайте номер офиса, парадного, этажа и другие подробности, которые помогут быстро найти вас.
49. Политика конфиденциальности
Размещение политики конфиденциальности — это требование федерального закона. Если сайт собирает личные данные посетителей через формы регистрации, обратной связи, если на нем задействована онлайн оплата, то этот пункт для вас обязателен.
Найдите с помощью поиска типовые документы и переделайте их под свою ситуацию. Сохраните файл в формате *.pdf и предоставьте пользователям право скачать, распечатать или просто прочитать текст.
Ссылку на документ оставьте возле всех форм обратной связи, оплаты, регистрации и в подвале площадки.
50. Пользовательское соглашение
Пользовательское соглашение — это правовая форма, которая регулирует отношения между компанией и пользователем. В документе обычно говорится о порядке предоставления и потребления информации через сайт. При составлении соглашения уделите особое внимание этапам онлайн оплаты и обработки персональных данных. Типовые соглашения найдите в интернете. При составлении документа пользуйтесь услугами дипломированных юристов.
51. Доказательства безопасности
О том, что сайт должен работать по безопасному протоколу https и иметь сертификат SSL, мы даже не упоминаем — это стандартные требования к любому современному сайту. Но этого мало.
Разместите логотипы поставщиков протоколов в подвале сайта. На отдельной странице выставьте сертификаты и дипломы. Это делается в целях еще одного доказательства того, что любые действия на площадке абсолютно безопасны.
52. Метатеги alt
Полное название этого атрибута — alternative, альтернатива. Он отображается вместо изображения, если его загрузка невозможна. Тег alt используется поисковиками для того, чтобы понять, что изображено не странице. Если картинка видна на странице, текст alt находится за кадром и простому пользователю недоступен.
53. Тестирование
Проведите A/B-тестирование. В рамках теста проверьте результативность отдельных блоков, изображений, текстов, видео, инфографик, и всего сайта. Запустите два или больше вариантов лендинга, чтобы понять какой из них работает лучше. По окончании периода теста оцените какая версия показала лучшие результаты. Успешный вариант примите в работу.
54. Контекстная реклама
Добейтесь того, чтобы объявления контекстной кампании располагались в спецразмещении — верхнем блоке сразу под строкой поиска. Так они проявят наибольшую эффективность и дадут максимальный результат.
55. Одна кампания — один лендинг
Не складывайте все «яйца в одну корзину». Один одностраничник должен помещать сведения об одном продукте, одной услуге или одной акции. Если нарушите это правило — запутаете клиента.
56. Оптимизация данных
Оптимизируйте все данные собранные на сайте. С помощью A/B-тестов и фокус-групп найдите оптимальный объем, подачу, стиль и дизайн данных.
57. Кроссплатформенность
Обеспечьте доступ к сайту с любого устройства. Прежде всего — смартфоны, затем вся остальная мобильная техника. Не забывайте и о настольных компьютерах, и ноутбуках. Их доля среди всех устройств велика.
58. Оптимизация url, title, description
Получите органический трафик за счет оптимизации ссылок и метатегов. Проведите поисковую оптимизацию текстов с помощью построения семантического ядра и создания контента с их участием.
59. Скорость загрузки
Обеспечьте быструю загрузку страницы. Она не должна затянуться дольше, чем на 2 секунды. Проверено опытным путем, что пользователь закрывает сайт после 2 секунд ожидания. Поисковая система Google не показывает в выдаче те сайты, которые грузятся на мобильных платформах дольше двух секунд.
60. Кроссбраузерность
Проверьте, во всех ли браузерах ваш сайт отображается одинаково хорошо. Сейчас такое случается редко, но иногда бывает, что сайты в браузерах разных производителей отображаются чуть по-разному.