No Image

Как правильно сделать лендинг

СОДЕРЖАНИЕ
3 просмотров
16 декабря 2019

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

Что такое лендинг и для чего он нужен

Лендинг пейдж (landing page) это страница для продвижения товара или услуги. Она призвана «направить» посетителя на совершение определенного действия:

  • обращение за бесплатной консультацией;
  • заявка на покупку товара;
  • бронирование мест;
  • подписка на рассылку;

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

Синонимы: одностраничный сайт, одностраничник, лендинг пейдж, посадочная страница, landing page, целевая страница.

Делать самостоятельно или заказать работу «под ключ»?

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

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

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

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

  1. вы новичок в бизнесе;
  2. хотите протестировать новую нишу;
  3. у вас небольшой стартовый капитал.

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

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

Единственное, что вам действительно необходимо — это знание своего продукта: его достоинств, недостатков и целевой аудитории.

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

Помните, что если вы решили заказать лендинг «под ключ», вам нужно составить как можно более точное ТЗ и согласовать все детали с разработчиками.

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

LPMotor — самый лучший конструктор одностраничников

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

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

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

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

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

При оплате за год вы получите скидку 40%.

Оплатить услуги и тарифы платформы можно с помощью банковской карты, через Сбербанк Онлайн, Альфа-клик, посредством перевода через Связной, Евросеть, МТС, Теле2 и Билайн. Поддерживаются электронные кошельки: Яндекс.Деньги, QIWI, Webmoney.

Если вы ищете, как эффективно и просто продвинуть свой товар/услугу, то эта статья — для вас. Мы расскажем, как cделать landing page самостоятельно и бесплатно разными способами. Гарантируем, будет интересно!

Содержание

Об одностраничниках

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

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

Именно поэтому для начала мы предлагаем ознакомиться с несколькими определениями одностраничников:

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

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

Читайте также:  Как поставить запрет на сайты от детей

Заголовок

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

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

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

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

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

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

Подзаголовок этого лендинга содержит перечисление преимуществ: «В наличии все модели и размеры», «Взимаем минимальный налог»

Одна цель — один лендинг

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

Вот еще один пример от наших разработчиков:

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

Пояснение выгоды

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

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

Вот продолжение того же одностраничника для покупки участка:

Персонализация

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

Правильная структура

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

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

Социальные доказательства

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

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

Призывы к действию

Надеемся, что к этому моменту вы уже приблизились к пониманию того, что же представляет собой landing page, но говоря о том, как правильно его сделать, нельзя опустить важность призывов к действию (call-to-action или CTA).

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

Мы чаще всего выбираем вариант с кнопками, которые делаем контрастными.

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

Лид-формы

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

Все лендинги, разработанные командой LPgenerator, как правило, содержат открытые лид-формы:

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

Таймеры обратного отсчета

Счетчики — незаменимый элемент одностраничника. Таймеры создают так называемый «эффект срочности», который мотивирует пользователей скорее делать выбор и принимать решение.

И еще несколько советов, как самому сделать landing page:

  • делайте «говорящий» дизайн — это поможет пользователю лучше воспринять информацию и ваше предложение;
  • ориентируйте один лендинг на одну целевую аудиторию;
  • выбирайте правильный сервис для создания Landing Page, о чем мы и поговорим далее.

Варианты самостоятельного создания лендинга

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

Читайте также:  Как облегчить файл jpg

Особенности создания одностраничника в данной системе следующие:

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

Кроме того, можно сделать бесплатный лендинг своими руками в фотошопе, заверстать его, используя минимальное количество кода, например, с помощью программы dreamweaver, и разместить на собственном домене. Достаточно создать файл index.html, style.css и папку с картинками. На такой веб-странице можно разместить любые картинки с продуктом, видео-материалы, краткое описание, несколько call-to-action кнопок. И ничего лишнего.

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

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

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

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

Как сделать лендинг самому — подготовка контента

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

  • собрать базу для рассылки;
  • протестировать идею;
  • сделать сайт-визитку;
  • создать страницу для события — акции, тренинга, вебинара;
  • собрать заявки или продавать товар.

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

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

Этап 1. Сформулировать гипотезу

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

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

Этап 2. Изучить конкурентов

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

Как это сделать? Посмотрите, что предлагают в ответ на запросы поисковики Google или Яндекс.

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

Рекламные объявления компаний по запросу «беседка для дачи»

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

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

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

Этап 3. Описать целевую аудиторию и выделить сегменты

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

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

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

Как изучить свою аудиторию и найти сегменты:

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

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

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

Этап 4. Написать текст лендинга

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

Читайте также:  Как называется яндекс браузер

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

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

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

Этап 5. Подобрать картинки, видео, фотографии

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

Фотографии товара можно попросить у поставщика или сфотографировать самому.

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

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

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

Как сделать лендинг — оформляем текст в конструкторе

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

Сделать лендинг бесплатно можно с помощью конструкторов:

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

Зарегистрироваться на сайте и ознакомиться с подсказками

После регистрации сервис сразу предложит вам создать сайт.

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

Справочные материалы на сайте Tilda

Создать сайт

Придумайте название сайта. Это рабочий вариант, он виден только вам:

Выбрать шаблон

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

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

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

Вставить свой текст и фотографии

На следующем этапе меняем текст-заглушку и фотографии на свои, прописываем текст на кнопках.

Опубликовать сайт

Когда все отредактировано, нажимаем «сохранить» и смотрим результат.

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

На бесплатном тарифе адрес страницы будет иметь такой вид:

Бесплатный адрес сайта на субдомене Tilda

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

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

На лендингах используются два подхода к продажам. Первый — сразу предложить купить товар или услугу. Он подходит для недорогих товаров и услуг или если клиент уже «прогретый», например, пришел с рассылки либо профиля в Instagram.

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

Email рассылки

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

Автоматические серии писем

Конвертировать посетителей лендинга в покупателей помогут такие виды автоматических рассылок:

  • приветственная серия — вы готовите от трех до пяти писем, в которых рассказываете подписчику о товаре или компании, ассортименте, преимуществах и плавно подводите к покупке;
  • письма о брошенной корзине — если посетитель на лендинге нажал кнопку «купить», но не оплатил товар, ему автоматически придет напоминание об оплате.

Чтобы настроить авторассылки, нужно зайти в SendPulse и выбрать раздел «Авторассылки»:

Web push уведомления

Еще один способ повысить конверсию лендинга — настроить web push уведомления. Когда посетитель находится на странице, в браузере появляется предложение подписаться на уведомления:

Предложение подписаться на push уведомления

Если человек нажимает «разрешить уведомления», он в будущем будет получать сообщения в браузере или на рабочем столе компьютера.

Web push уведомления помогают решить несколько задач:

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

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

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

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

Регистрируйтесь в SendPulse, чтобы повышать конверсию лендинга с помощью рассылок и push уведомлений и превращать посетителей в покупателей!

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

Это интересно
No Image Компьютеры
0 комментариев
No Image Компьютеры
0 комментариев
No Image Компьютеры
0 комментариев
Adblock detector