Что такое landing page? Как сделать и продвинуть лендинг

Друзья рад приветствовать на fotodizart.ru, в этой статье мы поговорим о том, что такое landing page, затронем не только основы но и копнем немного глубже. Материал будет полезен всем кто хочет создавать грамотный дизайн целевых страниц.

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

Содержание статьи:

1. Где используются целевые страницы?
2. Структура лендинга
3. Как сделать лендинг пейдж?
4. Способы продвижения
5. Эффективность страницы захвата
6. Как увеличить конверсию?

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

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

landing page – это целевая страница, главной задачей которой являются продажи. Либо другие действия посетителя этой страницы, с целью которых она была создана.

Рассмотрим пример использования целевой страницы, из которого станет наиболее понятно, в чем ее плюсы по сравнению с обычными сайтами.

Допустим, есть пользователь, которому необходим какой-то товар или услуга. Первым делом он начинает искать в поисковиках google или яндекс. В результате поисковой выдачи на первых позициях он увидит рекламные предложения из контекстной рекламы от поисковых систем.

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

Получается рекламное объявление сделало свое дело и привлекло потенциального покупателя, но по факту финансовые потери. Ни для кого не секрет что эффективность рекламы оценивается и определяется конверсией, то есть превращение посетителя сайта в потенциального покупателя.

Как раз для повышения конверсии, и служат landing page. В задачи именно этих страниц и входит удержание посетителя, и побуждение его к целевому действию (зависит от цели страницы) покупке, подписке и т.д.

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

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

Где используются продающие страницы?

• Для рекламы инфопродуктов (книг, курсов) на сайтах блогеров которые их продают (свои или по партнерским программам).
• Для увеличения продаж компании, во время проведения рекламных кампаний через контекстную рекламу. Они обычно оптимизированы и заточены под определенные ключевые запросы в поисковых системах.
• Целевые страницы также используются в различных рассылках, спаме. К примеру, вам приходит письмо с рассылкой какого-либо ресурса,  а в нем может содержаться ссылка на целевую страницу нового товара, либо курса.
• В социальных сетях при рекламе товара, также перенаправление может быть ориентировано на целевую страницу товара.
• Страница может быть направлена на создание подписной базы, для продаж по средством подписки на рассылку.
• Для информирования о новом товаре, программе, услуге и д.р.

Структура продающей страницы

• Основной заголовок – цель и задача которого привлечь и зацепить посетителя.
• Подзаголовок – его задача более подробно раскрыть смысл основного заголовка, и он нацелен на еще большее привлечение внимания к товару, услуге.
• Контент – текст, в котором необходимо донести до потенциального клиента важную, необходимую информацию. Данный текст необходимо составлять с учетом понятного языка целевой аудитории.  Избегайте длинных и сложных предложений. Желательно использовать картинки, различные схемы, таблицы. Тем самым создать такой контент, который заинтересует посетителя.
• Фото галерея – товар или услуга презентованные в фото, показывают товар лицом и вызывают больше доверия.
• Преимущества – необходимо указать преимущества, особенности, уникальность товара, услуги и рассказать о них клиенту.
• Отзывы клиентов —  разместить несколько отзывов клиентов о товаре. Если это услуга, то можно привести данные по результату ее оказания.
• Призыв к действию – в этой части необходимо подробно расписать, что необходимо сделать пользователю для приобретения товара (продукта, услуги).
• Цена —  тут необходимо донести до потенциального клиента, что это недорого и как вариант показать, что есть скидка для этого использовать две цены старую (зачеркнуть) и новую.
• Создание ажиотажа, дефицита товара – это может быть акция по сроку продаж, ограничение по количеству  продукта, цене на товар.
• Гарантии —  необходимо дать покупателю гарантии в поддержке, возврате денежных средств, показать сертификаты товара. Навести на мысли, что он ничего не теряет при покупке товара, а лишь приобретает.
• Кнопка —  купить, заказать, подписаться. Ее необходимо делать призывной к действию.
• Бонусы, подарки – добавление дополнительных товаров к основному.
• Ответы на часто задаваемые вопросы – необходимо разместить те вопросы, которые наиболее часто задают покупатели.

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

Как сделать лендинг пейдж?

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

Самостоятельно можно сделать лендинг используя:

• Конструкторы сайтов – у них довольно понятный интерфейс и сделано все на интуитивном уровне, разобраться будет не так сложно. Все редактирование одностраничника производится в онлайн редакторе, непосредственно в браузере не используя код. Оплата производится либо за год, либо помесячно. К минусу можно отнести то что такой лендинг нельзя забрать если вы захотите съехать с этого конструктора на свой хостинг.
• WpPage, Page Builder by SiteOrigin, visual composer – это довольно известные плагины для cms wordpress при помощи которых можно построить нужную вам целевую страницу.
• Adobe muse – графический редактор от компании Adobe для разработки лендингов и сайтов без необходимости написания кода.
• Разработать дизайн landing page в фотошопе или фигме и произвести его последующую html верстку самостоятельно.
• Найти бесплатный шаблон подходящий по тематике и доработать его под свои задачи.

