Так как спрос на Landing Page с каждым годом увеличивается более чем на 100%, даже новички, заинтересованные в бизнес-деятельности на просторах интернета, начинают задаваться вопросом – как создать лэндинг своими руками? Проведение распродаж, акций от крупных компаний, малый коммерческий бизнес, маркетинговое продвижение своего продукта, увеличение продаж, тестирование новой ниши – эти и многие другие факторы заставляют компаний заинтересовываться одностраничными сайтами.

Создаем Лендинг Пейдж с нуля без знаний и навыков

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

1. Создание лендингов с помощью онлайн-конструкторов

Онлайн-конструкторы – это настоящее «спасение» для новичка, который совершенно незнаком со сферой создания сайтов. Современные конструкторы позволяют создавать не только целевые страницы, но и интернет-магазины, сайты-визитки, информационные порталы компании так далее.

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

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

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

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

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

Пример создания лендинга с помощью Bloxy.ru:

1. Переходим на Bloxy.ru .
2. Кликаем по кнопке «Создать Landing Page».
3. Проходим краткую регистрацию, либо авторизуемся через социальные сети (сервис не получает ваши данные от страниц в соц. сетях).
4. Жмем по огромной кнопке со знаком «+» — «Создать сайт».
5. При желании проходим краткий курс обучения (новичкам рекомендуем не отказываться от него).
6. Перед нами открывается огромный визуальный редактор с инструментами, расположенными как внизу сайта, так и в самом верхнем меню. Каждый инструмент вполне понятен пользователям за счет своей иконки. Также при наведении на иконку появится подпись, поясняющая, что это за инструмент. Чтобы разместить его на сайте, нужно просто перетащить иконку в нужную область лендинга.
7. Выбираем шаблон из сотни представленных в соответствующем разделе.
8. Наполняем сайт контентом.
9. Добавляем необходимые модули – они также встроенные.

Максимально подробно о работе с Bloxy.ru мы рассказывали в . Отметим, что внизу Bloxy.ru есть кнопка «Посмотреть обучающее видео». Если нет желания проходить курс, посмотрите видеоролик, подробно рассказывающий, как создать свой лендинг с нуля.

Первая неделя работы с онлайн-конструктором – бесплатная. Далее ежемесячная плата будет составлять 590 рублей. В сравнении с другими способами создания лендинга, этот самый выгодный. Затраты на хостинг и домен будут примерно такими же, при этом работать над лендингом придется значительно дольше, чем в случае с Bloxy.ru.

2. Разработка лендинга с использованием готового шаблона

Создание лендинга с нуля возможно путем установки готового HTML-шаблона, скаченного из интернета. Но этот способ более сложен для новичков в сравнении с теми же конструкторами.

• Во-первых, не все готовые шаблоны проработаны идеально – если в них будут недочеты, придется изучать коды HTML и CSS, а без знаний вы его отредактировать не сможете.
• Во-вторых, если нужно будет что-то изменить на свой лад, допустим, поменять шрифт или фон сайта, то также придется делать через коды.

Но тот факт, что потребуются лишь минимальные знания HTML и CSS, которые можно получить, «загуглив» пару статей, не оспоришь.

Если вы найдете подходящий по вашей тематике шаблон, то все, что останется сделать, это поменять демо-контент (видео, текст, изображения) на свой. После готовый HTML-шаблон нужно установить на купленный . В среднем он обходится в 200-500 рублей в месяц (это немного дороже, чем услуги Bloxy.ru).

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

Здесь мы не будем рассказывать, что можно создать лендинг своими руками при помощи HTML-редактора. Способ аналогичен всему вышесказанному, но в данном случае мы должны будем сами писать шаблон, либо собирать его по частям, находя нужные участки кода в готовых шаблонах. Нельзя сказать, что способ невероятно сложен, но новичкам браться за него необходимости. Идеальный шаблон вы с первого раза вряд ли сможете написать. Если сроки на создание одностраничника минимальные, лучше воспользоваться услугами онлайн-сервиса Bloxy.ru.

3. Создание одностраничника на движке WordPress

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

Все, что нужно сделать для работы с данной платформой, это:

1. Приобрести хостинг (от 200 рублей);
2. Купить домен (от 100 рублей);
3. «Прикрутить» на хостинг CMS;
4. Привязать домен;
5. Далее найти готовый шаблон в самой же системе WordPress и активировать его одним кликом.
6. Размещение текстового контента, изображений, видео – все это настолько же элементарные задачи, как и в случае с конструкторами. Но, опять же, домен и хостинг – это гораздо большие растраты, чем оплата услуг онлайн-сервисов.

Процедуру установки хостинга на CMS можно найти на сайте любого хостинг-провайдера.

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

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

Что такое Page Builder от WordPress?

1. Первое, что нужно сделать с помощью плагина, это разработать разметку. Она позволит нам грамотно распределить блоки своего одностраничника, установить цвет блоков, их размер, разместить фоновое изображение, настроить отступы, число блоков и так далее. Атрибутов в плагине действительно много.
2. Когда все нужные блоки готовы, необходимо разместить в них контент. В этом вам может помочь дополнительный плагин «SiteOrigin Сборник Виджетов». Очень много виджетов из всего сборника могут быть полезны для вашего лендинга, но и злоупотреблять ими ни в коем случае нельзя. Под виджетами мы подразумеваем слайдеры, иконки, заголовки, кнопки, формы и так далее.
3. Если у вас есть сторонние плагины, их также можно будет активировать. Например, установить таймер обратного отсчета акции или распродажи, сделать кнопки интеграции с социальными сетями, разместить форму, в которой клиенты будут оставлять свои контактные данные. Для WordPress сегодня в сети можно найти невероятное количество разношерстных дополнений.

Если мы создаем Landing Page своими руками, останавливаться на базовом функционале CMS точно не стоит. Современные целевые страницы совершенствуются именно за счет дополнений.

