лендинг страница что это
Лендинг — что это такое простыми словами? Понятный обзор для «чайников». 11 секретов продающего landing page.
Куда не плюнь, везде лендинги. И это неудивительно, ведь многие предприниматели успешно используют их для повышения продаж. Но в некоторых случаях landing page становится источником пустой траты денег. Мало того, что стоимость разработки кусается. Так еще и на привлечение клиентов нужно потратиться…
За 5 лет управления веб-студией я повидала многое. И эффективные landing page, и убыточные. Все дело в том, что многие предприниматели плохо понимают суть этого инструмента и неправильно его применяют.
Здесь мы разберемся с тем, лендинг — что это такое простыми словами и для чего он нужен. После прочтения, вы оцените, насколько одностраничник вам подходит. Это позволит уберечь себя от лишних растрат или наоборот инвестировать в инструмент для получения прибыли. Поехали!
Оглавление:
Лендинг — что это такое простыми словами?
Лендинг — это одностраничный сайт (всего 1 страница), ориентированный на продвижение конкретного типа товара или услуги. Основная задача такого ресурса — побудить посетителя к выполнению целевого действия.
Целевым действием называется то действие, к которому побуждается потенциальный клиент. Это может быть заявка на консультацию, подписку, покупку и прочее. Для сбора почты и телефона на лендинге предусмотрена форма обратной связи.
Посадочная страница состоит из определенных блоков с исчерпывающей, но при этом лаконичной информацией. На landing page нет отвлекающих факторов. Посетителю дается всего два сценария поведения — либо совершить целевое действие, либо не делать этого.
На обычном сайте таких сценариев намного больше. Клиент с помощью меню курсирует по страницам в поисках требуемой информации. В результате его внимание рассеивается, и он отвлекается от выполнения требуемого вам действия.
Базовые понятия о лендинге:
Теперь вы примерно представляете, что такое целевая страница. Но рекомендуем разобраться более подробно, что такое лендинги и для чего они нужны.
Цели и задачи лендинга
Итак, основная цель создания лендинга — побуждение потенциального клиента к выполнению целевого (требуемого вам) действия. В большинстве случаев это сводится к сбору контактных данных заказчиков (почта, телефон) с целью их последующей передачи в отдел продаж.
В некоторых случаях посадочные страницы используются для прямых продаж. Однако конверсия (эффективность) таких landing page значительно ниже. Ведь продавать в лоб клиентам, которые впервые узнали о вас с лендинга, сложно. У них еще нет требуемого уровня доверия к компании. Поэтому самый простой вариант — получить контактные данные, а затем уже взаимодействовать с заказчиками и вовлекать их в воронку продаж.
Лендинги используются при проведении рекламных кампаний:
С помощью данного инструмента можно отстроиться от конкурентов, отразить преимущества вашего торгового предложения, а также обработать возражения клиентов и повысить их доверие.
Виды лендингов
Предлагаем рассмотреть на примере, что такое landing page и какие посадочные страницы активно используются маркетологами в сегментах B2B (бизнес для бизнеса) и B2C (бизнес для конечного клиента).
Click-through Page
Чтобы совершить целевое действие на такой странице, клиенту достаточно совершить всего 1 клик. На данном лендинге нет ни формы заявки, ни сложного дизайна — всего 1-2 экрана и кнопка.
Лидогенерирующая страница
Это самый популярный тип landing page с более сложной структурой и дизайном. Такой лендинг рассчитан на глубокую коммуникацию с клиентом. На нем есть форма заявки и CTA-элементы (кнопки).
Squeeze Page
На такой странице посетителю предлагают бесплатно получить какой-либо полезный материал взамен на email. Этот вид лендинга часто используется в инфобизнесе для продвижения услуг (тренингов, курсов).
Продающая страница
Целевые страницы, предназначенные для прямой продажи товара. Длина такого лендинга зависит от того, насколько детально нужно раскрыть пользователю суть продукта и отстроиться от конкурентов. На нем есть кнопки «Заказать прямо сейчас».
Что такое УТП на лендинге?
Весьма популярным в настоящее время является понятие УТП, или уникальное торговое предложение, которое тесно связывают с лендингом. И это абсолютно верно, ведь при грамотном подходе к разработке посадочной страницы на первом (главном) экране находится заголовок, отражающий суть предложения, или УТП.
Составлять такой заголовок (оффер) рекомендуется по специальной технологии 4U, отражающей:
Многие предприниматели часто совершают ошибку, разрабатывая 1 лендинг под несколько УТП. Таким образом они пытаются сэкономить. Но, как известно, скупой платит дважды. Это выливается в пустую трату средств на рекламу. Посетители есть, а заявок нет. Почему так? Все просто, происходит расфокусировка внимания клиента. Он пришел по запросу «пластиковые окна», а ему предлагают еще и «межкомнатные двери» посмотреть, а напоследок закусить «яркими шторами индивидуального пошива». Так делать нельзя.
Как работает лендинг?
В большинстве случаев при проведении рекламных кампаний используются лидогенерирующие страницы. Лидогенерация — это процесс получения лидов (заявок от потенциальных клиентов).
Рассмотрим, как же все-таки работают такие лендинги:
Чтобы добиться выполнения целевого действия, сперва нужно зацепить внимание клиента продающим заголовком, затем раскрыть суть самой услуги (товара), закрыть возражения и повысить уровень доверия. Для каждой цели на лендинге предусмотрен конкретный блок. Но об этом мы поговорим дальше.
Одни landing page продают лучше, другие — хуже. Показателем эффективности целевой страницы является конверсия.
Что такое конверсия?
Представьте, что на ваш лендинг зашло 100 человек и 10 из них оставили заявку. В данном случае конверсия составит 10%. Если всего один человек оставил заявку — 1%, и так далее.
То есть, говоря простыми словами, это процентное соотношение положительного числа клиентов (оставивших контактные данные) к общему числу посетителей на лендинге в разрезе некоторого временного промежутка.
Во многом конверсия зависит от грамотности разработки лендинга. Ведь чрезвычайно важно, чтобы landing page провел посетителя по каждому этапу воронки: зацепил внимание, рассказал об услуге или товаре, вызвал доверие, обработал возражения и прочее. Рассмотрим структуру конверсионной страницы захвата.
Продающая структура лендинга
Эта информация будет полезна всем: заказчикам, которые выбирают веб-студию по разработке посадочных страниц, а также непосредственно разработчикам, которые только осваивают азы интернет-маркетинга. Все описанные блоки являются жизненно необходимыми для эффективной работы лендинга. Но использовать их нужно грамотно.
Заголовок, или оффер
Как описывалось выше, заголовок, также известный как оффер или УТП, отражает суть вашего предложения. Это собственно то, для чего создавался лендинг. Чем сочнее и интересней оффер, тем выше вовлеченность клиентов в изучение лендинга и тем выше конверсия.
Блок — «Описание услуги»
Здесь вы должны описать услугу или товар (более подробно, по отношению к заголовку). Раскройте суть предложения: чем вы занимаетесь, что это дает потенциальному клиенту, что он получит в итоге и в течение какого времени. Укажите сильные стороны оффера, сделайте так, чтобы вы сами захотели купить свой товар или заказать услугу. Если этого не произойдет, то вряд ли это случится с потенциальными клиентами.
Блок — Описание преимуществ»
Этот раздел лендинга состоит из небольших буллетов (абзацев), которые исчерпывающе отражают ваши преимущества и особенности. Проще говоря, он показывает клиенту, почему ему выгодно сотрудничать с вами. Здесь все достаточно просто и понятно.
В некоторых случаях под одно важное преимущество отводят целый экран лендинга. Все зависит от конкретной ситуации.
Главное при составлении этого блока не лить воду. Помните, что индивидуальным подходом и профессиональной командой уже никого не удивишь. Постарайтесь быть оригинальными. Подумайте, чем вы действительно отличаетесь от конкурентов. Конкретизируйте факты, если опыт — укажите сколько лет, если быстрая доставка — сколько дней, если уникальные технологии — перечислите, какие именно. Не будьте голословны.
Блок — «Схема работы»
Важно, чтобы ваш потенциальный клиент понимал весь процесс взаимодействия с вами — от заявки до получения конечного продукта или услуги. В этом поможет блок схема работы. Он должен четко и наглядно отражать поэтапное развитие событий.
Блок — «Доверие»
Разместите на лендинге все, что может повысить доверие ваших потенциальных клиентов и закрыть возражения.
Блок — «Мы в цифрах»
По статистике, до 60% пользователей не читают, а только листают информацию на сайте, не вникая в суть. Привлечь их внимание помогает блок с цифрами.
Однако использовать его рекомендуется только в том случае, если вам действительно есть, чем похвастаться. Не следует придумывать несуществующие факты или писать нелепые данные, например, при разработке сайтов было выпито 100 чашек кофе. Это, правда, никому не интересно.
Блок — «Гарантии»
Все сферы бизнеса являются конкурентными в наши дни. Не все предприниматели работают честно, поэтому у многих клиентов возникают сомнения. Будет явным преимуществом, если вы сможете дать посетителям лендинга гарантии перед началом сотрудничества. Это развеет сомнения и повысит эффективность посадочной страницы. Однако если гарантии — не ваш конек, без этого блока можно легко обойтись. Не давайте ложных обещаний.
Блок — «Сравнение»
В некоторых случаях на посадочной странице используется блок-сравнение. Он подчеркивает преимущества вашей услуги в противопоставлении с альтернативным вариантом, который может выбрать клиент. Однако это не всегда уместно. Нужно удостовериться в том, что ваше УТП выгодно отличается на фоне альтернативы, иначе у клиента возникнут дополнительные сомнения.
Блок — «Последствия»
Данный блок навевает клиенту мысли о том, что будет, если он откажется воспользоваться вашим предложением. Также как и предыдущий, он уместен далеко не во всех случаях. Предварительно следует убедиться в том, что он не создает угнетающую атмосферу и не навевает на клиента негативные мысли. А то он загрустит и уйдет, так и не оставив заявку.
Блок — «Боли клиента»
Все реже встречается на лендинге. Все дело в том, что маркетологи так часто стали использовать боли клиентов, что это порой вызывает смех. У вас болят зубы? Вам плохо, но вы хотите сэкономить? Ждем вас в стоматологической клинике «Березка», где неопытные врачи вырвут вам зуб на 30% дешевле. Смех, да и только. Используйте боли правильно.
Блок — «Форма заявки»
Один из самых главных блоков на лендинге. Именно с помощью формы обратной связи клиенты будут оставлять вам свою почту, телефон и прочие данные. Форм на landing page может быть несколько. Как правило, их располагают вначале и в самом конце, а между логическими блоками ставят CTA-элементы, или кнопки, если говорить просто. Они дополнительно побуждают посетителя к действию и при этом не перегружают страницу.
Все вышеперечисленные блоки могут располагаться в разной последовательности. Поэтому важно, чтобы предварительно маркетолог разработал сценарий взаимодействия с лендингом.
ТОП-3 ошибки использования лендинга
Посадочная страница иногда может стать убыточным инструментом. Поэтому внимательно изучите данную информацию, если собираетесь заказать лендинг или сделать его самостоятельно, используя онлайн-конструктор.
В каких случаях landing page убыточен?
Вы дочитали до конца! И это прекрасно…
Теперь вы знаете о том, лендинг: что это такое, не понаслышке. По сути, это ваш личный маркетолог в онлайне, который отражает суть вашего торгового предложения, обрабатывает возражения клиента, подчеркивает преимущества компании и побуждает заказчика к действию (оставить заявку или купить).
Хотите получать полезную информацию в сфере маркетинга?
Вступайте в нашу группу Вконтакте (откроется в новой вкладке).
В скором времени мы запустим рассылку и будем информировать вас о самых полезных инструментах для увеличения продаж. До новых встреч, коллеги!
Лендинг
Современный интернет-маркетинг включает в себя множество приемов и методов для повышения эффективности продаж. Существует ряд способов обратить на свою компанию внимание в интернете, привлечь новых пользователей и прорекламировать свой товар. Важный инструмент, с помощью которого достигается сразу несколько целей, – так называемая посадочная страница, или лендинг пейдж. Практически каждая компания, серьезно занимающаяся продвижением в интернете, уделяет большое внимание созданию и развитию лендинговых страниц. С их помощью можно достичь отличных результатов сразу по нескольким направлениям.
Что представляет собой лендинг
Понимание, как работает интернет-раскрутка, поможет объяснить, что такое лендинг, простыми словами. При продвижении своего товара или услуги любая компания должна проделать ряд шагов: от разработки сайта до закупки рекламы. Такой подход служит для повышения узнаваемости, распространения информации о своей деятельности, привлечения клиентов. Важный параметр, демонстрирующий успешность продвижения, – конверсия, напрямую сообщающая, сколько пользователей сайта совершили целевое действие (регистрация на сайте, подписка на новости, покупка товара или услуги). Для повышения конверсии используют ряд инструментов, основной из которых – лендинговые страницы.
Лендинг – это небольшой одностраничный сайт, полностью заточенный под то, чтобы попадающий на него клиент выполнил целевое действие.
Качественный, рабочий лендинг – это интересный дизайн, цепляющий продающий текст, размещенные в стратегически важных местах контакты компании и обязательный призыв совершить целевое действие. Для разработки такой страницы важно понимать, как работает человеческая психология и какие приемы и ходы могут заставить посетителя остаться. Всем своим существованием лендинг подталкивает потенциального клиента к тому, чтобы стать клиентом действующим.
Типы посадочных страниц
Выделяют несколько категорий лендингов: страницы разделаются на типы в зависимости от того, на какое целевое действие они направлены.
Не всегда у компании имеется только одна лендинговая страница. Наоборот, большинство фирм предлагает несколько товаров и услуг, под каждый из которых нужен свой лендинг, поэтому чем больше компания, тем больше посадочных страниц находится в ее распоряжении. Если же фирма работает в нескольких областях, множественные лендинги почти обязательны: каждая из страниц должна быть оптимизирована под поиск в определенном регионе.
Как создать лендинговую страницу
С технической точки зрения в разработке лендинга нет ничего сложного: это маленький, не слишком тяжеловесный одностраничный сайт. Однако к его оформлению, наполнению и удобству его использования следует отнестись максимально внимательно: каждая мелкая деталь имеет важное значение и может как привлечь клиента, так и, наоборот, отвратить его от страницы.
Существует несколько правил, соблюдая которые вы сможете разработать эффективную посадочную страницу.
Одно предложение. Основная вещь, которую необходимо держать в голове при разработке посадочной страницы: один лендинг должен быть ориентирован только на одно предложение. Если страница будет предлагать сразу несколько вариантов с разными характеристиками и условиями, внимание пользователя неизбежно рассеется, а интерес потеряется. Компаниям, которые предлагают несколько продуктов, лучше сделать ряд лендингов для каждого типа товаров или услуг: так конверсия повысится намного эффективнее.
Кроме того, не стоит делать страницу одновременно продающей и подписочной: чем меньше у пользователя вариантов поведения, тем меньше шанс, что он растеряется и уйдет. Считается, что каждый лендинг должен быть заточен строго под одно действие.
Дизайн. Привлекательность лендинговой страницы напрямую зависит от того, как она оформлена. Бесшовность, приятный внешний вид, эстетичное оформление – все это важно, но при этом не стоит забывать, что дизайн лендинга должен цеплять. Он должен привлекать взгляд и захватывать внимание, поэтому не стесняйтесь использовать яркие цвета и нестандартные формы.
При этом следует соблюдать меру: перегруженное оформление или страница, выглядящая слишком кричаще, только отпугнет клиента. И конечно, не стоит использовать элементы, устаревшие еще десять лет назад.
Тексты. Размещенные на лендинговой странице тексты должны соответствовать всем критериям грамотно оптимизированного контента. Они обязаны:
Так как лендинг – по сути лицо товара, текст на странице обязан выглядеть презентабельно. В нем не должно быть ошибок и сомнительных языковых конструкций, он должен быть ярким и мотивирующим и убеждать клиента совершить целевое действие. Писать такие тексты нужно максимально легким языком: пользователь не захочет перечитывать фразу десяток раз, чтобы понять, о чем идет речь.
Очень важная часть текста – заголовок: он должен быть призывным и привлекающим внимание. К его разработке стоит подойти наиболее ответственно.
Аргументация. Текст не просто должен рассказывать о товаре – он должен еще и пояснять, почему клиенту стоит совершить именно это действие. К примеру, можно поместить на страницу блок с достоинствами товара, описание выгод, которые получит человек, если воспользуется предложением. Иными словами, необходимо наиболее ярко расписать свои конкурентные преимущества.
Призыв. На странице обязательно должен содержаться призыв к действию, который непосредственно подтолкнет клиента сделать то, чего вы от него хотите. Это несложный, но очень эффективный психологический прием: разместив внутри лендинга мотивирующий и цепляющий призыв в повелительном наклонении, вы дадите пользователю серьезный стимул совершить нужное действие.
Формы. Форма, в которой нужно оставить телефон или адрес электронной почты, присутствует как на продающих, так и на подписочных лендингах. При создании таких форм стоит соблюдать простое правило: чем меньше задействовано полей, тем лучше. В идеале она должна состоять всего из одного поля (например, адрес электронной почты), но в некоторых случаях это неудобно (часто бывает нужно знать личные данные клиента), так что вам стоит подумать над тем, какой вариант в вашем случае будет оптимальным. Наиболее часто встречаются формы с двумя полями: имя и e-mail.
Акценты. Говоря о дизайне, заголовках и призыве, сложно не упомянуть важность акцентов. Яркие детали в важных местах привлекут внимание пользователя туда, куда вам нужно. К примеру, стрелка, ведущая к кнопке «Купить», или выделенные красным контактные телефоны помогут вам сделать важную часть страницы наиболее заметной.
Сравнение. Хороший пример наполнения лендинга, который оказывает серьезное влияние на клиентов, – фотографии сравнения «до» и «после». Такой вариант подходит не всем из-за специфичности: обычно его используют на страницах, предлагающих какие-либо услуги. Косметология, чистка диванов, клининг – там, где важен внешний вид результата, такой блок сработает эффективнее всего.
Отзывы. Еще один несложный, но рабочий прием – размещение на странице отзывов клиентов, которые уже приобрели товар или услугу и остались довольны. Их не стоит размещать в самом верху лендинга, но для нижних блоков подобное наполнение подойдет отлично.
Длина. Лендинги бывают как очень длинными, так и довольно короткими, но важнее всего – наполнение верхней части страницы. В первую очередь человек читает то, что написано в самом верху, поэтому наиболее важные сведения и наиболее цепляющие части контента вы должны поместить там.
Ограниченное предложение. Для более успешного продвижения товаров и услуг часто используют такой эффектный прием, как ограниченное предложение. Например, таймер с обратным отсчетом времени до конца акции, размещенный в верхней части страницы, заставляет клиента волноваться, не упустит ли он выгоду, и дополнительно мотивирует сделать заказ как можно скорее.
Бонусы. Хороший способ убедить человека совершить целевое действие – предложить ему дополнительный бонус. Бесплатная консультация при подписке, подарок при покупке через сайт – такие приемы играют на желании выгоды и позволяют привлечь заинтересованных людей.
Информация о компании. Люди испытывают больше доверия к тем, кто сразу представился, поэтому в заметном месте страницы стоит расположить краткую информацию о себе или хотя бы логотип вашего бренда.
После создания лендинга вам стоит регулярно проводить его аналитику при помощи специальных инструментов. Так вы сможете понять, какие элементы страницы работают хорошо, а какие стоит доработать для повышения эффективности.
Ошибки при разработке лендинга
Соблюдение правил создания и наполнения лендинга – залог того, что посадочная страница будет работать как надо. Однако типичные ошибки, характерные для начинающих разработчиков, могут серьезно ухудшить ее эффективность, а то и вовсе свести к нулю. Важно понимать, что это за недочеты, чтобы не допускать их при создании своих страниц:
Чтобы создать правильный лендинг (с ярким, в меру лаконичным текстом, красивым дизайном и акцентами в нужных местах), вы должны очень ответственно подойти к его разработке. Лучше всего привлечь специалистов: опытный дизайнер оформит страницу грамотнее, чем человек без нужных навыков. Если же вы не имеете в штате подобных специалистов, вы всегда можете отдать разработку лендинга в руки профессионалов, заказав такую услугу у компании по интернет-маркетингу. Затраты на такой заказ с лихвой окупятся повышением конверсии и эффективной раскруткой вашего товара или услуги.
Полный путеводитель по созданию лендингов, которые продают
Мы продолжаем знакомить вас с лучшими статьями по веб-дизайну. Сегодня мы перевели свежую статью на Medium о создании эффективных посадочных страниц. Перевод выполнен «Я люблю ИП».
Лендинги — это посадочные страницы, которые созданы специально для достижения определённых целей конверсии. Иногда в качестве лендинга выступает главная страница (хотя многие считают, что она не может быть настоящим лендингом). Но чаще всего создаются специальные посадочные страницы для определённых маркетинговых кампаний.
Цели конверсии могут включать всё, что угодно, начиная с оформления покупки и заканчивая заказом бесплатной информации. Как только у вас есть конкретная цель и вы понимаете ваш рынок, вы можете создавать, тестировать и оптимизировать лендинги, которые помогут вам лучше всего достигнуть поставленных целей.
Зачем нужен лендинг?
Самой большой ошибкой маркетолога будет направить траффик с любой рекламы или PR кампании на главную страницу сайта. Скорее всего, ваша главная страница не имеет ничего общего с этой кампанией. И это только запутает ваших посетителей.
Посадочная страница, наоборот, имеет непосредственное отношение к рекламной кампании. Она может повторять её язык и использовать те же изображения. И когда посетитель попадает на эту страницу, вы можете направлять его именно так, как вы хотите. Такой опыт является для пользователя более целостным, комфортным и понятным.
Лендинги существуют для того, чтобы захватить и удержать внимание посетителей так, как это не умеет делать обычная главная страница. Они привлекают внимание именно к той информации, к которой вы хотите, вместо того, чтобы оставить посетителя наедине с кучей информации на главной странице.
Узнайте вашу целевую аудиторию
Поймите, как работает текст лендинга
Есть два основных подхода к тому, как должны работать лендинги.
Представители «старой школы» считают, что лучше всего работают длинные лендинги. Они являются своего рода эквивалентом длинных, многостраничных писем времён прямой почтовой рассылки. Мы все видели такие лендинги: вы просто бесконечно скроллите через информацию и призывы к действию на странице без особого дизайна. (Это классические посадочные страницы с белым фоном, выделениями светло-жёлтого цвета, красными заголовками и призывами к действию, с которыми мы все давно знакомы.)
PickEvent — отличный пример длинного лендинга.
Другие считают, что короткие лендинги, возможно, разбитые на несколько страниц и образующие воронку продаж, работают гораздо лучше, чем длинные. У каждого подхода есть свои плюсы и минусы, и каждый из них лучше подходит для разных целей.
Короткие лендинги лучше использовать, если призыв к действию не требует больших затрат или обязательств со стороны пользователя и не несёт в себе очевидных рисков (например, подписка на рассылку или пробная версия). Также короткие лендинги лучше подходят для целей, основанных на импульсах. Или когда ваша компания или продукт уже хорошо известны и не требуют длинных пояснений.
Длинные лендинги лучше работают для целей, основанных на нужде, и при более высоких рисках (пользователю требуется больше уверенности, чтобы совершить действие). Также они лучше походят для новых или сложных товаров. Иными словами:
Чем больше времени, энергии, нервов или денег нужно потратить человеку, тем длиннее должен быть лендинг.
Длинный лендинг отвечает на большее количество потенциальных вопросов, тем самым уменьшая беспокойство. Также он может убедить большее количество потенциальных клиентов совершить покупку без необходимости связаться с вами для получения дополнительной информации, ускоряя процесс и снижая затраты. Во многих ситуациях длинный лендинг может привести к большему числу конверсий, чем короткий. Вот лишь один из примеров, компании Crazy Egg удалось увеличить конверсию на 363 %, сделав главную страницу длиннее в 20 раз.
Если же ваш потенциальный клиент уже знает, что он ищет, то короткий лендинг, наоборот, может повысить конверсию. Вот другой пример, когда сокращение страницы примерно на треть привело к увеличению конверсии на 11 %.
Если вы, как дизайнер, не будете писать непосредственно текст, то можете направить того, кто будет это делать, написать либо длинный, либо короткий текст в зависимости от вашей целевой аудитории (особенно, если этот кто-то не является профессиональный копирайтером).
Разбейте текст на части
Независимо от того, какой длины у вас текст, важно разбить его на части, чтобы его легче читать (или сканировать).
Чтобы разбить текст, также можно использовать элементы дизайна. Изображения, линии, области с другим форматированием и т. д. помогут разбить контент и сделать его одновременно более красивым и читабельным.
Ещё один момент по поводу разбивки текста: добавьте несколько призывов к действию в определённых интервалах по всей странице. Когда ваш пользователь будет готов совершить действие, ему не придётся скроллить наверх или вниз, чтобы найти кнопку. В идеале, призыв к действию должен быть в каждом разделе на странице.
У вас может быть только одна цель
У каждого лендинга должна быть только одна цель. Эта цель может быть запросить информацию, совершить покупку, подписать на пробную версию или что-то ещё.
Если целей больше, то внимание будет разделяться между ними, размывая эффект. Поэтому решите, какая цель самая важная, и сосредоточьтесь только на ней. Вы можете добавить дополнительную цель (например, подписать на рассылку) на странице подтверждения после того, как будет достигнута основная.
Коэффициент внимания
Коэффициент внимания вашего лендинга равен тому, сколько у вас на странице ссылок на число целей конверсии (которое всегда должно быть равно 1). Поэтому чем больше на странице ссылок, которые не ведут непосредственно к цели, тем выше коэффициент внимания. В идеале, он должен быть равен 1:1.
Именно поэтому нужны лендинги, вместо того чтобы отправлять людей просто на главную страницу. На главной странице коэффициент внимания может быть равен 10:1, 25:1 или даже 100:1. Это значит, что, помимо вашей основной цели, за внимание пользователя будут бороться слишком много вещей.
Запомните: у вашего лендинга должен быть только одна цель. Если у вас несколько целей, у вас должно быть несколько лендингов и несколько рекламных кампаний.
Изучите конкурентов
Прежде чем приступить к созданию лендинга, изучите ваших конкурентов. Какие лендинги они используют, длинные с кучей текста или короткие, на несколько страниц, в виде воронки продаж? Есть ли у них лендинги вообще?
После этого вы можете решить, насколько вы хотите отличаться от нормы в индустрии. Или несильно, или вы можете сделать что-то совершенно другое.
Откуда идёт траффик?
Траффик на посадочную страницу обычно идёт с одного из двух источников. Это оплачиваемая реклама или PR/ маркетинговая кампания.
Текст должен совпадать
Если ваши пользователи приходят с рекламной кампании, убедитесь, что текст лендинга совпадает с текстом рекламного объявления. Например, если реклама предлагает бесплатную пробную версию, то лендинг тоже должен предлагать бесплатную пробную версию, а не подписку на рассылку.
Если вы используете баннеры или видео рекламу, убедитесь, что лендинг совпадает с ними по стилю. Используйте ту же самую цветовую схему, фотографии и другие элементы для всей кампании.
Если это просто текстовое объявление, убедитесь, что его заголовок полностью совпадает с заголовком вашего лендинга.
У вас есть такой же контроль, если вы отправляете пользователей на ваш сайт из своих социальных сетей или с корпоративного блога (или с платных постов в других блогах). Убедитесь, что ваше сообщение совпадает во всех этих источниках.
Если пользователи приходят из других источников, которые вы не можете контролировать, то в этом случае необходимо, чтобы заголовок лендинга чётко дал понять, почему они здесь и что они здесь найдут. Вы можете попытаться повторить сообщение из пресс-релиза, но имейте в виду, что его могут изменить в зависимости от источника.
Первое впечатление важнее всего
Первое впечатление, которое производит ваш лендинг, играет важную роль. Если оно плохое, то посетитель покинет сайт до того, как он успеет на нём что-нибудь сделать. Если — хорошее, то всё будет с точностью наоборот.
Например, главная страница Ghost. Это отличный пример хорошего первого впечатления, в котором есть все упомянутые элементы.
Призыв к действию
Вся цель лендинга заключается в том, чтобы побудить пользователей к определённому действию. Поэтому призыв к действию — это самый важный элемент на странице. Чаще всего это кнопка, иногда — ссылка или форма. Оптимизируя только один этот элемент, вы можете значительно увеличить конверсию. На призыв к действию влияют несколько факторов. Это дизайн (кнопки, формы или ссылки), расположение на странице, текст призыва и окружающий контент.
Простой способ повысить конверсию — это заменить притяжательные местоимения. Вместо «твой» или «ваш» используйте «мой». Многие исследования показывают, что это простое изменение может увеличить конверсию почти в два раза. Это персонализирует призыв к действию и очень тонко выражает установившиеся отношения.
Цвет кнопки вашего призыва к действию также может коренным образом повлиять на поведение людей. Нет какого-то одного цвета, который лучше всего работает для каждого лендинга. Но безусловно верно то, что призыв к действию должен быть контрастным и отличаться от всего остального на странице.
Ваша цветовая палитра состоит в основном из синих или зелёных оттенков? Сделайте кнопку красной или оранжевой. Используете нейтральные цвета? То любой яркий цвет подойдёт вам больше, чем ещё один серый.
Ballpark хороший пример того, как призыв к действию выделяется и контрастирует с остальными элементами на странице.
Считается, что красный цвет означает «опасность» и заставляет пользователя остановится. Но исследования показали, что в некоторых ситуациях красный цвет может превзойти зелёный. Сайту Performable удалось увеличить конверсию на 21 %, изменив цвет кнопки с призывом к действию с зелёного на красный. Одно из возможных объяснений кроется в том, что на всей странице активно используется зелёный цвет, поэтому зелёная кнопка не была такой контрастной, как красная.
Вы не хотите, чтобы вокруг вашего призыва к действию было много другого контента. Отделите его достаточным количеством белого пространства, чтобы он выделялся и привлекал к себе внимание.
То, где вы расположите призыв к действию, также играет важную роль. В идеале, призыв к действию должен появляться в определённых интервалах в зависимости от длины вашей страницы. Если лендинг короткий, то одного призыва к действию будет достаточно. Если длинный, то стоит сделать несколько призывов к действию и расположить их равномерно на странице (или один и зафиксировать его), чтобы посетитель сразу мог перейти к действию.
Уделите время на то, чтобы протестировать и оптимизировать ваш призыв к действию. Это поможет вам максимально увеличить конверсию. Потратив всего неделю (или месяц) на тест лендинга, можно получить совсем другие результаты за всё время кампании.
Ещё один вид призыва к действию — это форма на странице. Здесь действуют те же самые принципы: цвет, текст и контрастность призыва к действию. Но для успеха важен ещё один момент — в форме должно быть как можно меньше информации, чтобы снизить обязательства со стороны пользователя.
Если для выполнения их целей вам достаточно адреса электронной почты, то попросите указать только его. Если вам нужно больше информации (например, для выполнения платежа), попробуйте разбить форму на две части или даже перенести её на следующую страницу, оставив на главной только кнопку.
Несмотря на то, что написанием текстов для лендинга занимаются копирайтеры, а не дизайнеры, вам будет полезно узнать, каким должен быть заголовок. Хороший заголовок для лендинга должен учитывать целевую аудиторию и то, что они ищут. Вы должны подчеркнуть в заголовке основную пользу, которую принесёт для них ваш продукт.
Ваш заголовок также должен быть направлен на совершение действия и динамичным. Он должен быть ясным и позитивным. Не концентрируйте в заголовке на негативе. Заголовок может быть настолько длинным, насколько вам это нужно, но не слишком. Сокращайте его до тех пор, пока он не станет наиболее эффективен.
Хороший пример — сайт Dropmark. Заголовок «Все ваши вещи в одном простом, визуальном, личном месте» (“All your stuff in one simple, visual, private place”) передаёт основные преимущества сервиса и при этом остаётся ясным и понятным.
Изображения, которые вы используете на странице, должны подтверждать ваше основное сообщение. Они должны совпадать с текстом по восприятию.
Помните, что человеческое лицо (даже если это просто герой из мультика) с большей вероятностью привлечёт к себе внимание, чем любой другой элемент на странице. Это означает, что иногда человеческое лицо может отвлекать от заголовка. Необязательно, что это плохо. Но в таких случаях, вам нужно дополнительно убедиться, что изображение человека, которое вы используете, поддерживает ваше сообщение.
Фотографии людей — это один из вариантов, но есть и другие. Если вы делаете лендинг для приложения или онлайн-сервиса, то используйте скриншоты. С их помощью вы сможете показать то, что получат ваши пользователи. То же самое касается и обычного продукта: покажите его фотографии.
Основная мысль заключается в том, что изображения должны подтверждать ваше сообщение, снижать возможные риски и мотивировать пользователей совершить действие.
Стоковые фотографии против обычных
В зависимости от вашего продукта и цели конверсии, использование в лендинге видео высокого качества — это отличный способ повысить конверсию. Видео увеличивает время, которое пользователи проводят на сайте, и может лучше передать сообщение для тех, кто не готов читать много текста. Видео также может лучше передать информацию о более сложных продуктах или услугах, чем текст.
Groove хорошо использует видео для того, чтобы передать своё предложение.
Видео, которое показывает вас или ваших сотрудников, также может увеличить доверие среди ваших посетителей. Люди доверяют другим людям, а не сайтам.
Единственное, что я не рекомендую делать с видео, это включать его автоматически, когда кто-то заходит на сайт. На каждую конверсию, которую вы получите таким способом, найдутся минимум трое, которым это не понравится и которые покинут ваш сайт.
Если вы записываете скринкаст, то добавьте голос после того, как будет готово видео. Это сделает запись более профессиональной, так как вам не придётся концентрироваться сразу на двух вещах.
Ещё один способ использовать видео — это поместить его в качестве фона за призывом к действию. Если это сделано хорошо, то вы сможете привлечь внимание к призыву к действию, одновременно рассказывая о своём продукте. Отличный пример такого использования можно посмотреть на сайте Dragdis:
Несмотря на то, что видео может стать приятным дополнением для вашего лендинга, использовать его не обязательно. Вы можете создать профессиональный, эффективный лендинг без видео. Но в некоторых случаях видео может быть оказаться очень полезным.
Социальные доказательства
Социальное одобрение — это большой мотиватор. Знание того, что вашим продуктом или сервисом пользуются другие, может помочь убедить самого нерешительного.
Именно поэтому лучше включить на страницу отзывы ваших пользователей. Но сделайте так, чтобы они отделялись от основного контента. Отзывы возле призыва к действию могут быть ещё более убедительными.
Если у вас нет отзывов, подумайте, как ещё вы можете продемонстрировать социальное одобрение. Это могут лайки вашей страницы или перепосты (от нескольких сотен до нескольких тысяч, в зависимости от сферы вашей деятельности).
A/B тестирование
A/B тестирование помогает значительно увеличить эффективность страницы. На конверсию влияет очень много факторов, и без тестирования вы не сможете понять, что действительно работает, а что нет.
В идеале, за раз нужно проверять только один элемент. Например, вы можете протестировать два разных заголовка, или два разных цвета для кнопки, или два макета. Но не тестируйте сразу все три вещи одновременно.
Установите аналитику важнейшей информации
На этом этапе вам также нужно установить аналитику важнейшей информации, чтобы отслеживать не только результаты тестов, но и вообще эффективность страницы в долгосрочной перспективе.
Инструменты для создания более эффективных лендингов
Есть много инструментов, которые вы можете использовать для быстрого и простого создания, тестирования и оптимизации лендингов, чтобы не начинать с нуля.
Unbounce
Unbounce даёт инструменты для создания, публикации и A/B тестирование лендингов без необходимости писать код. Стоимость тарифных планов начинается от 49$ в месяц и включает бесплатную пробную версию в течение 30 дней.
Convert
Convert — это приложение для проведения A/B тестов. Тесты можно создавать с помощью визуального редактора, а также с доступом к HTML и CSS. Для использования тестов на сайте нужно вставить небольшой кусок кода. Приложение незаметно интегрируется с Google Analytics. Цены начинаются от 125$ в месяц, есть 15-дневная пробная версия.
Optimizely
Optimizely предлагает инструменты для оптимизации с лёгкой установкой. С его помощью лендинг можно оптимизировать для каждого конкретного пользователя, что в свою очередь может привести к повышению конверсии. У них также есть бесплатная версия.
Visual Website Optimizer
Visual Website Optimizer — ещё одно приложение, которое помогает оптимизировать и персонализировать лендинги. Оно включает такие функции, как A/B тестирование, раздельное тестирование URL, многовариантные тесты, обратная связь, анализатор лендинга, тепловые карты и многое другое. Тарифы начинаются от 49$ в месяц, есть бесплатная пробная версия.
Instapage
Instapage помогает создавать адаптивные лендинги всего за несколько минут, без каких-либо навыков дизайна. Страницы интегрируются с большим количеством популярных маркетинговых инструментов. Вы даже можете опубликовать их на WordPress или GoDaddy. У них есть бесплатный план для сайтов с сотней посетителей в месяц, платные тарифы начинаются от 29$ в месяц.
Lander
Lander помогает создавать лендинги специально для малого бизнеса. В приложении есть простой редактор, функция A/B тестирования и интеграция с Facebook Pages. Цены начинаются от 22$ в месяц, сервис можно попробовать бесплатно в течение 30 дней.
HubSpot Landing Pages
HubSpot Landing Pages позволяет создавать лендинги за секунды и тестировать их часто и рано. В приложении есть редактор drag & drop, умные формы, адаптивные страницы, умный контент и многое другое. Это часть приложения HubSpot Marketing, стоимость которого начинается от 200$ в месяц.
Эксперименты Google Analytics
Эксперименты Google Analytics позволяют протестировать различные варианты страницы в зависимости от ваших пользователей. Они входят в аккаунт Google Analytics.
Usability Hub
Usability Hub — это сайт, где вы можете протестировать ваш дизайн или макет на реальных людях. Загрузите ваш дизайн, выберите тип теста (5-ти секундный тест, клик тест, тест предпочтения или навигации), они покажут его своим пользователям, и вы получите детальный отчёт о результатах. У них есть бесплатный план (чтобы провести тесты, вам сначала нужно самим в них поучаствовать) или платный от 99$ в месяц.
10 примеров отличных лендингов
Basecamp
У Basecamp всегда были отличные лендинги. У них низкий коэффициент внимания на странице, и почти все ссылки имеют непосредственное отношение к призыву к действию. А сама кнопка контрастная к остальной странице.
Benchmark
Главная страница Benchmark — ещё один пример отличного лендинга. Несмотря на то, что навигация вверху увеличивает коэффициент внимания, вся остальная страница ясно рассказывает о продукте и о его преимуществах. Текст кнопки («Начните бесплатную версию») также является достаточно убедительным.
Manpacks
Manpacks использует для кнопки яркий зелёный цвет и надпись, которая привлекает к ней внимание. В качестве социального доказательства они приводят публикации о них в прессе.
WebDAM
Лендинг WebDAM о том, как выбрать систему для хранения информации, — это отличный пример использования формы. На странице минимум изображений, всё внимание сосредоточено на призыве к действию, который является контрастным. Они дают достаточно информации, чтобы ответить на все потенциальные вопросы, а в качестве социального доказательства приводят отзывы клиентов.
Shopify
Лендинг Shopify для бесплатной пробной версии — это ещё один прекрасный пример простой формы на простой посадочной странице. Там представлена только самая необходимая информация в виде списка. Но так как это лендинг бесплатной версии, для которой достаточно указать только адрес электронной почты, то это стратегия работает.
Invision
Invision использует видео на заднем фоне, чтобы привлечь внимание к призыву к действию.
Stripe
На главной странице Stripe есть чёткий и ясный призыв к действию, красивые визуальные элементы и достаточно контента, чтобы ответить на потенциальные вопросы. И вместо того, чтобы сконцентрироваться на подписках, они увлекают пользователя дополнительной информацией.
Evernote
Лендинг Evernote для функции Work Chat использует очень ясный призыв к действию: «Попробовать Work Chat» на кнопке, которая выделяется на странице. Все изображения подходящие и призваны поддержать цели конверсии.
SuperTasker
SuperTasker использует на своей странице анимированный баннер, который предлагает дополнительную информацию, но остаётся при этом минималистичным и чистым. Призыв к действию очень чёткий, с хорошим контрастом.
Acorns
Acorns также имеет хорошо заметный призыв к действию на своей странице, с хорошим контрастом по отношению к фону. Заголовок чёткий и понятный, а графика поддерживает само сообщение и цели конверсии.
Посадочная страница против главной
Как уже было сказано выше, некоторые считают, что главная страница не может быть такой же эффективной как лендинг. Но здесь можно возразить, что многие главные страницы сейчас функционируют как универсальные лендинги с одной единственной целью конверсии.
До тех пор, пока всё внимание на главной странице сосредоточено на цели, которая совпадает с целью вашей рекламной кампании, она может функционировать как лендинг.
Очень хороший пример — главная страница Flow. Она выглядит как обычный лендинг, с чётким призывом к действию и длинным текстом в поддержку конкретной цели конверсии. За исключением нескольких ссылок в шапке (Pricing, Features, Blog и Log In) коэффициент внимания остаётся равным 1:1.
Лучшие практики по созданию лендингов
В заключение вот краткое содержание того, о чём мы говорили. Используйте этот список в качестве проверки при создании лендинга в следующий раз.
Хороший лендинг может увеличить вашу конверсию в геометрической прогрессии. Навыки по созданию таких лендингов пригодятся вам как дизайнеру, особенно если это будет хорошо влиять на бизнес ваших клиентов.
Сделать дизайн лендинга не сложнее, чем любой другой страницы, но для этого нужно обладать дополнительной информацией и знать лучшие практики.