Приветствую вас, друзья 🙂

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

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

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

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

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

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

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

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

Поехали 🙂

Что такое landing page?

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

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

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

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

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

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

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

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

Структура Landing page

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

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

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

На сегодняшний день известно как минимум четыре типа 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 по различным тематикам.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Мета-тег keywords.

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

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

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

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

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

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

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

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

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

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

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

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

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

Удачи и до новых встреч! 🙂

P.S. : если вам нужен сайт либо необходимо внести правки на существующий, но для этого нет времени и желания, могу предложить свои услуги.

Более 5 лет опыта профессиональной разработки сайтов. Работа с PHP ,

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

Итак, повторюсь, эта статья нацелена в первую очередь на заказчиков.

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

ЧТО ТАКОЕ ЛЕНДИНГ И ЗАЧЕМ ОН НУЖЕН

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

Методом проб, ошибок и А/Б тестов выяснилась наиболее оптимальная схема лендинга:

1. Логотип и основная деятельность компании.

2. Заголовок. Собственно к чему всё это.

3. Коротенечко описание и картинка.

4. Блок преимуществ.

5. Для целевого лендинга - обязательна форма.

6. Желательно ограничение по времени или количеству.

Итак, смысл лендинга - коротко и ясно сделать выгодное заявление.

А ОДНОСТРАНИЧНИКИ

Это тоже относительно свежая тема. Одностраничник - это сайт, но без отдельных страниц. Вся информация просто вываливается на одну "простыню". Меню работает только в рамках этой одной страницы.

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

НУ И В ЧЕМ ПРОБЛЕМА

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

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

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

ЛЁГКИЙ СТОРИТЕЛЛИНГ

Случай раз.

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

Помимо дизайна, верстки и программирования, компания-разработчик ещё и некоторое время продвигала этот лендинг. Результат: за два месяца 1 звонок и всё.

При этом, кстати поставили колбэкхантера (ничего личного, но на лендингах бесит неимоверно), а вот метрику забыли. Ни статистики, ни вебвизора.

Случай два.

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

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

Смысл этой сцены

1. Соблюдайте баланс между количеством и разумом.

2. Ставьте статистику, особенно перед продвижением.

3. Займитесь сначала маркетингом.

Всё, всем спасибо. Кто хочет внести свои пять копеек - прошу.

Бесплатно за репост в ФБ или ВК, потому что пока ещё набираю интересные кейсы.

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

1. Заголовок с УТП

У идеального лендинга, одноэкранного или длинного, всегда есть цепляющий заголовок, который:

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

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

От заголовка зависит показатель отказов.

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

2. Дескриптор

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

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

Лучшие лендинги всегда содержат оригинальный дескриптор.

3. Блок с контактными данными

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

  • реальный номер телефона;
  • электронную почту;
  • кнопку «Обратный звонок».

Обязательно используется призыв – просьба позвонить.

4. Привлекательное изображение

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

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

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

5. Формы захвата

Одноэкранный лендинг содержит одну форму захвата, длинный – 2 или 3 формы. Первая форма соседствует с заголовком – рядом с ним или под ним.

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

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

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

6. Блок с выгодами для клиента

Этот блок идеально обходит возражения посетителей. В блоке помещают 3–8 пунктов.

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

7. Отзывы клиентов

Блок с отзывами – ключевой в лендинге.

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

Каждый отзыв:

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

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

8. Тарифы или пакеты услуг

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

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

9. Примеры Лендинг Пейдж

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

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

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

10. Реальные контактные данные в футере

Заключительный триггер доверия – блок с контактной информацией о компании или авторе в футере.

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

Также тут размещается заключительная форма захвата.

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

Продающие сайты. Что это такое? Каждый второй скажет: “Конечно же, это лендинги!”. Они же одностраничники, они же лендинг пэйдж, они же продающие страницы.

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

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

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

Критерии оценки сомнительны

По какому принципу оценивать ? Какие брать за основу? Как составить рейтинг ТОП-10 сайтов?

Где брать сайты на конкурс? Всё это усложняет ситуацию в создании настоящего и честного рейтинга лучших сайтов.

К тому же, мы не знаем сколько продаж компании совершают через подобные сайты. Им же нельзя позвонить и спросить: “А какая у вас ?” или “Сколько Вы получаете заявок из ?”.

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

Ага, размечтались!

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

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

2. Мастерская “Dinero”

Это не сайт, это целый фильм об одном “персонаже” - деревянном кошельке. Если бы он стоил 1 000- 2 000 р., то сайт бы провалился.

6. Проект “Большая сушка”

Большинство женщин (их целевая аудитория) слышали о проекте “Бешеная сушка”. Их реклама к запуску заполоняет весь интернет. И это не удивительно, когда инвестируются миллионы на трафик.

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


Проект “Большая сушка”

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

А это влияет на отток посетителей, в силу того, что они не видят логичного закрытия всей истории.

7.

Мы сами пользуемся системой взаимоотношений с клиентами Битрикс24. Но так как у нас тема не “ ”, то сайт системы Мегаплан превзошёл все ожидания.

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



CRM “МегаПлан”

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

Кстати! Если Вы хотите использовать в качестве своей CRM-системы, то советую не забыть промо-код “Megastart”. Так Вы получите скидку на первую покупку 10% и 14 дней бесплатного использования.

8. Банк для предпринимателей “Точка”

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

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


Банк для предпринимателей “Точка”

9. Оснащение тренажерных залов “Goodfit”

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

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

Для полной упаковки не хватает видео-презентации от лица генерального директора. Наверняка он у них в отличной физической форме.

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


Оснащение тренажерных залов “Goodfit”

10. Торговый центр “МЕТРОПОЛИС”

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

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

А значит логично было сделать небольшой дескрипшен (описание в несколько слов о компании), чтобы посетитель сразу знал куда попал и что его ждёт там.


Торговый центр “МЕТРОПОЛИС”

Только Россия!?

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

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

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

Это сайт, состоящий из множества лендингов. Практически многостраничный сайт. Но все-таки лендинг.

https://youtu.be/ClF-txTHGnc

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

Мы, русские, другие. У нас другой тип мышления, так как мы живём в другой стране.

Например, у Американца почти нет опасений в голове, что компания возьмёт деньги и растворится. Так как у них всё защищено на десять рядов, что только один PayPal стоит.

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

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

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

Коротко о главном

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

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

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

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

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

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

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

  • продажа определенного товара или услуги;
  • сбор данных, формирование базы потенциальных клиентов (Lead Capture);
  • регистрация на ресурсе;
  • оформление подписки;
  • бронирование места;
  • получение пробных образцов и демо-версий;
  • продвижение бренда или популяризация товара (вирусные целевые страницы).

Особенности и структура лендинга

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

  • Long page - длинный лендинг . Этот формат требует от пользователя прокрутки страницы, что позволяет подавать информацию поэтапно, подводя потенциального клиента к результирующему действию. Такие страницы аналогичны применению техник активных продаж, поскольку постепенно подогревают интерес покупателя.
  • Short page - короткий лендинг . Вся информация представляется разом, что создает эффект ажиотажа. Короткое и точное предложение, бьющее прямо в цель.

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

  • Одношаговым (One step): все этапы от подогрева интереса до регистрации пользователя представлены на одной странице.
  • Двухшаговым (Two step): на первой странице формируется интерес к продукту, а на дополнительной второй - осуществляется призыв к действию.

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

  • Заголовок - главное предложение, которое должно заинтересовать ваших клиентов. Он должен содержать не только информацию о предложении, но и донести полезность принимаемого решения. Заголовку уделяют максимальное внимание и именно он определяет, задержится ли посетитель сайта или уйдет.
  • Контактная информация - доступные каналы связи с компанией (номер телефона, E-mail, Skype, Viber). Ее не должно быть слишком много. Как правило, контакты располагают в правом верхнем углу.
  • Логотип компании - необязательный элемент, используемый только при продвижении брендовых товаров или услуг.
  • Демонстрация продукта - если это конкретный товар, может быть использована его фотография или 3D-gif, для услуг подбираются ассоциативные изображения или промо-ролики. Изображение располагают по центру так, чтобы, попадая на страницу посетитель сразу понимал, что ему предлагают.
  • Коммерческое предложение - краткое (часто тезисное) описание условий сделки или достоинств продукта. Подается в формате готового кейса, включающего тезисную информацию о том, что и за сколько получает посетитель, выполнив целевое действие.
  • Лид-форма (обратная связь, форма регистрации или заказа, форма захвата) - интерактивная зона с полями для ввода данных и их отправки компании. Она должна быть обязательно выделена.
  • Кнопки call-to-action - специальные кнопки для совершения действия «попробовать», «заказать», «купить», «скачать».
  • Счетчик - используется при проведении акций или для подогрева интереса покупателей. Может демонстрировать количество времени оставшегося до конца акции или товаров на складе.
  • Отзывы клиентов и ответы на вопросы - необязательный элемент, чаще используемый при продаже услуг. Желательно, чтобы мнения были реальными.
  • Награды и знаки отличия - необязательный блок, в котором демонстрируются косвенные достоинства компании или товара.

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

Специфика продвижения лендинг пейдж

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

Изначально для оценки сайтов поисковые системы использовали алгоритм ранжирования BM25, сегодня его место занимает более современная модификация BM25F, которая учитывает такие элементы как заголовки, а также мета-теги Title, Keywords и Description. Таким образом, при создании landing page вы можете разбить информацию на блоки, в заголовки которых будут органично вписаны соответствующие ключи. Соответственно оформляются и мета-теги. Также вы можете оптимизировать отзывы клиентов и блоки ответов на вопросы. Повысить ранг лендинга в поисковой выдаче помогают и уникальные изображения, с корректно прописанными атрибутами alt.

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

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

  • Контекстная реклама в Google AdWords и Яндекс Директ . Это основной способ привлечения трафика, который использует принципы таргетирования.
  • Реклама и публикация ссылок в социальных сетях . Это направление очень эффективно при продвижении лендингов, посвященных проведению акций, а также вирусных посадочных страниц.
  • Продвижение в популярных блогах . Малоэффективный способ, реализуемый скорее, как дополнительный.
  • Рассылка по E-mail . Чаще выполняется для постоянных клиентов компании с целью привлечь внимание к конкретному продукту или проводимой акции.
  • Тизерная реклама .