Выше мы говорили про CRM-системы, E-mail рассылки. Интеграцию с такими сервисами WordPress разрешает. Правда, не все подобного рода плагины бесплатные. Но в интернете можно найти и бесплатно скачать сторонние дополнения.

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

Подытожим

Когда одностраничные сайты только-только появлялись, их разработка действительно казалась трудоемким процессом, ведь большинство веб-мастеров создавали Landing Page с нуля без помощи сервисов, программ и так далее. Сегодня же онлайн-конструкторы являются самым лучшим и простым решением реализации одностраничного проекта. Широкий выбор атрибутов, дизайнерских шаблонов и других инструментов позволяют не просто быстро создать лендинг, но и сделать его эксклюзивным. Единственное, что вам понадобится, это минимальный бюджет. Но, естественно, этот бюджет не сравниться с теми огромными растратами, с которыми приходится соглашаться при обращении в веб-студию.

Здравствуйте, уважаемые читатели блога сайт. Сегодня мы поговорим о такой важной вещи как посадочная страница , которую очень часто на буржуйский манер называют лендинг пейдж (от английского landing page — целевая страница). Что же это такое и почему это так важно?

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

Что такое лендинг пейдж и почему это так важно

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

Скорее всего, вы забыли продумать и подготовить приземляющие (посадочные, целевые) страницы, которые часто называют лендингами . Что это такое?

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

Сам термин «лейдинг пейдж» образован от английской фразы «landing page», в переводе означающей как раз целевую, посадочную (приземляющую) страницу. Лендинги создаются не абы как, а с учетом психологии посетителей. Они должны цеплять и не отпускать их до самого момент покупки (или регистрации), ибо повторно привлечь посетителя будет уже архисложно.

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

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

Примеры лендингов

В зависимости от преследуемых вами целей можно разделить посадочные страницы (лендинги) на несколько типов:

12 шагов по созданию идеального лендинга

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

1. Каждый лендинг должен быть заточен только под одно целевое (конверсионное) действие — либо подписка, либо продажи. Не надо жадничать, ибо внимание пользователя будет рассеяно и сильно увеличится вероятность его ухода (так ничего и не выбрав из предложенных вариантов). Лучше как можно меньше заставлять клиентов думать и выбирать — путь на landing page должен быть прямым как стрела (очевидным для него) и без каких-либо ответвлений.
2. На посадочной странице обязательно должен присутствовать призыв к действию (с глаголами в повелительном наклонении — позвони, купи, получи, приди и т.п.). Фразы должны быть короткими и мотивирующими. Например, «купите сейчас», «получить видеокурс» или «подпишись и получи».
3. Рулят также яркие кнопки и стрелки , создающие на них акцент. Неплохо работают кнопки красных и желтых оттенков, ибо заметны и содержат как бы призыв к действию.

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

   

   Иногда очень неплохо работают анимированные кнопки (но в любом случае нужно будет проводить тестирование эффективности тех или иных элементов лендинг пейджа):

   

4. Если в лендинге используются (на подписных посадочных страницах без них не обойтись, но и на продажниках их довольно часто используют), то озаботьтесь тем, чтобы в них содержалось как можно меньше полей. В идеале, в форме должно быть только одно поле (для ввода Емайл адреса), но для дальнейшего общения (проведения маркетинга) вам понадобится знать и имя пользователя, поэтому два поля являются наиболее распространенным вариантом.Большее количество полей может существенно снизить конверсию. К тому же добавление полей для ввода телефона или адреса вызывает у пользователей настороженность и может привести к отказу от целевого действия.
5. В статье про я упоминал, что пользователи в интернете тексты не читают — они их просматривают. И самым важным в этом плане является заголовок. Если его нет (или он не выделен соответствующим образом), то это очень сильно снизит конверсию. На лендингах заголовки должны быть обязательно цепляющими , чтобы пользователь склонился к дальнейшему чтению или сразу к свершению конверсионного действию (подписке, заказу, звонку).

   

6. На вашей landing page должны быть не только призывы к действию и эффектные заголовки, но и аргументация необходимости подписки, покупки, заказа или звонка. В случае страницы подписки это может быть, например, небольшой видеоролик с описанием и содержанием «халявы», или все то же самое оформлено в виде краткого списка (перечня). В случае продажника это тоже может быть видеоролик с обзором товара, списком тех услуг, которые вы предлагаете (в том числе и ваши конкурентные преимущества).
   
   
7. Очень хорошо на посадочных страницах работают отзывы от уже состоявшихся клиентов, покупателей или подписчиков (лучше, если при этом будут указаны какие-то контакты тех, кто эти отзывы оставил, чтобы все выглядело правдоподобно).

   

8. Также неплохо работают на посадочных страницах сравнения «до и после» . Не для всех тематик это применимо, но в области похудения, косметологии, фитнеса и многих других ниш это можно с высокой эффективностью использовать. Например, так делает фирма, предоставляющая услуги ресторации.
   
   
9. Страница landing page может быть довольно длинной, но при просмотре первого экрана (это та область страницы, что видна без использования прокрутки) пользователю должно быть совершенно ясно и понятно, что именно вы хотели ему сказать.
10. Для стимулирования подписчиков или покупателей некоторых товаров (например, ) можно использовать вариант дополнительных бонусов, которые получит подписчик или покупатель при заказе. Когда пользователь находится на грани принятия решения, то как раз такие «плюшки» могут перевесить чашу весов в вашу пользу.
11. Ну и, конечно же, стоит делать упор на то, что «только здесь и только в течении нного количества времени» пользователю будет доступно все это великолепие (подписка, специальная цена на товар, дополнительный набор услуг). Как это сделать лучше всего? Правильно, поставить таймер, ведущий обратный отчет времени до часа Х, когда предоставленная возможность будет упущена. Ничто так не стимулирует к принятию решения колеблящегося пользователя, как буквально на глазах убегающие секунды.

    

    Рядом с таймером неплохо будет расположить форму подписки, заказа или контактный телефон. Это будет работать не всегда, поэтому надо проводить тесты (думаю написать ряд статей про проведение А/Б-тестирования — если не хотите пропустить, то подписывайтесь на рассылку), и возможно, что такой простой и очевидный способ позволит вам увеличить конверсию данной лендинг пейдж и с лихвой окупить деньги, потраченные на продвижение в социальных сетях или контекстной рекламе.

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

    

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

