Рассказываем и показываем, что такое лендинговая страница и как правильно создать лендинг пейдж с нуля ?
Лендинг - это небольшой одностраничный сайт, который призывает клиента совершить одно конкретное действие: например, подписаться на рассылку, купить обучающий курс или заказать соковыжималку.
Разработка посадочной страницы технически проста, в отличие многостраничного сайта. Например, можно написать такой сайт с помощью html/css или использовать готовые шаблоны конструктора сайта. Сложнее продумать концепцию и разработать дизайн качественного лендинг пейджа, чтобы сайт был эффективным.
Лендинговая страница - это не универсальный сайт. Для чьих-то потребностей ее будет достаточно, для чьих-то больше подойдет обычный многостраничный сайт.
Мы собрали успешные и не очень примеры использования лендинга и сгруппировали их в список.
На сайтах этого вида всегда есть форма сбора данных посетителей. Форму используют, чтобы собрать базу потенциальных клиентов. Посетитель не захочет просто так сообщить свои контакты, поэтому компания может предложить бесплатный товар или бонус в обмен на данные посетителя.
Рекламные посадочные страницы или товарные лендинги отличаются наличием кнопки призыва к действию, или СТА. Все элементы сайта ведут клиента к кнопке заказа.
Товарный лендинг или продающий лендинг - самый популярный вид одностраничных сайтов. Его основные преимущества перед многостраничными интернет-магазинами:
Один из типов продающего лендинга - квиз. Это сайт-опросник, в котором предлагается пошагово выбрать между различными характеристиками товара и в конце завершить сделку.
Такие целевые страницы ничего не продают и только рассказывают о товаре, акции, компании. Цель информационного лендинга - подогреть интерес к продукту, перейти на основной сайт компании. В инфо-лендингах для привлечения внимания часто используют яркий дизайн, флеш-анимацию.
Начните создание лендинга с подготовки. Опишите, что вы продаете, кто ваша целевая аудитория и чем будет полезен для нее ваш товар или услуга. На это описание можно будет опираться при написании текстов и поиске картинок для сайта.
Найдите сайты конкурентов, чтобы отметить для себя то, что хочется видеть на своем лендинге, и то, чего надо избежать. Сравните и сами предложения, определите, почему клиенту будет выгодно купить товар у вас - бесплатная доставка, гарантийное обслуживание или низкая цена.
Искать сайты конкурентов нужно через популярные запросы в поисковых системах. Например, если вы продаете дрели, вводите «купить дрель» или «дрель Украина». Быстрый способ найти правильные поисковые запросы - бесплатный планировщик ключевых слов Google. Пропишите основные слова, относящиеся к вашему товару, и он подберет самые популярные запросы по ним.
Вводите сразу несколько ключевых слов и воспользуйтесь подсказками Планировщика
Введя эти ключевые слова в поисковике, вы найдете сайты своих конкурентов. Не забудьте также пройтись по маркетплейсам OLX, Rozetka, Bigl.ua и социальным сетям, например, Facebook или Instagram.
Напишите текст и придумайте основные блоки лендинга. Это один из важнейших этапов работы над сайтом, потому что лендинг - это не про красивый дизайн, лендинг - это про эффективную структуру и продающий текст.
Структуру лендинга чаще всего подстраивают под маркетинговую модель AIDA:
ATTENTION — внимание
INTEREST — интерес
DESIRE — желание
ACTION — действие
Это воронка продаж, где вам сначала нужно привлечь внимание клиента, затем заинтересовать его уникальностью своего предложения, вызвать желание получить именно ваш товар и наконец подтолкнуть к действию - купить, заказать или оформить заявку.
По этой формуле мы составили стандартную структуру продающего лендинга. Используйте ее для «скелета» своего сайта. Добавляйте в нее свои блоки или убирайте лишние.
Блок с заголовком - первый элемент лендинга, который видит клиент. Он должен цеплять взгляд и вызывать желание остаться на сайте. Сам заголовок должен быть коротким, емким и понятным. Можно также использовать подзаголовок. Он поможет сократить или объяснить основной заголовок.
Расскажите подробнее о своем товаре или услуге. Если это товар, опишите его характеристики, прикрепите видео с принципом его работы. Если услуга - объясните, что клиент получит. Предложите сценарии использования, например, укажите, что мангалы, которые вы продаете, хороши для пикника, потому что легко складываются и весят всего 10 килограмм. Или ваши курсы английского можно проходить во время летних каникул, потому что они длятся три месяца.
Пример интересного оформления блока продукта - сайт КотоФабрики. Здесь и яркая картинка с товаром (и котом, отличный ход! ?), и оригинальное описание продукта, и его характеристики.
Объясните клиенту, чем вы лучше сотни других продавцов, почему клиенту нужно купить именно вашу игрушку ручной работы или записаться на ваши курсы игры на скрипке. Расскажите, что вы делаете игрушки из материалов, которые не вызывают у малышей аллергию, и их можно стирать в машинке. Опишите, что вы даете уроки скрипки по вечерам и выходным, что удобно для школьников и тех, кто работает в будние дни.
Преимущества удобно оформлять в виде списка или небольших блоков. Последнее выбрали авторы сайта Duolingo.
Здесь пригодятся ваши знания о целевой аудитории продукта. Расскажите, кому он будет полезен и какие проблемы решит.
Здесь все просто - укажите цену товара или сетку тарифов для услуги. Напишите, что входит в стоимость. Это может быть доставка до двери, круглосуточная служба поддержки или приватный чат с коучем в телеграмме.
Если тарифов несколько, визуально выделите популярный. Это упростит выбор покупателю.
Как выглядит лендинг пейдж с тарифами от Google One:
Объясните клиенту все шаги сотрудничества, от заказа до получения товара или услуги. Лучше всего оформлять в виде структурированного списка или пошаговой схемы, как на сайте Health and Food.
В этом блоке можно сделать заголовок и подзаголовок, которые будут мотивировать клиента к завершению заказа. Только не дублируйте его с первым блоком лендинга. Они должны продолжать друг друга по содержанию, но не копировать.
Подтолкните клиента сделать заказ прямо сейчас, сделав скидку на продукт и указав срок, который она будет действовать. Напишите, есть ли оплата частями или возврат средств.
Добавьте блок с отзывами, чтобы показать клиенту, что вам можно доверять. Не пишите отзывы сами и не заказывайте их у копирайтеров, прикрепляя изображения улыбающихся людей с фотостоков. Это сразу бросается в глаза и такое мошенничество скорее оттолкнет потенциального клиента, чем добавит желания сотрудничать с вами.
Добавляйте отзывы с реальными фотографиями, видео и ссылками на страницы клиентов в соцсетях (с их разрешения, конечно). Удачный пример такого блока можно увидеть на сайте кулинарной академии Al.Cuisine.
Правильный лендинг пейдж наперед отвечает на вопросы клиента. Разместите на лендинге блок с ответами на часто задаваемые вопросы. Он поможет снять опасения клиента «почему так дешево» или поработать с его возражениями «почему так дорого».
Оформите блок ЧаПы в виде интервью, чата или списка вопросов с выпадающими ответами. Простой и минималистичный вариант этого блока есть на сайте Lingoda.
Обычно контакты указывают как завершающий блок лендинга. Их наличие дополнительно подчеркнет, что вы реальная компания, а не мошенники-однодневки.
Добавьте адрес вашей организации, карту проезда, номера телефонов для связи и ссылки на соцсети. Посмотрите пример такого блока от школы английского Green Forest.
Когда закончите текст и структуру лендинга, подберите соответствующие изображения, видео и фото. Не злоупотребляйте картинками из интернета, постарайтесь использовать собственные. Сделайте качественные коммерческие фотографии своего продукта или наймите для этого профессионального фотографа.
Далее переходите к технической составляющей создания сайта.
Выберите имя сайта - домен. Домен состоит из части, которую вы придумываете сами, и из части, которую вы можете выбрать из уже существующих - доменных зон вроде .com, .net, .kyiv.ua и так далее. Например, мы придумали себе имя "bbstudio" и выбрали доменную зону .site - в результате получили домен bbstudio.site.
Найдите место для размещения лендинга - хостинг. Ищите хостинг с конструктором или хостинг с установленными движками для сайта, в которых будут готовые шаблоны лендинга. Так вы сможете создать продающую landing page быстро и просто.
Если выберете конструктор сайтов - попробуйте сделать посадочную страницу по инструкции Как сделать одностраничный сайт. Это хороший стартовый вариант для новичков: можно сделать лендинг с нуля самому за вечер.
Из движков обратите внимание на WordPress - это самая популярная CMS в мире, поэтому по ней есть много бесплатных обучающих материалов. У нас тоже есть пошаговый гайд о том, как сделать сайт на WordPress, и мы им честно гордимся :)
Если вы думаете о том, как создать лендинг бесплатно - ищите варианты бесплатного хостинга, но заранее ознакомьтесь с их недостатками.
Теперь вы знаете, что такое лендинговый сайт и как создать лендинг пейдж самому бесплатно или почти бесплатно.
Расскажите в комментариях о своем опыте создания лендинга или поделитесь примерами удачных одностраничников, чтобы вдохновить других! ? ? ?