Приветствую вас, дорогие друзья! Сегодня поговорим о landing page. Что это, зачем нужно их создавать, почему они работают лучше чем сайты, какая от них польза для бизнеса и какие есть способы создания лендинг пейдж для новичков.
Также приведу примеры хороших и плохих лендингов, чтобы вам было от чего отталкиваться, и расскажу про ТОП-5 ошибок, которые совершают не только новички, но и матерые профессионалы-сайтостроители при создании лендингов.
Что такое landing page простыми словами
Landing page в переводе с английского означает “посадочная страница” или, как мне больше нравится, “страница приземления”. Красиво звучит: пользователь, словно птица, кружит над морем информации, и, наконец-то, видит что ему нужно, и плавно приземляется.
Кстати, эта метафора не только красивая, но и вполне рабочая.
Лендинг пейдж должен, во-первых, каким-то образом привлечь внимание пользователя. Если вы оказались на необитаемом острове в океане, а мимо пролетает самолет, что вы будете делать? Разведете костер, бросите дымовую шашку (если есть), или на худой конец выйдете на открытую местность и будете там прыгать и кричать.
Лендинг пейдж в интернете люди тоже должны как-то заметить. Причем не все люди подряд, а только те, кто заинтересован в покупке вашего товара или услуги. Вероятность, что нужные люди найдут ваш лендинг случайно, крайне мала. Поэтому лендинги делаются, как правило, под рекламный трафик.
Тогда система работает так. Вы создали рекламное объявление с яркой картинкой и привлекательным заголовком и показали это объявление правильным людям в подходящее время.
Человек увидел рекламу, кликнул по объявлению и приземлился на ваш landing page. А там…
А там пользователя встречает релевантная информация. Релевантность это такая важная штука, что я написала о ней целую статью, обязательно прочитайте. Если кратко, то на вашем лендинге должно рассказываться точно о том же, что и в рекламном объявлении. Иначе пользователь скажет: “Ой, кажется я не туда попал” и быстро уйдет. А вы уже заплатили за рекламу обидно.
Во-вторых, лендинг действительно похож на остров, потому что с него нет никакой возможности уйти, кроме одной: совершить целевое действие. Целевое действие это то, ради чего создается лендинг пейдж.
Нам надо, чтобы пользователь зарегистрировался на вебинар, купил модные сережки со скидкой 70 %, записался на бесплатную консультацию к юристу, вызвал замерщика для пластиковых окон, скачал полезную книгу pdf… и т.д.
И здесь вступают в действие 2 правила.
- На лендинге нет никаких ссылок, кроме заветной кнопки для целевого действия: “скачать”, “купить”, “зарегистрироваться” и т.д. Исключение разве что политика конфиденциальности, потому что этого требует закон.
- Внимание! Целевое действие должно быть ОДНО. Если вы хотите, чтобы пользователь одновременно купил, поставил лайк, подписался на рассылку и скачал бесплатный чек-лист, то скорее всего, он не сделает вообще ничего. Глаза разбегаются! Поэтому выбираем что-то одно и на этом концентрируемся.
Landing page или сайт что лучше
Во-первых, давайте рассмотрим, чем отличается лендинг пейдж от обычного сайта.
Формальное отличие лежит на поверхности:
- Сайт это много страниц,
- Landing page это одна страница. Поэтому его ещё называют одностраничным сайтом или кратко одностраничник.
Если это было бы единственное отличие, то в лендингах не было бы никакого смысла. Наша статья поможет вам разобраться в ключевых отличиях одностраничников от сайтов.
Зачем нужны лендинги
Даже если у бизнеса есть обычный сайт, например, корпоративный сайт, сайт-визитка, интернет-магазин, ему всё равно нужны лендинги. В этой части статьи я расскажу, какие функции выполняют посадочные страницы landing page для разных видов бизнеса и приведу примеры. Поехали!
Интернет-магазин
Казалось бы, для чего интернет-магазину лендинги? Уже есть большой сайт с каталогом товаров, заходи, выбирай, совершай покупку всё работает. Однако использование одностраничных сайтов одновременно с основным сайтом может значительно повысить эффективность бизнеса.
Вот случаи, когда интернет-магазину пригодится лендинг.
Распродажа в черную пятницу. Да, можно в каждой карточке товара зачеркнуть основную цену и указать новую со скидкой. Можно указать причину такой щедрости, черная пятница, дескать, поэтому всё распродаем почти даром.
Гораздо эффективнее будет отправить пользователей из рассылки на специальную посадочную страницу, где будут описаны условия распродажи, установлен дедлайн (тикающий таймер), дополнительные подарки и бонусы. Плюс всё это красиво оформлено. Правильный лендинг в черную пятницу способен вызвать настоящий ажиотаж среди покупателей.
Акция. Для акции необходимы 3 вещи:
- Условия,
- Дедлайн,
- Причина.
Примеры условий с дедлайном:
- Скидка 30 % только 3 дня,
- Подарок каждому пятому покупателю в течение недели,
- Приведи друга, получи бонус срок действия до конца месяца.
Примеры причин:
- Новый Год, Восьмое марта, День Святого Валентина и другие любимые праздники,
- День рождения пользователя,
- День рождения интернет-магазина,
- Ликвидация склада,
- Открытие нового отделения.
Специальное предложение для оптовиков. Можно сделать пункт меню, который приведет пользователя на посадочную страницу со спецпредложением для оптовых клиентов. Интернет-магазину оптовики выгодны, к ним нужен особенный подход.
Продажа наборов (комплектов) товаров. Три по цене одного, купи 3 книги получи блокнот в подарок, с этим фотоаппаратом обычно покупают эти объективы… Вы наверняка привыкли к подобным предложениям интернет-магазинов. Если оформить их в виде лендинга, отдача от рекламы будет гораздо выше.
Корпоративный сайт-визитка
Захват самых выгодных клиентов, например, юрлиц. Допустим, на сайте есть кнопка “Специальное предложение для корпоративных клиентов”. Ссылка с этой кнопки ведет на лендинг пейдж, где посетителю делается заманчивое предложение (УТП) и предлагается оставить контактные данные для связи. Например, указано: напишите, куда вам отправить оптовый прайс, или каталог, или специальные условия для корпоративных клиентов.
Блог
Блогу тоже пригодится лендинг пейдж. Конечно, если вы ведете свой творческий блог просто для самовыражения, потому что вам нравится писать тексты, то можно обойтись без лендингов. Но так бывает редко. Как правило, блоги создаются с целью дальнейшей монетизации. Способов монетизации бывает много, один из них продажа собственных услуг.
Например, на блоге мастера-кукольника можно купить авторскую куклу ручной работы, на блоге флориста услуги по оформлению свадеб, на блоге фотографа фотосессии, на блоге специалиста по Яндекс.Директ заказать настройку рекламы и т.п.
Предложение платных услуг чаще всего оформляют в виде отдельной посадочной страницы лендинга.
Для бесплатных подарков, так называемых магнитов, тоже нужны одностраничники. Одна из главных задач блога формировать базу подписчиков. Для этого читателям предлагаем перейти на лендинг пейдж, и, если им интересно то, что там предлагается, они подписываются на e-mail рассылку.
ТОП-5 ошибок при создании лендинг пейдж, которые совершают даже профессионалы
Неотформатированные, без структуры и картинок, без подзаголовков, да ещё и написанные каким-нибудь дурацким шрифтом.
Люди вообще не очень-то читают тексты в интернете, а длинные пространные убеждения на продающей странице о том, как важно купить ваш товар прямо сейчас, вряд ли кто-то будет читать с упоением, даже если это написал гений копирайтинга.
Поэтому на лендингах часто используют буллиты. Буллиты это короткие фразы, бьющие точно в цель, оформленные в виде маркированного списка. Составлять продающие буллиты это целое искусство, а на лендингах они работают лучше всего.
Так бывает, когда в рекламном объявлении содержится одна информация, а на лендинге немного другая. Или рекламное объявление “приземляет” пользователя на нерелевантную страницу, где сформулировано не подходящее коммерческое предложение. Или совсем по тупому: в рекламе указано, что акция со скидкой 30 %, а на лендинге почему-то только 10 %. Бывает даже такое, да.
- “Мы динамично развивающаяся компания”,
- “Наши высококвалифицированные специалисты”,
- “Высочайший уровень обслуживания”,
- “Инновационные технологии”,
- “Индивидуальный подход,”
- “Разумные цены”.
Все прочитали и прямо побежали покупать, ага. В реальности люди даже не воспринимают смысл, когда видят такие слова на продающей странице, по ним просто скользят, пока не встретят то, за что можно зацепиться взглядом. Фоточку симпатичной девушки, например.
Знаете, люди в интернете немного тупят. Ну, вы лично, может, и не тупите, а вот я, и все мои знакомые мы тупим. Это защитная реакция психики, на которую обрушивается лавина информации. Чтобы не съехала крыша, человек впадает в легкий транс, когда внимание рассеяно, не фокусируется на чем-то определенном до тех пор, пока не встретит достойный объект.
В таком состоянии человек не склонен задумываться, он действует как бы на автопилоте. Вы на лендинге расписали, какой у вас классный товар: чудо-тряпка сама моет, чудо-пылесос сосет как зверь, чудо-терка трет всё подряд и….
Что делать-то?
Само-собой разумеется, надо брать!
Так вот. На лендинге ничего само собой не разумеется. Никто за вас додумывать не будет. Пишите конкретно, что надо сделать прямо сейчас:
- Нажмите на кнопку,
- Скачайте,
- Перейдите по ссылке,
- Подпишитесь,
- Купите.
- и т.д.
Призыв к действию необходим. Без него падает конверсия.
Новички и те, кто не в теме, часто мечтают получить красивый лендинг. Чтобы перед пацанами было не стыдно.
При этом под словом “красивый” часто подразумевается:
- Яркие картинки,
- Эффекты анимации,
- Необычные шрифты,
- и прочие завитушки.
В то время как у лендинга одна единственная задача, и вы её помните: побудить пользователя совершить целевое действие. Других задач нет.
Поэтому дизайн должен точно соответствовать задаче. Иногда для хорошей конверсии приходится пожертвовать эстетикой. Почему-то в некоторых нишах уродливые лендинги продают лучше. Всё зависит от того, на какую аудиторию и с каким посылом вы работаете.
Всё же я рекомендую вам по-возможности придерживаться правил хорошего вкуса и приличия на ваших посадочных страницах.
Избегайте пестроты. Вариант “цыганская свадьба” на лендинге будет уместным, наверное, если только вы на самом деле оформляете свадьбы в цыганском стиле. Тогда да. А если вы продаете услуги по настройке рекламы, лучше подобрать сдержанное цветовое решение.
Ужас, ужас. Сейчас на мобильных сидит больше половины пользователей, так что если вам не жаль терять половину рынка, срочно позаботьтесь о том, как выглядит ваш лендинг на мобильном.
Нормально ли отображаются тексты? Никто не будет читать мелкие буквы, как на баночке из под йогурта. Всё ли в порядке с формами обратной связи? Их удобно заполнять? На кнопки нажимать удобно? Все конверсионные элементы на мобильной версии сайта должны выглядеть идеально.
Примеры хороших и плохих лендингов
Я уже чувствую, что без примеров мне не обойтись. Не хочется никого рекламировать или, тем более, ругать в своем блоге. Тем более, мое мнение сугубо субъективное: кому нравится арбуз, а кому свиной хрящик.
Поэтому я просто покажу вам, какие лендинги мне лично нравятся и почему. А также покажу примеры неудачных, на мой взгляд, посадочных страниц.
Мне нравятся
Лендинг сервиса Wunderlist. Ясный и понятный оффер с конечной выгодой “Держите свою жизнь под контролем”, шрифты, кнопки, фоны. Кнопки для целевого действия: “Создать бесплатную учетную запись”, “Загрузить Wunderlist”.
Мне нравятся все посадочные страницы сервиса movavi, где продаются программы для редактирования фото и видео. Красиво, удобно, понятное целевое действие: “скачать бесплатную версию программы”. Отличная работа.
Нравится посадочная страница строящегося жилого комплекса Нахимов в Москве. Немного запутанное юзабилити, но пафос это оправдывает. Здесь это уместно.
Не нравятся 
Не могу сказать, что мне совсем не нравится эта посадочная страница. Цветовое решение: желтый + красный на целевую аудиторию в эконом классе может вполне нормально работать. Также мне нравится таймер набекрень прикольно. Жаль только, сверстан не аккуратно, наезжает на форму обратной связи.
Неудачно на этой странице выбраны шрифты на фоне картинки текст практически не читается. Вернее, прочитать то его можно, но для этого придется приложить усилия, а пользователи в интернете не любят прикладывать усилия проще уйти на другой сайт.
Ещё 2 момента, которые я бы поменяла:
- Кнопка в форме заказа имеет тревожный красный цвет, цвет опасности. У меня есть гипотеза, что если поменять цвет кнопки на более спокойный оттенок, то конверсия будет выше. Надо тестировать, конечно, но это тот самый элемент на продающей странице, который я бы протестировала в первую очередь.
- Надпись окна без свинца я бы переформулировала в позитивном ключе. Вы, наверное, слышали, что наше подсознание не воспринимает частицы не или без. Поэтому слова без свинца у человека не в теме (у меня, например) сразу вызывают кучу вопросов: А что, бывают со свинцом? Какой ужас! и А на что вы заменили свинец? А вдруг на что-то ещё более вредное? и т.д. Такие вопросы убивают продажи.
Этот лендос поражает своей лаконичностью и полным отсутствием информации. На первом экране посадочной страницы вообще-то должно быть УТП, ребята. Слова Профессиональные юридические услуги я не могу считать УТП, хотя бы потому что, УТП это уникальное торговое предложение, а в профессиональных юридических услугах ничего уникального нет.
Хотя, опять же, возможно я не в теме, и эти часы знает каждый житель Екатеринбурга, потому что их носит самый крутой адвокат города. И в этом случае никакого УТП не надо всё и так понятно.ツ
На этом я , пожалуй, остановлюсь. Про лендинги можно рассказывать ещё много, эта статья скорее вводная, для новичков. Теперь вы знаете, что такое lending-page и зачем они нужны. А про тонкости создания эффективных посадочных страниц напишу как-нибудь в следующий раз.
Квиз сайт Монетизация сайта Сайт с нуля Научиться создавать сайты SEO-специалист с нуля до middle Профессия Веб-дизайнер