Примеры ошибок делающих landing нерабочим

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

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

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

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

У вас есть еще немного времени? Хотите его провести с пользой? Тогда берите попкорн, садитесь поудобнее и смотрите двухчасовой мастер-класс «Пошаговый алгоритм создания Landing Page» :

Landing Page - это веб-страница, основной задачей которой является захват контактных данных посетителей веб-сайта.

Почему такое специфичное название?

В переводе с английского слово “Landing” переводится как “Посадка”, а “Page” - “Cтраница”.

Почему “посадочная” страница?

Дело в том, что используя Landing Page в работе, мы как бы приземляет пользователя на отдельную страницу. На стандартном сайте клиент изучает несколько страниц попадая на них через систему пересылок (перелинковку).

Если упростить это определение, то можно представить лендинг пейдж, как мышеловку для Ваших клиентов.

Каждая мышеловка состоит из:

Приманки

Механизма захвата

Основы для размещения первых двух элементов

Так и Landing Page имеет такую же структуру.

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

Но вернемся главному вопросу, который задает себе каждый предприниматель: “ Landing Page поднимет мои продажи?”

Зачем нужен Landing Page?

Как я и говорил до этого, Landing Page нужен для нескольких целей:

Получить контакт (лида)

• Ознакомить

Предлагаю разобрать каждую цель отдельно.

Сбор контактных данных с помощью Landing Page

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

Именно поэтому существуют Landing Page, направленные на сбор контактных данных.

Что мы подразумеваем под контактными данными:

Получив эту информацию мы можем:

Обзвонить и продать

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

Пример лендинга: кровля

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

Но вместо того, чтобы просто показать цены, мы возьмем контактные данные, чтобы помочь ему принять правильное решение!

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

Пример лендинга: ремонт телефонов

Следующий пример связан с ремонтом телефонов. За счет гарантии и сроков реализации происходит призыв к расчету стоимости ремонта телефона.

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

Пример лендинга: банковские гарантии

Данный пример хорош с позиции составления УТП (уникального торгового предложения).

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

Продажа с помощью Landing Page

Существуют Landing Page, где клиент может произвести покупку прямо на сайте. Для этого подключают сервисы электронной коммерции Ecommtools и Robokassa.

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

Robokassa нужна для приема платежей любым удобным способом для клиента (Qiwi, Яндекс.Деньги, Webmoney, PayPal и т.д.).

Пример langing page: мероприятие

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

Ознакомление с помощью Landing Page

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

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

Пример лендинг пейдж: клининговая задвижка в монолитном корпусе

В этом примере, демонстрируется инновационная задвижка в трубопроводной арматуре.

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

Пример лендинг пейдж: проектирование электроснабжения

В данном примере компания занимается сложными проектами по электроснабжению.

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

Чем лендинг пейдж отличается от сайта?

В отличие от многостраничного сайта, лендинг:

Имеет одну цель

Имеет одну страницу

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

Landing Page имеет одну цель

Лендинг должен быть посвящен чему-то одному. Мы предлагаем пользователю забронировать билет, получить консультацию или просто подписаться на рассылку. Если задач будет много, то пользователь может легко запутаться.

Выбор - это сложная задача для любого человека.

Людям проще взять что-то одно, нежели выбирать из 2-х или 3-х условий.

Вспомните, как вы выбираете фильмы. Можете часами сравнивать. А на лендинге выбор уже сделан и мы убеждаем человека в его правильности!

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

Возможно, вы хотите его телефон взамен на бесплатный замер или почту взамен на ценную информацию.

Landing Page имеет одну страницу

Вся необходимая информация должна находится на одной странице. Это нужно потому, что:

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

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

Эти 2 пункта имеют прямое отношение к эффективному получению лидов.

Что такое лиды?

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

В терминологии интернет маркетинга, любой способ первичной связи клиента с предпринимателем называется “лид”.

К лидам могут относиться:

Входящий звонок

Заявка с сайта

Письмо от потенциального клиента на почту

Онлайн чат с клиентом (через Jivo Site или Callback Hunter)

Основное назначение любой посадочной страницы - привлечь как можно больше лидов.

Что такое конверсия?

Чтобы Landing Page приносил много лидов необходим высокий КПД (коэффициент полезного действия)!

КПД любой посадочной страницы называют конверсией.

Формула конверсии выглядит так:

Конверсия = (Лиды / Посетители сайта)*100%

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

Вот простой пример.

Мы привлекаем на 2 лендинга по 100 посетителей за 1000 рублей.

У первого лендинга конверсия сайта 5%. За 1000 рублей, он получит 5 лидов (по 200 рублей).

У второго лендинга конверсия сайта 20%. За 1000 рублей, он получит 20 лидов (по 50 рублей).

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

Когда используются лендинги?

Лендинг лучше всего работает, если его задача точно определена.

Юридический консалтинг (Размыто)

Консультация по арбитражному суду (Точно)

Вам нужно четко понимать свою аудиторию!

Женщина 20-30 лет - слишком неточная характеристика для аудитории.

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

Теперь хочу рассмотреть частные случае использования Landing Page.

Продажа товаров или услуг на Landing Page

На лендинге можно продавать любые товары:

Экшн камеры

Важное правило! Нельзя размещать большое количество товаров! Более 10-15 товаров требует создание интернет магазина.