Если вы сами не можете разработать страницу захвата, то можно:

• Купить готовое решение.
• Заказать в веб-студии.
• Найти специалиста на фриланс бирже и поручить процесс разработки ему.
• Обратиться к индивидуальному разработчику сайтов, вроде меня. Таких специалистов можно найти через поиск яндекса или google, посмотреть портфолио, обсудить и предложить разработку проекта.

Особенности и отличия при разработке

Бюджет. У студии landing page будет стоить на порядок дороже, чем вы разработаете его сами или закажите у фрилансеров.

Качество. Немаловажный фактор, влияющий на доверие к бренду и товару в целом. Оценить качество можно изучив портфолио разработчика, если поручаете проект сторонней компании или фрилансеру. Если же разрабатываете сами, то можно спросить мнение у экспертов или сделать опрос друзей.

Сроки разработки. Иногда сроки запуска проекта очень важны и если у вас неn опыта в подобном деле, то вы затратите немало времени на разработку качественной страницы. Поэтому в случае срочности целесообразнее воспользоваться услугами специалиста и заказать landing page.

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

Код. У muse получается на выходе не очень читабельный и громоздкий код это следует учитывать при выборе инструментов разработки. Разумеется, это не говорит о том, что стоит полностью отказаться от использования данной программы. Но на код следует обратить внимание, чем он чище, тем меньше вес страницы и тем она быстрее будет грузиться.

Возможность редактирования контента. Информацию на landing page можно редактировать через код если это статичная html страница, либо через админ панель cms (например wordpress).

Возможность переезда. С конструктора как я уже говорил одностраничник невозможно забрать в случае решения о переезде на свой хостинг.

Способы продвижения лендинга?

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

Контекстная реклама Яндекс Директ/Google AdWords

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

Реклама в социальных сетях

Таргетинговая реклама – возможность показывать объявления только целевой аудитории соц. сети.

Реклама в сообществах – показ баннеров, постов и предложения в тематичных группах соц.сети.

Тизерные сети

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

E-mail рассылки

Желательно осуществлять рассылку по тематичным подписным базам, чтобы конверсия была выше. Подписная база может быть собственная, собранная на вашем основном сайте, или можно заказать рассылку по сторонним базам.

Продвижение в органике

Многие считают, что продвинуть лендинг в органике невозможно. Да это сложно, но попробовать  можно.

Для этого вам потребуется собрать хорошее СЯ (семантическое ядро) по вашему товару или услуге и использовать в основном НЧ запросы, по ним обычно самая малая конкуренция. Да большого трафика вы не получите но это бесплатная и целевая аудитория.

Далее необходимо прописать эти запросы на одностраничнике в заголовке, подзаголовках, тексте, title, в meta тегах и alt картинке. Не переусердствуйте, чтобы не было переспама.

Также для появления продающей страницы в поиске необходимо создать файл robots.txt с необходимыми директивами. Не будет лишним разработать favicon и добавить микроразметку при необходимости.

Эффективность landing page?

Эффективность любого лендинга показывает конверсия. Этот показатель, показывает какой процент посетителей сайта совершило целевое действие (оставило заявку, подписалось на рассылку, купило товар, скачало файл и т.д.).

Понятие конверсии тесно связано с понятием воронка продаж. Ниже на схеме можно рассмотреть  подобную схему воронки. Первый уровень это посетители сайта, второй те клиенты кто оставил заявку, и третий кто оплатил товар.

Изучив эту схему, мы можем произвести расчет двух показателей конверсии, один укажет нам конверсию в заявку, а второй конверсию в покупку.

Рассчитаем по формуле:

Целевое действие  / Число посетителей * 100%

30 / 1000 * 100% = 3% — конверсия в заявку

15 / 1000 * 100% = 1,5% — конверсия в покупку

Как узнать количество посетителей и количество оставивших заявку?

Для этого нам помогут такие сервисы как Яндекс Метрика или Google Analytics.

Рассмотрим на примере Яндекс Метрики.  Создадим в ней новый счетчик для нашего лендинга, и установим код на сайт.  Теперь мы сможем отслеживать количество посетителей на сайте, откуда они приходят по каким фразам и другие показатели.

После чего создадим цели:

• Заходим в сам счетчик в сервисе Яндекс Метрики
• Переходим в раздел настройки.
• Выбираем вкладку цели.
• Нажимаем на кнопку Добавить цель.
• Придумываем название, например: «Кнопка заказа»
• Выбираем JavaScript событие.
• Придумаем и зададим идентификатор цели: «btnzakaz»
• Жмем Добавить цель

Цель создана, теперь нужно добавить ее на сайт к кнопке, клики по которой мы будем отслеживать.

Код для кнопок и ссылок будет выглядеть следующим образом:

onclick="yaCounter1343435.reachGoal ('btnzakaz'); return true;"

Код для форм из которых отправляются данные, добавляется в открывающий тег form:

onsubmit="yaCounter1343435.reachGoal ('btnzakaz'); return true;"

• yaCounter1343435 – нужно заменить цифры на свои взять можно из кода счетчика который мы установили ранее на сайт.
• btnzakaz –идентификатор цели который мы задали при создание цели.

В коде могут присутствовать и дополнительные параметры.

Остается вывести виджет целей в сводную статистику метрики по счетчику. Для этого зайдите в Яндекс Метрику  выберем нужный счетчик, если их несколько, зайдем в него.

Справа выберем + Создать виджет выбираем Показатели задаем название и нужную нам цель жмем создать. Теперь вы сможете отслеживать количество заявок.

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

 

Как увеличить конверсию лендинга?

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

Скорость загрузки

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

Кстати говоря, многие любят использовать при долгой загрузке, так называемые прелоадеры (анимированную иконку, которая крутится) на мой взгляд от них следует избавляться.

Оптимизация

Оптимизация страницы поможет также уменьшить процент отказов, увеличить скорость загрузки, улучшить представление страницы в поиске. Для начала следует оптимизировать все изображения, вычистить код от всего лишнего, переместить скрипты в footer перед закрывающим тегом <body>.

Проверить задействованы ли мета-теги  <keywords> и <description> , хоть они сейчас и мало имеют влияния на ранжирование в Яндексе и Google рекомендую их прописать, так как есть и другие поисковые системы.

Проверить используются ли заголовки h1-h2 с включением ключей.

Можно внедрить микроразметку, так лендинг будет привлекательнее выглядеть в сниппете поисковой выдачи.

Настроить файл robots.txt для landing page, который должен выглядеть примерно так.

User-agent: *
Allow: /images/
Disallow: /js/
Disallow: /css/

User-agent: Googlebot
Allow: /

User-agent: Yandex
Allow: /images/
Disallow: /js/
Disallow: /css/

Host: site.ru

Адаптивность (мобильность)

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

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

 Гиперсегментация трафика

Попробуйте сегментировать трафик под точные потребности клиента. Таким образом, чтобы получились ценные предложения для клиента в объявление Яндекс Директа и на лендинге.

Для этого необходимо произвести анализ товара и ответить на ряд вопросов.

—  Что за товар хочет купить клиент, как клиент называет этот товар в поиске? Он может называть ваш товар по разному. Например, вы продаете дома, клиент может называть их дома, коттеджи, каркасник, танхаус, дома из дерева и так далее.

—  Зачем клиент хочет преобрести товар или услугу? Для собственных нужд, в подарок, на временное пользование.

—  Каким должен быть товар, услуга? Если человек ищет товар, то в голове у него есть некие характеристики. Если это дом то из бруса, газобетона, кирпича, пеноблоков, сип-панели и т.д. Также, какой он площади, сколько этажей.

—  Как удобнее клиенту купить товар или услугу? В рассрочку, в кредит, наличными или оплатить по договору на расчетный счет.

—   Географическая близость приобретения товара? Уточнив эту информацию, вы дадите клиенту понять, что он получит товар именно там, где он хочет.

После того как все это сделано и выявлены потребности, нужно определиться с теми элементами которые вы будите подменять. Во-первых, это главный заголовок, подзаголовок, другие заголовки, текст на кнопках, текст в формах, можно заменять картинки (для попадания в цвет товара или модель).

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

AB тестирование Landing page

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

Что можно протестировать?

Цвет кнопки. На собственном опыте могу сказать, что зачастую хорошо вписанная кнопка в дизайн, но мало выделяющаяся может иметь низкий процент кликабельности.  Какого цвета кнопка лучше можно определить AB тестированием.

Длину лендинга. Не все продающие страницы должны иметь множество блоков и быть длинными портянками. Бывает так что короткий лендинг конвертирует лучше чем длинный.

Заголовки. Заголовок зачастую встречает посетителя, предлагает ему товар, включает в себя выгоды и другую информацию. Правильно составленное УТП заинтересует клиента, и он будет изучать сайт дальше, а неправильное побудит его покинуть страницу.

Также можно протестировать. Формы, текст на кнопках, призывы к действию и другие элементы и тексты.

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