Лендинг пейдж это. Цели и задачи посадочной страницы

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

Что-то такое: «Как сделать лендинг для вк» или «Помогите сделать вк лендинг», в общем, после очередного случая, я поинтересовался у женщины, что она имеет ввиду, и оказалось, что нужно при помощи вики разметки просто сверстать страничку в ВК. Как многие из вас, наверное, уже делали меню для своих групп.

В общем, если кому-то интересно, то давайте разберемся, как создать такой лендинг во Вконтакте.

Лендинг во Вконтакте при помощи Вики-разметки

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

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

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

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

Http://vk.com/pages?oid=-XXX&p=Нaзвание_страницы

Где, XXX — это id паблика или группы. А вместо «Название_страницы» — нужно указать любое слово или словосочетание, которым будет названа страница.

Для того, чтобы узнать id группы, нужно зайти в управление группой и посмотреть раздел «адрес страницы»:

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

http://vk.com/wall-69093928

69093928 — и есть id нашей группы. В итоге у меня получилась такая ссылка:

Http://vk.com/pages?oid=-69093928&p=Создание_Landing_page

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

Ширина вики-страницы, в ВК — 607 пикселей, поэтому и макет должен быть соответствующих размеров. Теперь, нужно нарезать макет. Я разделил свой прототип на 5 частей и, соответственно, получил 5 картинок. Визуально, это выглядит так:

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

PhotoXXX_XXX — это ссылка на изображение. Все картинки, которые вы хотите показать, должны храниться в альбоме. Альбом может быть, как общий, так и специально созданный для конкретной задачи. Я создал отдельный, как раз для таких целей (оформления страниц, меню и прочей ерунды). Вот он: _http://vk.com/album-69093928_226467291

607 пикселей — это ширина картинки. Nopadding нужен для того, чтобы между картинок не было пустого пространства, так как по умолчанию оно присутствует, а у меня темный фон и белые полосы смотрелись бы странно.

Теперь, давайте поговорим об оформлении ссылки, которая будет направлять пользователей в указанное нами место:) Просто стараюсь вас не запутать. Надеюсь — получается. Пользователей можно направлять как на раздел или другую страницу, так и за пределы ВК. Если у вас, как и у меня, ссылки должны вести на другой сайт, то просто прописываете адрес сайта, например, . Если, другая страница в ВК или раздел в группе, то ссылка будет выглядеть так: page-123456789_123456789.

В конечно итоге, у меня получилось так:

[] [] [] [] []

Как видите — ничего сложного. Вот мой результат.

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

Сегодня я решил на мгновение отвлечься от написания статей по 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 ,

Чтобы создать лендинг Вконтакте, вам нужно сначала создать его в Adobe Photoshop. Без знаний этой программы у вас этого сделать не получится, так что советую ее изучать. Потренируйтесь на моем файле , скачайте его себе на компьютер, откройте в Photoshop. По ширине файл должен быть равен 607 пикселям, как и wiki-страница Вконтакте, потому что располагать его мы будем именно там.

Инструментом Slice Tool нарезаем готовый лендинг на кусочки, сохраняем нужные кусочки выбрав их с зажатой кнопкой Shift «Save for web» → «Selected Slices», и загружаем их на новую wiki-страницу Вконтакте в нужной последовательности. В режиме «wiki-разметки» к коду фотографий добавляем тэги;nopadding;nolink| , чтобы между ними не оставалось пробелов и ссылка на картинку была не активна.

Чтобы при клике на видео в лендинге Вконтакте у вас открывалось видео, нужно заранее в Photoshop отрезать его от других блоков и загрузить отдельным изображением. Затем, в режиме «wiki-разметки» вместо тега nolink| вставляем ссылку на то видео Вконтакте, которое будет открываться при клике на картинку. Редактируйте код аккуратно, чтобы ничего не пропадало.
Таким же образом создаем ссылки на все что угодно.

Если нам нужно сделать три ссылки стоящие рядом горизонтально, мы также нарезаем эти изображения, и загружаем на вики страницу. Здесь важно прописать им правильные размеры. Размер каждой картинки вы определяете еще в Photoshop, в сумме по ширине они должны составлять 607 пикселей. Загруженные картинки располагаются подряд вертикально, чтобы расположить их горизонтально на одном уровне, в режиме «wiki-разметки» вы располагаете их в одну строчку, не забыв добавить тэг nopadding а вместо nolink| необходимую ссылку.

Задание

Скачать файл 607-wiki-lp.psd и сделать из этого файла лэндинг вконтакте. Можно также сделать лэндинг по своей тематике.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Случай раз.

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

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

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

Случай два.

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

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

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

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

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

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

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

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

Интенсивный рост конкуренции в сфере электронной коммерции формирует новые стандарты поведения потребителей. На поиски товара или исполнителя услуги пользователи стремятся затрачивать как можно меньше времени, не уделяя внимание различиям между одной компанией и другими. В этом свете классические интернет-магазины и представительские сайты теряют значительную долю рынка в силу большого количества лишней информации и, как следствие, сложности поиска конкретного продукта. Решить эту проблему, а также привлечь внимание покупателей к конкретным товарам призваны одностраничные сайты, получившие название 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 . Чаще выполняется для постоянных клиентов компании с целью привлечь внимание к конкретному продукту или проводимой акции.
• Тизерная реклама .