Пример лендинга: кальяны

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

Лендинг пейдж, когда нет основного сайта

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

Лендинг пейдж, для отдельных целей

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

Лендинг пейдж, когда Вы тестируете направление

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

Лендинг пейдж, когда есть основной сайт

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

Виды Landing Page

Если подразделять лендинги на виды, то можно выделить несколько:

Длинный лендинг пейдж (лонгрид) – это длинная страница, которая содержит очень много информации о продукте и услуге.

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

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

Лонгриды

Как правило, landing page с содержанием более 10 000 - 12 000 относят к лонгридам. В рамках подобной страницы человек получает максимально подробную информацию о товаре либо услуге.

Чаще всего лонгриды используются в статьях.

Почему лонгриды хороши для статей?

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

Это повышает поведенческие показатели лонгрида и он лучше индексируется поисковыми машинами.

Лендинг в один экран

Короткие лендинги хороши для ниш со срочным спросом:

Эвакуатор

или для направлений с бесплатным первым шагом:

Бесплатные семинары

Бесплатные вебинары

Почему короткий лендинг в этих случаях лучше работает?

Всё просто! Человек сконцентрирован на решении конкретного вопроса. Чем быстрее он получит ответ на странице, тем раньше сделает заявку.

Пример landing page: Школа вокала

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

Школа обещает быстрый результат (за 27 дней), поэтому лендинг имеет высокую конверсию!

Многошаговый лендинг

Чаще всего многошаговое воздействие используют в тизерных сетях.

Показ основного оффера через “прокладку” является одним из действенных способов привлечения лидов.

Многошаговое воздействие включает в себя несколько шагов:

Статья посвященная результату от использования товара / услуги

Landing Page с целью сбора контактных данных

Чаще всего, подобную механику можно встретить на сайтах с фильмами онлайн.

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

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

Для пущего доверия я размещаются отзывы в социальных сетях.

Пройдя такую цепочку подогрева финальная страница получает максимальную конверсию!

Принципы создания Landing Page

Есть 2 основных принципа создания лендинга:

Aida: attention, interest, desire, action

Данный принцип призывает оформить страницу, таким образом, чтобы:

Привлечь внимание

Заинтересовать

Вызвать желание

Добиться действия

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

PMPHS: pain-more pain-hope solution

Landing Page, выполненный по такому принципу, имеют следующую основу:

Обозначить проблему

Обострить проблему

Показать надежду

Предложить решение

Такие принципы хорошо будут работать в тематиках похудения, здоровья и т.д.

Если мы разбираем классическое поведение человека на Landing Page, то можно отметить 3 основных шага:

• Разобрался

  Сделал целевое действие.

И это очевидно! Сначала, человек должен узнать о предложении в интернете, затем изучить его, а затем приобрести!

Чтобы реализовать такую модель, необходимы:

Давайте разберем каждый пункт.

Трафик

За трафиком мы понимаем посетителей Landing Page. Привлечь их можно различными путями:

E-mail marketing

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

Горячий трафик

Аудитория, которая ищет услугу здесь и сейчас, относят к горячему трафику. Чаще всего такая аудитория находится в поисковиках. Поэтому контекстная реклама в Яндекс Директ или Google Adwords, будет привлекать самый горячий трафик.

Холодный трафик

К холодному трафику можно отнести баннерную рекламу на площадках.

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

Call to Action

Призыв к действию - один из важнейших факторов эффективности Landing Page.

Без Call to Action клиент может не понять основную цель страницы. Вот несколько примеров успешных призывов.

Пример Landing Page: курсы по плаванию

Лучшее, что можно предложить тренерам по плаванию - это бесплатное первое занятие.

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

Пример Landing Page: бижутерия оптом

Самое выгодное предложением для любого начинающего оптовика - система реализации закупленной продукции.

В данном примере, Call to Action заключается в получении пошагового руководства по созданию прибыльного магазина бижутерии с нуля.

Привлекательная кнопка

Многие A/B тесты посадочных страниц определили существенное влияние кнопки на конверсию сайта.

Какие факторы имеют значение при создании кнопки:

Цвет кнопки

Чем ярче кнопка, тем больше шансов обратить на нее внимание у пользователя.

Самая большая ошибка при создании Landing Page - делать кнопку в цвет сайта.

Смена цвета кнопки часто повышает конверсию сайта!

УТП в кнопке

Уникальное торговое предложение в кнопке, является отличным маркетинговым ходом!

Такие подходы увеличивают шансы заметить форму заявки и само УТП.

В кнопке можно использовать разное УТП:

Получить скидку 30%

Забронировать бесплатное место

Получить тестовый день

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

УТП - самая важная составляющая лендинга. Основная задача страницы ознакомить пользователя с предложением, от которого глупо отказаться.

Как же составить предложение, которое будет сильным магнитом для лидов?

Принцип 4U

Данный принцип основан на 4 важных моментах:

Полезность

Какую пользу вы предоставите Вашему клиенту?

Например: “Научим плавать”

Специфичность

На сколько это выгоднее (выгоднее, быстрее и тд) (в деньгах, цифрах, процентах и тд)

Например: “с правильной техникой”

Срочность

За какой промежуток времени клиент это получит? (За неделю, месяц, пару дней).

Например: “всего за пару дней”

Уникальность

С помощью чего Вы это сделаете? (Или уникальность данной выгоды по сравнению с аналогами)

Например: “по методики олимпийского чемпиона Майкла Фелпса”

Объединив все 4 принципа мы получаем привлекательное предложение, которое лучше всего разместить на первом экране: “Научим плавать с правильной техникой, всего за пару дней, по методики олимпийского чемпиона Майкла Фелпса!”.

Поняв основные принципы лендинг пейдж, предлагаю разобрать все этапы ее создания!

Этапы создания Landing Page

Условно можно разделить этапы разработки лендинга на:

Анализ конкурентов

Анализ аудитории

Пишем текст

Создаем прототип

Делаем дизайн страницы

Верстаем и программируем страницу

Теперь разберем подробно каждый этап!

Анализ конкурентов

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

Наша основная задача: просмотреть рынок со всех сторон, выписать основных игроков и разобрать их подход.

Создаем сводную таблицу по конкурентам

Перед началом анализа советую сформировать таблицу в Excel, куда мы будем фиксировать все данные.

В первый столбец мы вставляем параметры для сравнения, а в шапку помещаем сайты конкурентов.

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

В итоге Вы получите:

Большую аналитическую таблицу

Выпишите для себя лидеров рынка

Определите лучшие подходы в донесении информации

Сравните, какое предложение на рынке сейчас самое выгодное

Отстранитесь от каждого конкурента, сформировав УТП

Чтобы Вы не запутались в элементах сайта, которые необходимы для анализа, я перечислю обязательные параметры:

Описание страницы (как правило в верху страницы)

Заголовок

Оформление формы захвата (какие кнопки, количество форм для заполнение, торговое предложение в формах)

Есть телефон или нет? (8-800, городской или мобильный)?

Какой Call to Action?

Какая основная выгода? (что пользователь отдает, взамен на контактные данные?)

Какие цены (Как они преподносят их: пакеты услуг, скидки и т.д.)

Количество блоков на лендинге (Можно разобрать каждый)

Какую задачу решает первый экран лендинга

Где же найти сайты конкурентов?

Воспользуйтесь поисковиком

Первое, с чего стоит начать - Яндекс и Google. Самая горячая аудитория находится именно там! Если у человека появляется прямая необходимость в чем-либо, первым делом он полезет в поисковики.

Как известно в России, большая часть трафика находится в Яндексе.

Почему это стоит делать?

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

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

Велика вероятность, что Вы заметите новые преимущества и выгоды!

Сравните предложения

Определите стратегию лидера

Отметьте блоки и подходы, которые есть практически у всех конкурентов

Следующим этапом будет анализ аудитории.

Почему многие ремонтные организации сначала делают бесплатный дизайн проект и только потом делают ремонт?

Аудитория, которая осуществляет поиск - это чаще всего женщины, которые принимают решение по картинке

Аудитория, которая принимает решение - это мужчины, которые хотят угодить женщинам

Тоже самое происходит на Landing Page.

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

Важно точно определить, кто Ваша целевая аудитория и от чего она точно не откажется.

На практике, аудитория делится на:

тех, кто осуществляет поиск

тех, кто покупает

Аудитория осуществляющая поиск

Почему я выделяю отдельно данную аудиторию?

Во многих случаях люди осуществляющие поиск в интернете, не являются людьми принимающими решение о покупке.

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

Но если бы c каждым заказом дарили коробку конфет, сотрудница могла сделать выбор в сторону другой компании.

Исходя из этого:

Определяем аудиторию, которая будет осуществлять поиск и выбор

Адаптируем предложение под эту целевую аудиторию

Аудитория принимающая решение

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

Важно изучить все боли клиента!

Глобально можно разделить боли на 2 основных категории.

Боли сервиса

Боли продукта

Боли сервиса

К болям сервиса можно отнести:

Невозможно дозвониться

Приехали сломали и уехали

Испортили

Боли продукта

Чаще всего клиентам не нравится:

Высокие цены

Низкое качество

Как узнать боли?

Отдел качества

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

Представившись отделом качества, Вы точно получите максимально подробное описание “дыр” бизнеса.

Поняв данные проблемы должны выписать по 2-3 решения каждого и описать их на лендинге.

Советую заполнить табличку, в которой понятно на сколько часто используется та или иная боль клиента.

Чем чаще возникают недовольства, тем больше акцента должно быть на посадочной странице.

Аудит социальных сетей

Посмотрите, кто состоит в них и определите, что у них общего.

Посмотрите личные странички самых активных из них

Изучите комментарии в беседах или опросах

Сомнения

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

После выпишите 10 преимуществ, которые могли бы стимулировать их сотрудничать с Вами и пометьте в другом листе своей таблички.

Определяем цели аудитории на лендинге

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

Клиент не будет платить за сайт. Ты дай ему прайс и он подумает…

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

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

Но главное, чтобы landing page не превратился в “борщ” (всё обо всём).

Мы возвращаемся в таблицу с анализом аудитории и определяем, какие задачи будут решаться на лендинги (и всем ли портретам аудитории это будет полезно).

Ответьте себе на вопросы:

В каких условиях клиент принимает решение (дома перед теликом, где спокойно можно вдуматься или на шоссе, когда нужен эвакуатор, где решение принимаются за пару секунд)?

Сколько задач будет решать лендинг пейдж?

Что должно быть на сайте, чтобы все боли были решены?

Выделите главную и второстепенные задачи.

Цель: Второстепенные задачи должны помогать решить основную!

Проделав такую работу Вы точно создадите предложение от которого глупо отказаться!

Следующим этапом будет написание текста.

Написание текста на лендинг пейдж

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

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

Для этого необходимо все смыслы распределить в продающую структуру.

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

Чтобы клиент мог последовательно получать нужную информацию на лендинге, необходимо подать информацию последовательно.

Нам стоит вернутся к нашим сводным таблицам:

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

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

Сам текст пишем понятным и логичным.

Вот несколько правил, которые обязательно нужно учитывать:

1. Ценности

На лендинг пейдж нужны цифры

Почему это так Важно?

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

Где можно вставить цифры?

В уникальном торговом предложение (если его суть, как-то затрагивает выгоды)

В блоке социального доверия (перечисляя свои достижения и регалии)

В сроках реализации (если это быстрее, чем у других)

В описании товара/ услуги

Пример Landing Page: Франшиза

Франшиза по изготовлению суши и роллов.

На первом экране встречаются цифры 5 раз! Все они запакованы с позиции выгод!

На лендинге нужны выгоды

Каждая потребность выявленная на этапе анализа аудитории должна быть решена с позиции выгод.

Предлагаю более подробно разобрать пример с франшизами.

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

Исходя из этого, 2-ой заголовок звучит так:

“Зарабатывай стабильно от 110 000 руб. уже с первого месяца!”

Удаляйте “воду” из текста. Откажитесь от необъективных оценок, пишите только о фактах!

Берите задачу, которую клиент ставит перед собой, решайте ее и приводите доказательства!

На лендинге должны быть ценности

Основной задачей дополнительной ценности является усиление “Вау-Эффекта”. Чаще всего ценности лежат в области сервиса:

Если не доставим через 30 минут, пицца бесплатно!

Запуск франшизы с нуля, всего за 2 недели

Когда Вы написали все тексты, Ваша задача сформировать прототип.

Прототип для Landing Page

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

Прототип можно делать в тетради или на блокноте. Но проще всего выполнять в специальных программах.

Вот несколько примеров подобных программ:

• Быстрая прогрузка сайта

  Пожалуй один из самых важных пунктов для верстальщиков и программистов!

  70% отдачи Вашего сайта зависит от скорости его прогрузки.

  Для этого программисты реализуют прогрузку по кэшу, облегчают картинки и верстку.

  Если сайт будет медленно грузиться, показатель отказов вырастет и конверсий Вам не видать!

  Проверяйте скорость прогрузки сайта в специальном сервисе Google - https://developers.google.com/speed/pagespeed/

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

  Программирование

  Последним этапом перед запуском трафика на лендинг является программирование:

  Настройка форм захвата (прием и отправка данных)

  Установка счетчиков аналитики

  Настройка целей

  Установка коллтрекинга

  Создание мультилендинга

  Отправка данных с форм захвата

  Затрагивая данный вопрос вспоминаю свой личный опыт.

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

  А проблема была в том, что мы просто не проверили отправку данных с landing page (хорошо, что мы заметили это через ).

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

  Установка счетчиков аналитики и настройка целей

  Обязательно сразу нужно устанавливать счетчики Яндекс Метрики и Google Analytics:

  Это может сэкономить Вам кучу денег на старте (если, что то будет работать не корректно)

  Делать A/B тестирование (данный функционал реализован в Google Analytics)

  Если Analytics для Вас слишком сложен, то . Программист сделает за пару минут.

  Но нет смысла в аналитических счетчиках без . Именно с помощью них появляется возможность отслеживать конверсию лендинга.

  Если в Вашей нише звонков больше, чем заявок, их также можно отследить!

  Установка коллтрекинга

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

  К примеру, человек перешел с .

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

  Создание мультилендинга

  Программисты также могут создать для Вас динамический контент на сайте. Это также называется мультиленингом.

  Что значит динамический контент?

  В зависимости от заданных условий, содержание страницы может быть разным.

  Пример мультилендинга: Дизайн интерьера

  На этом лендинге в зависимости от параметров ссылки авто подменяются:

  Картинка

  Заголовок

  Текст объявления

  И еще несколько элементов в теле лендинга

  В первом случае параметр url подстраивает страницу под ЖК на улице Ярцевской,24.

  Во втором случае мы видим уже другой лендинг!

  Такие приемы позволяют сильно увеличить конверсию сайта, так сайт перестраивается в зависимости от запроса в .

  После того, как лендинг готов остается лишь показать его людям!

  Как продвинуть Landing Page?

  Для того, чтобы продвинуть лендинг можно попробывать:

  Механика привлечения клиентов этих случаях будет разница.

  Контекстная реклама для лендинг пейдж

  На мой взгляд один из самых эффективных способов привлечения горячего трафика на сайт.

  Основная задача: определить какие ключевые слова будут привлекать целевых клиентов из поисковиков.

  С помощью неё Вы можете настраивать:

  Перед этим необходимо сделать :

  Разобрать поведение ЦА в соц сетях

  Понять время принятия решения

  Для этого самое Важное определить критерий эффективности!

  Это могут быть:

  • Онлайн-консультант

    Скаченный прайс

  Для этого Вам нужно изучить 3 отчета:

Разберем каждый из них!

Очень полезный отчет. Помогает определить самые кликабельные места landing page.

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

Карта скроллинга

Данный отчет показывает самые просматриваемые части Вашего сайта.

Если Вы обнаружили места сайта, которые просто пропускают, советую убрать эти блоки (или поменять на более интересные). Тем самым вырастет вовлеченность аудитории в прочтение информации и увеличится конверсия!

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

На примере видно, что конкретную форму увидело 114 человек. Из них 9 человек взаимодействовали с формой и только один успешно ее заполнил.

Но самое Важное, мы можем отслеживать, какие из полей форм являются отказными.

Достаточно просто убрать лишние поля и конверсия сайта возрастет.

Все остальные отчеты больше полезны для управления трафиком. Ведь от качества трафика также зависит конверсия landing page.

Теперь мы плавно подошли к главному вопросу…

Заказать Landing Page или сделать самостоятельно?

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

Давайте разберемся, где можно сделать Landing Page самому.

Сделать Landing Page самому

Есть несколько хороших сервисов, где можно сделать лендинг своими руками:

Данные сервисы работают по принципу конструктора. Достаточно просто загрузить нужные картинки (которые советую заказывать на ) и расположить их на сайте в зависимости от прототипа.

Все это делается без программиста вообще!

Чек-лист для проверки подрядчика по созданию Landing Page

Как они будут проводить конкурентный анализ? Учитывают ли Яндекс Директ, Google Adwords, соц сети при поиске конкурентов

Как будет производится анализ аудитории? Как будут определятся потребности целевой аудитории?

По каким принципам будут создаваться торговые предложение? (Теперь вы знаете 4U, Aida, PMPHS и т.д.)

По какому принципу будут написаны текста

Смогут ли они предоставить тестовый вариант дизайна перед стартом?

Входит ли в цену адаптивная - кроссбраузерная верстка?

Проведут ли оптимизацию сайта исходя из трафика? Как они будут это делать?

В результате данного диалога, вы точно поймете стоит ли с ними работать!

Сравните их ответы с этой статьей и сделайте правильное решение.

Желаю удачи в создании Landing Page!

Надеюсь данная статья для Вас оказалась полезной! Репостните её как памятку на свою страницу и подпишитесь на новые статьи по Landing Page!

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

Лендинги являются составной частью рекламных кампаний определённого товара или предложения с «горячей» ценой, а также используются для привлечения целевой аудитории из источников контекстной рекламы "Гугл Эдвордс", "Яндекс. Директ", социальных сетей и почтовых рассылок.

Что это такое?

Landing Page - это независимая страничка, способствующая:

• распространению отдельной услуги или продукта;
• формированию подписной базы.

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

Со стороны пользователя Landing Page - это страничка, на которую он попадает после нажатия на изображение, информер, рекламное объявление и прочее. Лендинговая страница совершенно непохожа на интернет-магазин, поскольку для реализации конкретного продукта или проведения рекламной акции оформляется собственная страничка с использованием различных триггеров воздействия.

Разновидности лендинг-пейдж

• Самостоятельный. Это наиболее распространённый вид одностраничного сайта. Его ключевой задачей является подзадоривание пользователя к приобретению продукта/услуги либо совершению любого другого шага, рекомендуемого ресурсом.
• Микросайт. Это сайт (чаще всего отдельно от основного) максимум на 5 листов, включающий в себя сведения о товаре либо услуге.
• Основной портал. В качестве посадочной применяется одна и больше страниц ресурса.
• Лендо-сайт. Он представляет собой портал, целиком состоящий из самостоятельных целевых страничек.

Способы создания Landing Page

Лендинг можно сделать несколькими способами:

• Бесплатные генераторы и шаблоны. На сегодняшний день в Интернете представлено огромное количество различных конструкторов и шаблонов, с помощью которых можно с лёгкостью сформировать любой лендинг-пейдж. Наиболее прославленным сервисом создания и продвижения лендинга является LPgenerator. Такой способ идеально подходит для организаций, которые ограничены в бюджете, но в штате есть эксперты, понимающие в дизайне и маркетинге.

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

Можно ли самостоятельно оформить Landing Page

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

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

Можно ли сделать лендинг бесплатно

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

• Создать лендинг-пейдж можно на сайте setup.ru после простого процесса регистрации.
• С помощью программного продукта Adobe Photoshop.
• Воспользоваться конструктором KompoZer.

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

Оптимизация лендингов

Разработка лендинга - это лишь часть успеха, важно правильно его оптимизировать. У одностраничных ресурсов есть один, но довольно весомый недочёт - их очень непросто обнаружить поисковым системам. Полноценные сайты обладают уникальными заголовками, целостной структурой с информацией об объёме страниц, грамотной перелинковкой и прочим.

Структура одностраничника не позволяет выполнить качественную внутреннюю оптимизацию в привычном понимании, то есть «заточить» интернет-ресурс под запросы поисковиков. Решить эту проблему позволила вёрстка от Google с применением JavaScript и способа PushState.

Что для этого нужно?

Для оптимизации лендинга необходимо выполнить следующее:

• Лендинг разбить на несколько блоков.
• Каждый из них должен иметь собственный оригинальный индикатор, текстовку, наименование, заголовок и URL.

Другими словами, блоки должны обладать теми же свойствами, которые есть у любой отдельной страницы полноценного портала. В этом случае робот будет расценивать посадочную страницу как несколько уникальных. Посетители этот момент вряд ли уловят, только наиболее бдительные заметят, что в процессе скроллинга в строке меняется URL и title. Но тут следует понимать, что для осуществления этих действий потребуются определённые познания в сфере SEO и вёрстки с JavaScript.

Как сделать популярной созданную страницу? Продвижение лендинга в поисковых системах или SEO своими силами - вполне выполнимая задача, несмотря на то, что зачастую случается слышать, что поисковые системы плохо относятся к одностраничным сайтам. На самом деле всё не совсем так. Если страница соответствует определённым условиям и будет содержать максимальное количество информации о реализуемом продукте/услуге, то можно добиться отличных результатов СЕО-продвижения лендинга.

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

Что нужно делать?

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

• Основа успешной Landing Page - содержимое. То есть описание продукта должно содержать определённую информацию для пользователя: детали, фотографии, видеообзор, отзывы и прочее.
• Продвижение лендинг-пейдж с помощью ссылочной массы. Для прокачки одностраничного сайта потребуется ссылочная масса, которую можно приобрести на других ресурсах. Численность ссылок будет зависеть от конкурентоспособности реализуемого продукта, а также от региона, количества соперников на рынке и прочего. Отличный способ заявить о себе, а также получить ссылочную массу с других ресурсов - это поместить на них обзор вашего товара. Для этого существуют специальные инструменты и сервисы. Другой вариант (более трудоёмкий, но в то же время интересный) - самостоятельно искать веб-сайты похожей тематики и обращаться непосредственно к администраторам с пожеланием разместить у них вашу информацию. Безусловно, делается это за вознаграждение. В обзор необходимо вставить несколько ссылок на сайт. Если подобранные ресурсы пользуются популярностью, то с них легко можно получить поток посетителей, которые в последующем могут стать клиентами. Этот способ раскрутки является самым удачным и естественным. Вы приобретаете так называемые вечные ссылки, за которые платите единожды, обеспечивая при этом Landing Page целевым трафиком.

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

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

Что обычно подразумевается под лендингом

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

