Что такое лендинг пейдж простыми словами: 4 примера

Автор: | 17.09.2017

chto-takoe-lending-pejdzhПриветствую вас, друзья :-)

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

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

Тогда мы подробно рассмотрели блог и Интернет-магазин. Сегодня я решил продолжить разговор (внезапно… :-) ) и рассказать вам о том, что такое landing page и как его создать своими руками.

Landing page является прекрасным и уникальным инструментом электронной коммерции, позволяющим увеличивать продажи на 20-30% даже владельцам крупных и именитых Интернет магазинов.

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

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

Как?

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

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

Поехали :-)

Что такое landing page?

Говоря простыми словами, лендинг — это очень простой одностраничный сайт, посвященный, как правило, одному продукту.

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

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

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

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

К нам landing page пришли немного позже, но они также прекрасно подошли под реалии Рунета.

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

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

Структура Landing page

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

  • Заголовок.

    Он же носит название самого одностраничника и продукта, о котором идет речь на лендинге.

  • Видео или изображение (ряд картинок в слайдере).

    Это основной элемент для привлечения внимания пользователя.

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

  • Информация о продукте.

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

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

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

  • Отзывы.

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

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

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

  • Форма обратной связи.

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

  • Призыв к действию или Call to action.

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

    Текст на кнопке может быть следующим: “Купить”, “Узнать”, “Заказать”, “Подписаться” и т.д.

  • Футер и кнопки социальных сетей.

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

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

Виды лендингов

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

На сегодняшний день известно как минимум четыре типа landing:

  • long page (длинный одностраничник);
  • short page (короткий лендинг пейдж);
  • one step (одношаговая страница);
  • two step (двух шаговая страница, где на первой странице формируется интерес к продукту, а на второй — осуществляется призыв к действию).

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

Данный метод, кстати, может отлично подойти в ситуациях, когда вы продаете инновационный продукт, к которому рынок не готов. Однако, главное — чувство меры, чтобы у посетителей вообще появилось желание перейти на вторую страницу :-)

Зачем нужен лендинг пейдж?

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

Главный показатель того, что landing действительно эффективен и приносит своему владельцу пользу — конверсия. Даже при минимальной конверсии в 2-4% можно говорить о том, что необходимость создания лендинг пейджа совершенно оправдана.

К задачам посадочной страницы относятся:

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

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

Страница с конверсией от 15% уже считается грамотно созданной и эффективной.

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

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

Как создать лендинг?

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

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

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

Но я, честно говоря, их недолюбливаю…

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

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

Итак, как же сделать лендинг самому?

Выбор шаблона лендинга

Лендинг — особенный тип сайтов.

В то время как для создания Интернет магазинов, порталов, блогов сложно обойтись без готовых платформ в виде CMS, фреймворков и т.д., то для создания лендинг пейдж достаточно всего лишь купить красивый шаблон, наполнить его актуальной информацией (контактные данные, информация о продукте) — и сайт готов!

А поскольку правильно подобранный шаблон — это 90% успеха, то к его выбору нужно подойти с особой ответственностью.

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

Критерии выбора должны быть следующие:

  1. Большой выбор шаблонов.
  2. Тщательная техническая модерация добавляемых продуктов (некачественный шаблон может не только непрезентабельно смотреться, но и стать источником вируса).
  3. Гарантированная техническая поддержка.
  4. Демократические цены.
  5. Удобная система оплаты.

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

Лично я достаточно долго искал подходящую и в конце-концов остановился на TemplateMonster, как идеально им соответствующую. Шаблонов там действительно масса.

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

Фото тематика/ Бизнес

html-shablon-lendinga-dlya-biznesa

Одностраничник, позволяющий связаться с владельцем такого лендинга, чтобы заказать какую-нибудь услугу. Блоки для размещения дополнительной информации, кнопка Call to action, фото — внутри весь функционал для быстрого запуска лендинга.

Свадебная тематика

primer-shablona-lending-pejdzh-dlya-svadby

