Из чего состоит структура Landing Page и как написать продающий заголовок.
Сегодня мы рассмотрим как устроен эффективный Landing Page, разберем структуру первого экрана и научимся создавать работающие заголовки по 3-м различным моделям, которые заинтересуют посетителей и помогут обойти 90% конкурентов. Ну и как обычно, много примеров.
Коротко о структуре Landing Page: поймем, как это работает. Любой лендинг Пейдж делится на 2 части:
1 часть - первый экран - то, что посетитель видит при открытии нашей страницы, не используя скроллинг;.
2 часть - то, что идет ниже первого экрана, прокрутив колесико мыши.
Задача первой части пользователя заинтересовать! Мы вызываем его интерес, воздействуя на оба полушария мозга, но прежде всего на то, которое отвечает за эмоции. Первый экран нужно сделать так, чтобы посетитель подумал: "ну ничего себе, а как они это делают? Во второй части мы уже будем давить на полушарие, отвечающее за информацию с логикой. Задача - убедить пользователя в вашем предложении, которое он увидел в первом экране. Цель - получить контакт, регистрацию или оформление заказа.
Выполнение задачи этой большой второй части, которая может занять много следующих экранов, обязывает приводить факты, цифры, формировать блоки подтверждения выгод и закрытия возражений.
Первый экран: 3 секунды без права на ошибку.
Что такое первый экран? Это высота экрана ваших посетителей, которая в 90% детскопного трафика составляет в среднем 700 пикселей. Все мы сегодня - представители эпохи скроллинга. Вспомните, как мы ищем что-то в интернете?
Открываем яндекс или Google.
Вбиваем запрос и сразу нажимаем колесиком на 3-5 сайтов из поисковой выдачи.
Начинаем просматривать страницы, стараясь тратить минимум времени (3-6 секунд на одну), чтобы решить, стоит ли сайт нашего дальнейшего внимания или уйти закрыть его и искать дальше. За 3-6 секунд беглого взгляда происходит оценка первого экрана. Мы понимаем, соответствует ли он тому, что мы искали, и интересна ли нам информация.
В том случае, если сайт не пугает, а контент привлекает чем-то, мы начинаем скролить.
Лишь в том случае, если что-то не нравиться, мы закрываем сайт и уходим на другой.
Аналогичная ситуация с рекламой. Владелец сайта тратит на нее деньги, а пользователь за 3-6 секунд оценивает, как тут круто или как тут совершенно не круто. Первый экран - самое важное, что есть, а потому напрашивается вывод: 70% времени при создании сайта следует тратить именно на него.
Можно сравнить первый экран со знакомством с девушкой. Это вы, ваше лицо, ваша одежда, 5 первых слов - это и есть тот самый первый экран! Немного ошиблись и ничего не получилось.
Как оформить первый экран.
Первый экран традиционно содержит следующие элементы:
Логотип (вариантивно), дескрипт, контакт, меню (по необходимости), заголовок, подзаголовок (вариативно), изображение/видео продукта, CTA (форма или кнопка), идентификация, выгоды (вариативно.
Разберемся более детально.
1. логотип.
Его присутствие необязательно, но очень хорошо, если он есть. Лого - это графический знак, эмблема или символ, который формирует зрительную узнаваемость компании, участвует в создании общего корпоративного стиля.
2. дескрипт.
Дескрипт входит в категорию триггеров. Он информирует пользователя о том, куда тот попал и чем занимается компания. Иными словами, это описание деятельности, которое нужно уложить в 2-4, максимум в 6 слов. Чек - лист дескрипта:
Точно описывает то, чем занимается компания с конкретизацией ниши (пример - конструктор Landing Page, организация профессиональных конференций);.
Указывает на специализацию (пример - свадебная фотосъемка, агентство элитной недвижимости);.
Может содержать идентификацию (пример - консультации для начинающих бизнесменов, тренинги для топ-менеджеров);.
Может демонстрировать выгоду (пример - отдел продаж под ключ).
3. контакт.
Обычно указывается номер телефона, ставится кнопка заказа звонка. Можно указать любой другой способ связи. Где-то хорошо работает Whatsapp и Viber. Контакты всегда к вам доверие повышают. У людей складывается ощущение, что они в любой момент (или в рабочее время) могут позвонить, если что не так. И лучше в этот момент ответить им.
Примеры, как это может выглядеть:
Примеры расположения логотипа, дескрипта, телефона и заказа звонка в верхней части первого экрана.
Теория хороша, но практика - это главное! Я обещал, что вы получите продающий лендинг по завершении курса. У нас есть сервис для тестирования гипотез и создания лендингов. Есть простой конструктор страниц, который при этом способен на многое.
Разберетесь за 10 минут. Создать страницу и закрепить знания с курса с его помощью можно совершенно бесплатно. В случае если вдруг что-то непонятно, пишите в техподдержку Support@Bloxy. ru, обязательно поможем.
Давайте сразу закреплять то, что вы узнали!
Что сделать:
Открыть еще одну вкладку в браузере.
Перейти на Bloxy. ru и зарегистрироваться.
В редактор зайти.
Сделать дескрипт, логотип, кнопку заказать звонок и написать телефон или выбрать из готовых секций в разделе "Первый Экран - Логотип".
5. заголовок или самая важная часть Landing Page.
Мы пропустили меню, поскольку на лендинге требуется не всегда. Переходим к очень важному элементу на странице, который сильно влияет на конверсию. Заголовок для лендинг Пейдж за формирование интереса пользователя отвечает. Прочитав его, посетитель решает, смотреть ли сайт дальше.
Технология 1. как сделать продающий заголовок: 4U.
Майкл мастерсон - предприниматель, которой придумал и внедрил данную технику. Он не думал, что она буквально взорвет рынок продаж. С помощью 4U многие предприниматели удваивали, утраивали конверсию сайтов, и увеличивали открываемость писем e - Mail рассылок. Они только заголовок меняли! В чем же суть 4U?
Usefulness (полезность).
Ваше предложение должно очевидно полезным для потенциальных клиентов быть. Люди не любят думать. Напишите, какую выгоду получит человек, если совершит нужное вам действие. Почему только здесь он решит свою проблему, причем решит так, как ему нужно? Продавайте не дрель, а дырку в стене. Помните технику "Трех Почему"? Единственно, что нужно от вас - дать решение проблемы посетителя. Это 1U.
Urgency (срочность или актуальность).
Актуальность есть соответствие заголовка Landing Page и проблемы клиента. В случае если пользователь что-то начал искать, то, скорее всего, это нужно ему не послезавтра, а сегодня, еще лучше - вчера. Большинству горячих клиентов из рекламного трафика (например, яндекс директ, Google Adwords) нужно то, что они ищут, прямо сейчас. Дайте конкретную цифру, когда он получит искомое? Поэтому актуальность и срочность это 2U.
Uniqueness (уникальность).
Ваши посетители множество страниц просматривают. Согласно одному из докладов Тима эша (профессиональный маркетолог и один из лучших специалистов по конверсиям), работает это так:
Процесс изучения посетителями одностраничника.
В том случае, если ваш заголовок похож на тот, который уже где-то видели, вы теряете клиента и снижаете конверсию. С сайта уйдут. Информацию даже изучать не будут. Уникальность обязательна! Все продают красный кирпич, а вы продавайте зеленые, фиолетовые, да хоть с бабочками. Что-то дайте клиентам новое. Покажите технологии или нечто такое, за счет чего вы эффективно решите его проблему, причем путь решения - лучший на рынке. Это 3U.
Ultra - Specificity (ультра - специфичность).
Конкретизируйте полезность в цифрах. Важно показать, как именно вы решите проблему пользователя. Продемонстрируйте, сколько, чего и где получит посетитель. Это 4U.
Как грамотно создать заголовок? Обратимся к примерам. Это всегда понятнее.
Пример 1.
Исходный заголовок: дизайн интерьеров.
Добавляем пользу. Зачем дизайн? Сэкономить время и деньги и получить уютное и комфортное жилье:
- Разработаем дизайн интерьера, который сделает дом удобнее.
Добавляем уникальности. Объясним, насколько удобнее:
- Разработаем дизайн интерьера, в который захочется возвращаться.
Добавляем срочность:
- Разработаем дизайн интерьера в который вы захотите возвращаться, сэкономив 30% бюджета за 2 недели.
Ультра - специфичность на закуску. За счет чего:
- Профессионалы индивидуально разработают дизайн интерьера, в который вы захотите возвращаться, сэкономив 30% бюджета за 2 недели.
Сравним:
- Дизайн интерьеров на заказ.
- Профессионалы индивидуально разработают дизайн интерьера, в который вы захотите возвращаться, сэкономив 30% бюджета за 2 недели.
Ощутите разницу. Она огромна. Такова же разница в эффективности продаж.
Пример 2.
Исходный заголовок: купить шины.
Польза - зачем они? Безопасно ездить, или гонять, зависит от целевой аудитории:
- Увеличьте безопасность автомобиля на дороге.
Ультра - специфичность. Насколько безопасно:
- Увеличьте безопасность автомобиля на дороге на 35%.
Срочность. Как быстро:
- Увеличьте безопасность автомобиля на дороге на 35% за 1 час.
Уникальность. Каким образом:
- Увеличьте безопасность автомобиля на дороге на 35% за 1 час за счет инновационной резины шин "Шинус".
Сравним:
- Купить самые лучшие шины у нас.
- Увеличьте безопасность автомобиля на дороге на 35% за 1 час за счет инновационной резины шин "Шинус".
Работает магически, не правда ли? Остается думать и тренироваться ради результата. Он нужен вам? Используйте все 4U, а не 1U, 2U или 3U. Вы 97% конкурентов обойдете.
Что сделать:
Написать 5 заголовков по технике 4U.
В интеллектуальную карту в раздел заголовок добавить.
Технология 2. как создать продающий заголовок: 3 в.
Речь идет о том, что можно просто комбинировать выгоду. Формула выглядит примерно так: выгода выгода выгода = успех.
Примеры:
- Зарабатывайте на 30% больше уже через 1 день после аудита сайта профессионалами.
- Делайте молочные коктейли за 1 минуту у себя дома с блендером.
- Увеличим прибыль вашего сайта в 2 раза с технологией создания заголовков по 4U.
Технология 3. создание заголовка: 2 М.
Сделай минимальные усилия - получи максимальные результаты.
Примеры:
- Как продать автомобиль за 3 часа на 10% выгоднее, не выходя из дома.
- Как заработать 1000 рублей лежа на диване за 1 день.
- Как увеличить конверсию в 2 раза за 10 минут без вложений.
Итак, мы научились создавать крутые заголовки для первого экрана. Чек - лист хорошего заголовка:
Присутствуют мощные выгоды продукта;.
Возбуждает интерес/интригует/захватывает/привлекает внимание;.
Конкретизирует предложение в цифрах;.
Говорит о том, что получит клиент;.
Содержит эмоции.
Пример заголовка на первом экране Landing Page.
Лишь в том случае, если вы не закрепляете полученный материал на практике, пользы от курса не получите. Самое время добавить ваш заголовок, созданный по одной из теорий, на ваш экспериментальный первый экран. Лишь в том случае, если вы еще не воспользовались редактором, то регистрируйтесь и создавайте!
Что сделать:
В редактор перейти.
Заголовок на первый экран добавить.
6. подзаголовок.
По сути это тот же заголовок, который является дополнительным элементом. Он нужен, чтобы:
- Описать подробнее, чем занимается компания, если предлагается сложный продукт или услуга;.
- Выделить еще одну значимую выгоду;.
- Усилить боль потенциального клиента.
Пример:
- Заголовок: зарабатывайте на 30% больше уже через 1 день после аудита сайта профессионалами.
- Подзаголовок: все еще не хватает на новый феррари? Звоните прямо сейчас, и мы увеличим ваши продажи.
Что сделать:
В редактор перейти.
Подзаголовок на первый экран добавить.
7. изображение.
В структуре лендинг Пейдж всегда графика присутствует. Изображения работают на эмоции и иллюстрируют предложение. У любой картинки должна быть цель. К фоновым изображениям это также относится. Нельзя просто так лепить все подряд для демонстрации работы над дизайном.
Основное в изображениях - качество. Не обратили на него внимание, не устранили шумы, разместили нечеткую картинку, видны пиксели? Конверсия "Убита"!
Используем четкие, без шумов, яркие картинки.
Пример качественных и некачественных картинок на одностраничнике.
В карточках продукта фон должен быть такой же, как и фон блока. Используем изображения формата. png. Примеры справа конверсию сразу убивают. Разница очевидна.
Никогда не накладывайте на фон изображения с фоном. Используем. png изображения, причем лучше брать реальные фото, а не рисунки из фотобанка.
Каким характеристикам должна отвечать картинка? Она:
- Соответствует и подтверждает ценность, пользу, особенности продукта, выгоду приобретения;.
- Закрывает возражение (читайте далее);.
- Показывает процесс или результат взаимодействия с продуктом;.
- Вызывает эмоцию, четко совпадающую с продуктом;.
- Учитывает при изображении человека внешним национальным признакам региона;.
- Смотрит прямо на пользователя, либо на ста (глаза человека на фото.
Где искать изображения? Рекомендую бесплатные фото отличного качества:
- Unsplash. com;.
- Allthefreestock. com;.
- Поиск в Google картинках на английском (переводим с помощью онлайн - переводчика и вперед.
Что сделать:
В редактор перейти.
Добавить изображение на фон или рядом.
8 а. кнопка.
Это очень важный элемент одностраничника. На кнопке пишется призыв к действию. Именно она посетителя в следующий шаг воронки конвертирует. Чек - лист кнопки:
На нее можно нажать (ссылка);.
Слова, ясно и логично призывающие к действию;.
Большой размер, выделяющий на фоне прочей графики;.
Контрастность к фону.
С кнопкой, вроде бы, все просто. На ней размещается тот призыв к действию (CTA), который мы определили ранее из воронки продаж.
Примеры призыва к действию.
Хорошо:
- Получить консультацию.
- Узнать больше.
- Получить мой подарок.
- Увеличить продажи.
- Получить бесплатно.
- Принять участие.
Плохо:
- Отправить.
- Заказать.
- Купить.
8. б. форма.
Специальный модуль, с помощью которого пользователь вносит нужные вам данные. Форма состоит из следующих элементов:
Заголовок;.
Подзаголовок;.
Поля для ввода;.
Кнопка;.
Подпись;.
CTA выгода.
- Заголовок формы - это CTA, который сделали раньше. Задайте себе вопрос: что я предлагаю посетителю? Ответьте на него и пишите в заголовок формы.
- Подзаголовок формы - это подтверждение выгоды. Почему важно заполнить форму прямо сейчас? Что ценного получит пользователь? Подзаголовок не является обязательным элементом, если все уложилось в заголовок. Лишнее убирайте.
- Поля - это данные которые критически необходимы для связи с потенциальным клиентом. Помните: чем больше полей, тем ниже конверсия. Лучше 1 поле, оптимально сделать 2 поля - e - Mail или телефон имя (как обращаться.
- Поля контактов (телефон/e - Mail/Skype/профиль в социальных сетях) что-то одно может быть обязательным к заполнению. Остальные поля должны быть не обязательными.
- Кнопка - призыв к действию. Она покажет, что получит пользователь, если нажмет на нее, что произойдет после нажатия.
- Подпись - последний шанс развеять сомнения пользователя. Что здесь стоит указать? Социальное доказательство (более 3000 подписчиков), сроки (перезвоним через 5 минут), выгоды (бесплатно), важные детали (14 дней бесплатный период.
Пример формы на первом экране Landing Page.
Что сделать:
В редактор перейти.
Добавить кнопку или форму на свой первый экран 9. идентификация с помощью этого раздела вы помогаете понять посетителям, насколько полезен им предлагаемый продукт. Вы определяете аудиторию, с которой работаете, и позволяете пользователю сходу определить, входит ли он в нее. Делается это сразу, в лоб, без объяснений и вычитывания лендинга. Клиентам не нужно разбираться. Экономьте их время, и они скажут вам "Спасибо". Это сблизит вас с ними, поднимет продажи. Примеры: для кого подойдет? - Для владельцев бизнеса - для начинающего бизнеса - для владельцев веб - студий для кого не подойдет? - Для дачников.