1. Призывы к действию (Подпишись, купи, зарегистрируйся, оформи), большая, привлекающая внимание кнопка продажи\подписки, зачастую не одна — в начале и в конце страницы.
2. Отзывы от потребителей, положительные комментарии о продукте из различных форумов, соц. сетей и т.д. в общем элементы убеждения при помощи социальных инструментов, что бы вызвать доверие у посетителя.
3. Всевозможные акции, скидки, бонусы, зачастую сопровождаемые счетчиком с обратным отсчетом. То, что подтолкнет посетителя совершить действие здесь и сейчас, не откладывая на будущее (ведь потом он уже с большой вероятностью никогда не вернется на ваш сайт )
4. Различные элементы оформления сайта, созданные все с той же целью — заставить купить. Это и всевозможные картинки, фотки продукта с удачных позиций, счастливые люди, вызывающие доверие персонажи. Всевозможные дизайнерские приемы, вроде стрелок, направляющих ваш взгляд на кнопку, крупные заголовки, высокий контраст важных элементов, рамки, меняющийся местами текст и т.д. Арсенал огромен.
5. Собственно сам продающий текст, который включает описание продукта, его преимущества, способы применения и в, идеале, работа с отрицаниями потребителя. Вообще, создание продающего текста, это отдельная большая тема.
6. Нередко встречается встроенное видео, рассчитанное на тех, кто больше любит смотреть и слушать, а не читать. Иногда делают его запускаемым по клику, иногда автоматически при загрузки страницы — тут все индивидуально, где-то одно лучше работает, где-то другое, где-то вообще без видео будет отклик больше.

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

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

Ну а теперь, после длинной вводной части, перейдем собственно к самому интересному — созданию своей посадочной страницы

Как создать Landing Page. Способы создания лендинга

Есть несколько способов смастерить себе одностраничник:

1. Использовать различные шаблоны, позволяющие создавать посадочные страницы (как для популярных CMS так и с собственной админкой или на чистом html)
2. Онлайн генераторы посадочных страниц
3. Сделать самому лендинг с нуля
4. Заказать у профессионалов и не тратить время и нервы.
5. Купить готовый лендинг в специализированных интернет-магазинах.

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

Создание лендинг пейдж при помощи готовых шаблонов

Совсем недавно мне подкинули отличную подборку шаблонов для лендингов, как на html так и с собственной админкой.

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

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

Так например на днях я создавал лендинг по продаже елок в Тюмени, и удачно заскринил весь процесс =)

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

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

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

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

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

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

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

4. Далее я подключил бесплатный набор шикарных шрифтовых иконок Font Awesome С их помощью за 5-10 минут запросто можно накидать простенькие графические элементы оформления сайта. Преимущество векторных иконок в том, что они отлично масштабируются без потери качества, и внешний вид вы можете настраивать прямо через css, не пользуясь графическими редакторами.

В итоге получится что-то вроде этого

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

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

Вот так это нижняя часть лендинга стала выглядеть после добавления иконок

По хорошему в пункте Живые елки нужно бы иконку елочки вставить, но в наборе нет такой, а делать вручную мне было лениво) Попозже сделаю. Таким образом при должной сноровке вы сможете создавать довольно симпатичные лендинги за 2-3 часа (а если пользоваться базовыми шаблонами то вообще за пол часа можно управиться ). Ну а в целом сайт выглядит теперь так:

Плюсы: быстро, дешево, вы сам себе хозяин и господин 🙂

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

Для WordPress могу подсказать несколько шаблонов, заточенных специально под создание лендингов:

• вполне неплохой шаблон, использовал его как-то для создания лендинга на вордпрессе. Из плюсов — недорогой (10$) и простой по сравнению со многими премиум шаблонами. Адаптивный, с набором предустановленных стилей оформлений, шорткодами и даже WooCommerce поддерживается. Для создания лендингов используется встроенный в тему конструктор. Из минусов — английский язык. Впрочем он там не сложный и моих базовых знаний вполне хватило что бы понять все нужные функции и настройки.
• Есть и более выпндрежные, наподобие этого со всякими паралаксами, анимацией и т.д.
• А вообще их полно, под разные нужды и с разным функционалом, тэг one page на themeforest в помощь

Онлайн генераторы лендинг пейдж

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

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

Из преимуществ — есть бесплатный 14-дневный тестовый период. Однако тарифы от 2000 до 15000 рублей в месяц. Единственный вариант выгодного использования я вижу, если только вам нужно создать лендинг на короткий срок 1-2 месяца. Шаблонов там не так уж много, по моим прикидкам чуть больше сотни.

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

Минусы: дорого, зависимость от стороннего сервиса.

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

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

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

Создание landing page с нуля самому

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

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

Минусы: Долго и сложно, по крайней мере относительно других способов. Такой вариант подходит наверное только для профи или фанатиков.

Заказать лендинг у фрилансера или вебстудии

Довольно распространенный способ. Многие нормальные компании не станут заморачиваться и создавать собственноручно лендинги на генераторах или шаблонах, зная что в итоге просто потратят время или в лучшем случае получат плохо работающий landing page. Им куда проще обратиться к спецам, заплатить примерно 10-20 тысяч рублей (если без выпендрежного дизайна ) и получить готовый сайт под свои запросы и нужды.

Конечно, если обращаться к каким-нибудь крупным понтовым веб-студиям то там и 100 тысяч могут запросто содрать) Если же обращаться к малоизвестным фрилансерам на дешевых биржах, то можно и за 2-3 тысячи найти исполнителя, но качество такой работы скорей всего будет сомнительным (или будут использоваться готовые шаблоны в чистом виде без особой адаптации под индивидуального заказчика, разве что текст поменяют и пару фоток ) а возможно и на деньги кинут, что тоже случается.Так что тут тоже как повезет.

Плюсы: Вы заказываете сайт, вы получаете сайт, таким какой хотите. Не тратя на это времени и сил.

Минусы: Вы тратите на это деньги)

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