Шаблон лендинг пейджа с собственной админкой. Удобный инструмент для приглашения родственников и друзей на мероприятие. Имеется функционал обратного отсчета времени.

Искусство и фотография

adaptivnyj-bootstrap-lending-dlya-foto-studii

Еще одно решение для представления своих услуг и работ для заказа.

Организация событий

luchshie-bootstrap-shablony-landing-page-dlya-iventov

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

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

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

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

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

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

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

Способов оплаты просто тьма, начиная от карт MasterCard/Visa, заканчивая привычными нам WebMoney и Яндекс.Деньги.

ThemeForest же сильно заточен под Западную аудиторию и PayPal, счёт в котором в Украине или России открыть нереально.

MasterCard/Visa тоже присутствуют, но при каждом платеже взымается комиссия в размере 2$, что не совсем красиво. Когда выбираешь шаблон, рассчитываешь на одну стоимость, а при оплате она оказывается другой.

Наполнение лендинга информацией

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

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

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

Благодаря ей вы узнаете, как найти интересующий элемент в коде, а изменить его значение на своё — вопрос техники :-)

Если же вы понимаете, что описанное выше для вас всё равно слишком сложно, изменить необходимо “труднодоступные” надписи в шаблоне (например, текст на кнопке слайдера) или же поменять какие-то блоки местами, куда удобней будет использовать шаблонное решение на базе CMS.

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

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

Кстати, при покупке шаблона на TemplateMonster у вас есть возможность заказа установки админки даже на HTML шаблон лендинга и «натяжки» его на интересующую вас CMS за отдельную плату.

Заливка готового лендинга на хостинг

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

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

Подходите к этому вопросу максимально ответственно, т.к. как корабль назовёте, так он и поплывёт :-)

После этого необходимо не менее серьёзно подойти к выбору хостинга и тарифа.

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

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

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

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

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

Ну вот и всё. На этом процесс создания идеального лендинга окончен.

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

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

  1. Социальные сети и ремаркетинг.

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

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

  2. Блог.

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

  3. Обмен статьями.

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

  4. Конкурсы и розыгрыши.

    Интерактивность редко бывает неинтересной и непривлекательной. Это очень эффективный способ обратить на себя внимание.

  5. Связь с партнерами.

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

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

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

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

  7. SEO-оптимизация.

    Этот пункт один из наиболее важных. При правильном SEO-продвижении вы можете рассчитывать на высокие позиции в поисковиках.

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

Как видите, инструментов привлечения трафика на лендинг пейдж действительно много.

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

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

Так называемая техническая или внутренняя SEO оптимизация landing page включает:

  • Мета-теги title и description.

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

  • Мета-тег keywords.

    Хоть Google и Яндекс уже давно его не учитывают, масса других поисковиков все еще с ним считается.

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

  • Заголовки H1, h2.

    Главный заголовок H1 должен использоваться на сайте не более одного раза, тогда как h2 допустимо прописывать до 6 раз на одной целевой странице.

  • Alt и title в изображениях и другой графике.

    Обязательно прописывайте эти атрибуты с использованием ключевых запросов.

  • robots.txt.

    Есть мнение, что для одностраничников ничего в файле robots.txt прописывать не нужно, однако даже такие мелочи помогут вам эффективней продвигать свой лендинг пейдж.

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

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

Минимум функционала и только сжатая информация о продукте эффективно действуют на принятие решения о покупке.

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

Помните, что только проведение экспериментов и вечный поиск возможностей развития своего проекта поможет вам достичь конверсии на уровне 25-30% и успешно продавать в интернете. А по-другому в современном мире с его бешеной конкуренцией и не получится :-)

На этом у меня всё.

Удачи и до новых встреч! :-)

  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
6 голосов, в среднем: 5 из 5

1 комментарий к статье "Что такое лендинг пейдж простыми словами: 4 примера"

  1. Evgeniya

    Спасибо, очень подробная статья. Можно сказать, доскональная.

Добавить комментарий для Evgeniya Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *