Лендинг или сайт, имеющий всего одну страничку, как никогда подходит новичкам для создания собственного ресурса. Предстоящая работа не вызовет затруднений, а готовый ресурс будет выполнять все необходимые функции.
Больше подробностей о том, как создать лендинг пейдж самостоятельно, вы сможете узнать из представленной статьи.
Сайты лендинг пейдж – что это такое?
Ранее, сайты такого формата были не слишком востребованы, поскольку раскручивать ресурс было очень проблемно. Сегодня конъюнктура рынка существенно изменилась, появились новые направления, инструменты для продвижения. В результате лендинги приобрели новое значение и оригинальную конфигурацию.
Термин: Лендинг пейдж (landing page) – это страница, где продвигается товар, услуга, посетители «направляются» к совершению определенного действия.
Сайты такого формата используются для обращения покупателей за бесплатными консультациями, для бронирования мест, подачи заявки на приобретение товара, получения услуги. Из характерных особенностей таких сайтов можно указать следующие моменты:
Запусти лендинг за 5 минут без кода! Создание landing page на Creatium no code
- состоит из одной страницы, а все сведения и полезные данные расположены в виде блоков;
- можно разместить информацию разного типа – тексты, фото и видео, файлы для скачивания;
- не имеет сложной навигации, больших текстов и баннеров. Переход по блокам осуществляется путем обычной прокрутки.
Получается, что небольшой и простой сайт содержит минимум информации, необходимой для представления проекта в интернете. Для предпринимателя или компании, которые планируют обозначить свое присутствие в интернете, такой вариант может стать оптимальным решением.
Семь шагов создания Landing page для новичков
Самостоятельно сделать сайт такого типа не сложно. Важно действовать строго по инструкции и переходить от этапа к этапу для получения нужного результата. Придерживаясь представленных рекомендаций, можно будет получить профессионально сделанный, красивый сайт, полностью бесплатно. Рассмотрим пошаговые рекомендации по созданию лендинга из html шаблона.
Шаг 1. Скачиваем html-шаблон для лендинга (обычно, такие предложения бесплатные).
Фактически, речь идет об отдельной странице в интернете, которая сподвигает пользователя на конкретное действие. У таких сайтов не меню и ссылок на другие ресурсы. Чтобы реализовать проект, сначала надо найти подходящий html-шаблон и отредактировать его.
Шаг 2. Меняем картинки на главном экране.
Когда задача по скачиванию шаблона выполнена, необходимо перейти на следующий этап – редактирование. Здесь будет такой порядок действий:
- Скачали, переходите в папку «blue», в которой хранятся файлы с расширением «html». Необходимо кликнуть по файлу index.html и открыть шаблон, который был скачан, в браузере.
- Переходим к редактированию при помощи программы Notepad++. Потребуется ее сказать и установить на компьютер.
- Первоочередные действия – установка нормальной картинки на начальный экран проекта. Для этого ищем картинку, которая будет подходить к теме сайта. Найти полезный контент можно в Яндекс-картинках, указав размер «Большой».
- Скачиваем выбранную картинку и копируем ее в папку ««images», меняем название на «banner.jpg». Старое изображение тоже нужно переименовать.
- Обновляем шаблон в браузере. Если картинка появляется, значит все встало как надо. Переходим к следующему этапу
Как сделать лендинг? Этапы работы и советы
Шаг 3. Редактируем тексты на главном экране.
Переходим к редактированию текстовой информации. Для этого используем алгоритм:
- Правой кнопкой мышки кликаем по «index.html» — «Открыть с помощью Notepad++».
- Открывается исходный код шаблона. Задача исполнителя – заменить черный текст на другие параметры. Качество правки – это 80% успеха всей работы.
- Меняем заголовки: «Alpha» на нужный нам (например, Консультация с опытным юристом по любым вопросам и в любое время). Текст надо вставить между тегами
Шаг 4. Затемняем картинку, выбранную для фона.
Продолжаем работу над шаблоном. Слишком светлый фон приводит к тому, что заголовок не слишком выделяется. Сделаем фон темнее. Для этого:
- Переходим в папку «assets -> css ->images».
- Меняем название двух файлов, которые представлены здесь. К примеру, светлый переименовываем в «overlay2.png», а более темный — просто «overlay».
- Сохраняем и обновляем. Теперь все смотрится намного лучше.
- Аналогичным образом меняем весь шаблон, приводим его к красивому виду.
Шаг 5. Меняем форму подписки.
Здесь могут возникнуть сложности, поскольку придется регистрироваться в любом сервисе рассылок, генерировать форму и вставлять ее в лендинг. Есть более простое решение – указать номер телефона и тем самым, увеличить конверсию заказов.
В коде шаблона нужно будет просто удалить всю форму и вписать номер мобильного телефона.
В результате получится вот такая картинка.
Шаг 6. Загружаем сайт на хостинг.
Готовый проект необходимо выложить в интернет. Для этого покупает домен и хостинг, например у Reg.ru и закачивает страницу на хостинг. Предварительно нужно будет переименовать папку «blue», например, в «services». Это позволит лендингу приобрести адрес yourdomain.ru/services/index.html. На завершающем этапе необходимо сменить расширение на «php».
Шаг 7. Продвигаем лендинг и привлекаем целевую аудиторию
На финальной стадии остается протестировать работу сайта и заняться продвижением ресурса. Сделать это тоже можно самостоятельно и бесплатно. Для этого необходимо настроить правильно контекстную рекламу и использовать другие способы продвижения лендинга.
В дальнейшем, необходимо постоянно отслеживать статистику по проекту, чтобы понять, какие коррективы необходимы к внесению для максимально продуктивной работы сайта. Если вы нуждаетесь в помощи профессионалов, то в нашем агентстве найдете полезные услуги.
Источник: internet-team.ru
Как сделать эффективный лендинг для стартапа
Когда вы решили, что вам необходим лендинг стартапа , в мыслях наверняка возникла куча вопросов: «С чего начать?», «Как правильно выстроить структуру?», «На чем делать страницу?», «Можно ли создать страницу своими силами?». Процесс разработки лендингов сейчас упростился настолько, что вполне возможно сделать его самостоятельно, нужно просто знать основные принципы и правила. Мы собрали основную информацию, которая поможет вам сделать хороший веб-сайт для стартапа и избежать ошибок на разных этапах его создания.
Время чтения: 10 минут
Нужен ли лендинг стартапу? (спойлер — да)
Лендинг — как правило одностраничный сайт, цель которого — побудить клиента к действию. Например, приобрести продукт, зарегистрироваться на событие, оставить заявку на консультацию. Лендинг, или посадочная страница, рекламирует один конкретный продукт или услугу, презентуя их потенциальному покупателю.
Большое количество компаний, от стартапов до крупных игроков на рынке, предпочитают создавать лендинги для презентации своего продукта, потому что такие сайты дают много возможностей:
- Презентация одного продукта. Преимущества товара, оффер, призыв к действию — все это на одной странице.
- Удержание внимания за счет короткого конверсионного пути. Пользователь не отвлекается, не уходит в другие разделы.
- Сегментация целевой аудитории. Например, у вас есть сервис по выгулу собак. ваши сотрудники гуляют со всеми собаками — породистыми и беспородными, большими и маленькими. Для повышения конверсии можно создать лендинги под каждую аудиторию: для владельцев, у которых нет времени или возможности выгулять собаку, для хозяев породистых собак. Так клиент сразу получит ответы на свои вопросы и с большой вероятностью воспользуется сервисом.
По сравнению с разделами многостраничника, чья конверсия — 1-2%, конверсия лендингов держится на 8-10%. То есть, заинтересованность клиентов в вашем товаре возрастает в 3-5 раз. Это, конечно, влияет на лидогенерацию: по данным HubSpot на сентябрь 2020, компания, которая запускает 10-15 лендингов, получает на 50% больше лидов.
Из нашего опыта в разработке стартапов: MVP, которые продвигались через лендинг, показывали себя лучше.
А еще запуск лендинга позволял эффективнее протестировать продукт до его полноценного запуска. Для стартапов создание лендинга точно выгоднее многостраничных веб-сайтов для стартапов — оно не требует много времени и денег. Да и ждать результатов долго не надо: посадочная страница позволяет проанализировать спрос за пару недель.
Гайд для создания эффективного лендинга стартапа
Самое главное при подготовке к созданию веб-сайта для стартапа — определить его цель, что именно вы хотите получить от пользователей. Правильное определение цели очень важно для структуры и логики сайта. Чаще всего, цели такие:
- Продать товар/услугу — покупка приложения, получение доступа к сервису, регистрация на онлайн-мероприятие
- Получить контакт — подписка на рассылку, заявка на консультацию
Что нужно знать перед началом работы
Как перед запуском любой маркетинговой активности, создание лендинга начинается с анализа конкурентов. Это нужно, чтобы увидеть, какие преимущества предлагают другие компании и чем ваш стартап выделяется на их фоне. То есть, на какие преимущества сделать акцент в лендинге, чтобы покупатель выбрал именно вас.
Затем — стандартная работа с ЦА и определение ее потребностей. Разовьем пример с разработкой стартапа сервиса для выгула собак. Мы уже поняли, что аудитория многостраничного сайта и лендинга на нем же может различаться. Допустим, вы хотите сделать лендинг под конкретную аудиторию. Посмотрите наиболее частые поисковые запросы пользователей, изучите их потребности.
Если вы видите, что есть большая заинтересованность в выгуле породистых собак, есть смысл сделать отдельную страницу для их владельцев.
Когда идея и целевая аудитория для лендинга стартапа определены, нужно решить, на чем сделать сайт. Здесь есть два варианта: воспользоваться специальными конструкторами с шаблонами посадочных страниц, или создать страницу с нуля, передав задачу разработчику и дизайнеру. Оба эти варианта по-своему хороши. Если выберете конструкторы — лендинг можно создать без специальных знаний, но и функциональных возможностей меньше. Если обратитесь к специалистам — потребуется больше времени, но можно сделать касто мный дизайн веб-сайта стартапа и реализовать сложную функциональность.
READ MORE Что такое «No-code»: простой способ сделать MVP или пустая трата времени и денег?
Структура страницы: пошаговая инструкция по наполнению лендинга
Можно подумать — а почему бы не начать с прототипа? Логично же, что сначала нужна структура, понимание расположения блоков?
Дело в том, что текст, наряду с визуалом, играет самую важную роль на веб-сайте для стартапа . Текст ведет читателя от знакомства к действию — представляет продукт, описывает его пользу, объясняет возможности, делает предложение. Он убеждает и отвечает на вопросы, как консультант в магазине, но только не тот, который навязчиво ходит за вами и заглядывает в рот, а тот, кто помогает и сотрудничает.
Именно на уровне написания текста создается структура. Построение блоков должно быть логичным и отвечать ходу мыслей покупателя. В маркетинге есть, как минимум, 2 популярных подхода к построению «продающего текста»: PmPHS и AIDA. Первый берет боли клиента за основу, усиляет их и предлагает решение. Второй — основан на привлечении внимание, создании интереса, формировании желания и призыва к действию.
AIDA или PmPHS — решать вам. В любом случае лендинг должен быть логичным и простым для восприятия. Ниже для сравнения мы проработали две структуры для лендинга. Та, что справа основана на модели AIDA.
Купите товар
Несколько фраз с побуждением к действию, упоминания товара может не быть
Цены и предложение
Описание тарифов, скидочной политики.
Перечисление преимуществ, рассказ об уникальности
Усиление преимуществ
Презентация выгод товара и убеждение клиента. На этом этапе человек еще не понимает, подойдет ли ему это вообще, поэтому может уйти.
Это подойдет вам, если
✅ Просто и последовательно
Емкая фраза, слоган, предложение, из которого понятно, что за продукт предлагает стартап
Это подойдет вам, если
Перечисление категорий ЦА, которому может подойти ваш продукт. Проблемы, которые могут быть у ЦА
Почему это вам нужно?
Описание преимуществ товара и того, как именно он поможет решить проблему
Усиление преимуществ
Снимаем сомнения, убеждаем, что товар — лучший выбор для клиента
Цены и тарифы
Описание тарифов, скидочной политики.
Возможность совершить действие.
Разберем простую и логичную структуру лендинга на примере Superforce.
На первой странице дается оффер — «поддерживайте вовлеченность своей команды работников без рабочего места».
Далее идет часть «это подойдет вам, если» — по сути, описание ЦА и проблем, с которыми они сталкиваются в работе. В данном случае — у рабочих на стройке или врачей нет постоянного рабочего места, но им нужно понимать свои задачи и в течение дня общаться с супервайзером или менеджером. Сложный таск-менеджеры не подойдут. Нужно что-то простое: Superforce. Менеджер распределяет задачи в web-приложении, а команда видит релевантные задачи и общается в чате WhatsApp.
Менеджер в Superforce, рабочий в WhatsApp — все понимают, что и когда нужно сделать
Затем следует « почему это вам нужно?» . Блок раскрывается через функциональность сервиса и то, какие задачи он помогает решать.
Далее — усиление преимуществ.
Преимущества 3: ничего не нужно скачивать — все в WhatsApp; доступно хоть откуда — все в облаке; удобно пользоваться — все интуитивно понятно с первых секунд использования.
Блок с ценами и тарифами здесь опущен, лендинг завершается еще одной кнопкой действия .
Помните, что текст на лендингах не должен быть длинным. Все фразы и формулировки должны быть короткими, емкими и бить точно в цель, полностью отражая суть.
Важная часть работы над текстом — SEO-оптимизация. Ключевые слова в тексте блоков или заголовках помогают поисковикам проиндексировать страницу. Это упростит потенциальным покупателям поиск вашего сайта.
Когда текст утвержден, то есть структура начала проясняться, можно приступать к созданию прототипа — «черновика» сайта, который показывает, где будут располагаться все элементы. Благодаря прототипу можно еще до создания визуала понять, насколько удачно будут размещены блоки, соблюдена ли логика, легко ли клиентам будет читать лендинг.
Прототип можно создать в Figma, или дешево и сердито (в зависимости от настроения нарисовать на бумаге.
В итоге это может выглядеть так:
Каждый блок на рисунке — один экран лендинга. Чтобы не перегружать читателя и не сваливать информацию в кучу, лучше придерживаться правила: один экран — одна идея, один ответ на вопрос клиента.
Многие пропускают этот этап работы, переходя после текста сразу к дизайну веб-сайта стартапа. Purrweb рекомендует обязательно работать с прототипом для разработки стартапов — ведь в него проще вносить изменения, чем в готовый лендинг.
В своей работе над лендингами стартап ов мы выделили несколько правил, которые помогают создать цепляющий и интересный дизайн . Они действуют для всех посадочных страниц:
- Цвет. На лендинге не должно быть много цветов: максимум два-три. Первые два — более спокойные, третий — яркий цвет для акцентов. При этом яркий должен появляться на странице редко, например, в кнопках и заголовках. Иначе он утратит свою функцию выделения информации.
- Обложка. Первый экран — самый главный, при взгляде на него человек понимает, хочется ли ему смотреть страницу дальше, или нет. Он должен отражать суть вашего предложения — часто на первый экран помещают фотографию продукта в хорошем качестве. Но помните, что текст на странице играет такую же важную роль, он должен быть читаем.
- Ритм страницы. Это означает чередование блоков, которое делает страницу менее однообразной. Часто ритм создается с помощью цвета — например, после блока на белом фоне идет блок в другом цвете, затем снова на белом, и так далее.
- Структура. Она должна четко прослеживаться как в тексте, так и в визуале. К каждому блоку нужно прописать заголовок, чтобы глазу читателя было, за что зацепиться, и навигация по странице была удобной.
- Пространство. Между текстовыми блоками, между элементами в блоке, даже между строчками текста обязательно должен быть достаточный отступ. Чтобы информация на лендинге не воспринималась как нагромождение хлама на балконе — вроде полезного, но приводящего в уныние перспективой его разгребать.
Подытоживая работу над дизайном веб-сайта стартапа , приведем пример. Лендинг стартапа Pad сделан на контрасте темно-синего и белого, что дает ритмику повествованию и не утомляет пользователя. А еще у него качественная обложка с четким понятным оффером и скринами приложения. При разработке стартапа создатели Pad явно хорошо изучили свою ЦА.
Лаконичный и простой оффер: помогаем арендаторам найти арендодателей, и наоборот.
Некоторые компании добавляют на лендинги видео на полный экран. Иногда такие видео помещаются даже на обложке. Purrweb советует быть осторожнее с этим приемом: такие видео могут утяжелить страницу и долго загружаться с десктопа, и тем более с мобильного телефона.
Функциональность: кнопки и формы захвата
Основная задача лендинга — побудить клиента к действию: купить товар, записаться на услугу. Для этого на веб-сайте для стартапа размещаются кнопки или формы захвата, то есть, обратной связи. Обычно они располагаются в конце страницы как логичное завершение пути и результат убеждения клиента, но, если страница длинная, они могут ставиться два или три раза. Иногда кнопка или форма может быть расположена даже на обложке.
Если кнопка или форма попадается несколько раз, лучше написать на них разный текст, чтобы у читателя не возникло ощущения вашего равнодушия и навязчивости.
Вдохновляющая фраза, призывающая к действию, сработает лучше банального «купите» или «закажите».
На наш взгляд, кнопки очень хорошо обыграли на лендинге стартапа Supercode, платформе для генерации QR кодов. Здесь две кнопки действия: попробовать бесплатно и зарегистрироваться на платформе. Действия разные, но суть одна — сделать так, чтобы юзер начал взаимодействие с платформой. Акцентный синий помогает подчеркнуть оффер лендинга и кнопки действия.
Акцентный синий помогает сфокусировать внимание пользователя на самом важном: кнопки действия и оффер
Ошибки при создании лендинга стартапа и как их избежать
Ошибиться при создании лендинга при разработке стартапов легко, причем недоработки могут возникать на каждом уровне, будь то текст, дизайн, или логика сайта в целом. Мы собрали самые самые распространенные ошибки и объединили их в блоки. Для наглядности мы приведем примеры неудачных лендингов — это поможет сразу понять, в чем промахнулись их создатели.
1. Нарушение логики сайта
Например, на странице плохо сегментирована ЦА. Тогда для одной группы информации в блоках будет много, для другой — мало для принятия решения. Возьмем наш лендинг сервиса по выгулу собак из начала статьи — если четко не обозначить, что ваше предложение подходит для владельцев породистых собак, таким клиентам не хватит информации. Они не узнают, что ваши сотрудники заботятся об особенностях породистых собак, следуют индивидуальному графику выгула, и уйдут со страницы.
Странной последовательности блоков мы уже касались ранее — если читатель не сможет легко «пройти» по лендингу и не поймет сразу, что вы продаете и почему ему нужен ваш товар — он уйдет. В список неудачных решений можно включить призыв к двум действиям подряд или в одном блоке. Если у юзера будет несколько выборов одновременно, он наверняка не сделает ни один. Также нельзя «уводить» клиента — оставлять ссылки, даже на другие страницы вашего сайта. Клиент может не вернуться на лендинг.
На наш взгляд, крайне неудачно последовательность выстроили на лендинге Walt Disney World® Golf. Все преимущества его создатели решили разместить в переключающихся блоках на обложке. Однако человек вряд ли поймет, что блоки вообще можно переключать, а значит, ничего не узнает о том, почему этот продукт хорош.
2. Недочеты в дизайне
Слишком яркие цвета, отсутствие разделения между блоками, плохие адаптивные версии под разные устройства, большой вес элементов, из-за чего страница долго грузится — все это признаки плохого дизайна.
Эти факторы могут повлиять на то, останется пользователь на странице или уйдет. Дизайн веб-сайта стартапа может не повлиять на конечное решение клиента о покупке товара, но, если визуал каким-то образом будет усложнять ему взаимодействие с сайтом стартапа, о высокой конверсии можно забыть.
Как пример, можно рассмотреть лендинг Oral-B:
Зафиксированная плашка вверху страницы с меню и кнопкой закрывает экран и не дает посмотреть его полностью. То же самое происходит при просмотре с телефона. К тому же, страница долго грузится, изображения на фоне не открываются сразу.
3. Недостатки в тексте
Что касается промахов в тексте, то ими могут быть:
- неубедительное описание выгод
- отсутствие ответов на вопросы и «боли» клиента
- нет описания результата, который получит клиент
- размытость формулировок и непонятный оффер
Последнее особенно плохо, так как клиент не продвинется дальше первого экрана и уйдет, не прочитав о вашем стартапе ничего.
Ошибкой также считается недостаточность или перегруз информацией, сплошной текст во всех блоках, или наоборот, только буллиты. Посмотрите на этот лендинг — здесь перегруженность возникает еще на первой странице из-за явного желания сказать как можно больше. А еще здесь отсутствует “воздух” (пространство) между блоками, отчего кажется, что текста слишком много.
Чтобы избежать этих ошибок, постарайтесь на этапе создания текста и прототипа уделить как можно больше внимания «пути» клиента. Представьте, что вы ничего не знаете о своем продукте, и последовательно ответьте на все вопросы, которые у вас возникают. Так можно избежать большинства логических ошибок, а вопроса достаточности текста или удобства места для кнопки просто не возникнет.
Что в итоге — делать лендинг самим или передавать специалистам?
Сейчас, чтобы создать эффективный лендинг стартапа , не нужно быть разработчиком или дизайнером. Для этого существует множество платных и бесплатных конструкторов, которые могут расположить блоки, и гайдов по созданию страниц (включая наш).
Однако вероятность ошибки на каждом этапе остается высокой. Мы советуем отнестись к каждому пункту гайда при составлении лендинга максимально внимательно, и в первую очередь думать об удобстве клиента и его потребностях.
Если у вас нет времени и возможности разбираться в правилах, а вопрос создания рабочего лендинга стартапа для вашего продукта зреет с каждым днем, вы можете обратиться в Purrweb. Наша команда проанализирует ваш продукт и создаст посадочную страницу с высокой конверсией, которая увеличит поток клиентов.
Насколько публикация полезна?
Оцени эту статью!
12 оценок, среднее 4.8 из 5.
Оценок пока нет. Поставьте оценку первым.
Так как вы нашли эту публикацию полезной.
Подписывайтесь на нас в соцсетях!
Источник: www.purrweb.com
Как правильно сделать лендинг пейдж: пять практических советов
Убедить людей посетить ваш сайт непросто, но еще сложнее их конвертировать — уговорить выполнить целевое действие. Правильная разработка лендинг пейдж (заголовок, подзаголовки, формы захвата) станет залогом высоких конверсий и успеха вашего онлайн-проекта в целом.
Проблема в том, что большинство начинающих предпринимателей понятия не имеют, как создать эффективную целевую страницу. Зато активно гуглят в Сети «сделать лендинг пейдж самостоятельно и бесплатно», теша себя надеждами. И удивляются, почему страница не конвертирует!
Помимо того, что разработку посадочной страницы следует поручать только профессионалам, мы не умаляем роль вашего самообразования. Понимая цели и принципы создания этого продукта, вы сможете более уверенно обсуждать проект с разработчиками и ясно формулировать свои пожелания.
Если вы читаете это в надежде «сделать лендинг пейдж бесплатно», вынуждены вас разочаровать.
Бесплатный только сыр в мышеловке. Вы можете бежать обратно в розовые мечты, а можете задержаться на пять минут, чтобы почерпнуть несколько реально работающих практических советов по лендингам.
Или просто позвонить нашим консультантам, в активе которых по нескольку сотен подобных проектов.
Что такое лендинг пейдж?
Прежде чем бросаться в технические и маркетинговые премудрости, давайте разберемся, что такое и зачем создается посадочная страница. И почему лендинг — это не обязательно домашняя страница сайта.
Лендинг пейдж — это место, куда ваши посетители приземляются (отсюда второе название «посадочная») после клика на соответствующем рекламном объявлении в Google или другом месте.
Можно ли обойтись главной страницей сайта? Взгляните на зарубежную статистику:
• 68% компаний В2В создают лендинг для привлечения новых клиентов.
• Компании, имеющие 30-40 посадочных страниц, генерируют в 7 раз больше лидов.
• Компании, имеющие более 40 лендингов, генерируют в 12 раз больше лидов.
Эту страницу можно сравнить с ресепшн-менеджером в отеле, который выходит встречать VIP гостей с широкой улыбкой и распростертыми объятиями.
Задачи лендинга исключительно важные:
• Собирать информацию о посетителях.
• Конвертировать лидов в потенциальных покупателей.
• Демонстрировать преимущества вашего бренда.
Ввиду специфических функций и требований к дизайну лендингом далеко не всегда является домашняя страница сайта. Так, если ваш бизнес нацелен на разные аудитории, гораздо лучше разработать несколько лендингов, заточенных под разных клиентов (под тинэйджера, бизнесмена или домохозяйку).
Придумайте броский заголовок страницы
Среднестатистический пользователь фокусирует внимание всего на несколько секунд.
За этот короткий промежуток вам предстоит убедить лида, что он находится в правильном месте, а ваше ценностное предложение — лучшее в его жизни. Сделайте это прежде, чем он нажмет кнопку «Назад».
• Захватывающий: вспомните желтую прессу, которая разжигают интерес читателя
• Информативный: чересчур остроумные или скучные фразы вряд ли достигнут своей цели
• Короткий: описания пойдут ниже, а заголовок — это драгоценные секунды убеждения
Составьте описательный подзаголовок лендинга
Хороший подзаголовок лендинг пейдж должен быть:
• Прямой и краткий: хотя он длиннее заголовка, а нижележащий контент еще более подробный, соблюдайте лаконичность и четкость изложения мыслей. Цените время.
• Акцентирован на преимуществах: не говорите потенциальным клиентам, что вы можете сделать, сообщите им, что полезного вы можете сделать специально для них.
• Дифференцированным: если вы не в состоянии изложить все преимущества в нескольких строках, добавьте на лендинг видеоролик. Благодаря видео на целевых страницах некоторые компании могут увеличить коэффициент конверсии на 86%!
Ниже вы видите отличный пример посадочной страницы с четким и информативным подзаголовком, полностью ориентированным на посетителя. Это настоящая машина конверсий!
Продумайте форму захвата потенциальных клиентов
Одни целевые страницы включают ненавязчивую ссылку или кнопку целевого действия; другие настолько прямолинейны, что просят вводить контактные данные, как только вы увидите предложение.
Как поступить на своем лендинге? Ключ к эффективной форме захвата — дать посетителям достаточно времени, чтобы он ознакомился с ценностным предложением. Оно не должно быть слишком коротким, но и тянуть кота за хвост не стоит — человек может засомневаться или передумать.
При разработке формы захвата на лендинге:
• Соблюдайте краткость: исследования показывают, что формы захвата с 3-5 полями демонстрируют коэффициент конверсии 20% по сравнению со скромными 15% при количестве полей 6+.
• Избегайте личных вопросов: люди не любят сразу раскрывать слишком много информации о себе. Например, конверсии выше на страницах, которые не запрашивают возраст клиента.
• Делайте ее доступной: в эру мобильного трафика убедитесь, что клиенты могут получить доступ к форме захвата на планшете или мобильном телефоне так же просто, как на десктопе.
Не забывайте ценностное предложение
Иногда можно полностью раскрыть свое уникальное предложение в подзаголовках лендинга.
Но, чем сложнее ваши продукты и услуги, тем больше места требуется для полноценного сообщения. Запомните, что самые высококонвертирующие целевые страницы всегда отвечают на вопрос пользователя «Зачем мне это нужно?» Это ваш лучший инструмент продаж!
При составлении предложения для лендинга:
• Используйте видеоролики и другие медиа элементы: вместо сухого перечисления преимуществ попробуйте преподнести их творчески, в форме видео, фотографий, забавных картинок, инфографики.
• Сосредоточьте каждое преимущество на пользователе: вместо того, чтобы просто говорить о бизнесе, расскажите лидам, насколько вы и классные, приправьте это реальной статистикой и цифрами, акцентируйте внимание на потенциальных выгодах. Не говорите посетителям «У нас 98% шанс успеха» — говорите «С нами у Вас 98% шанс успеха».
• Сведите скроллинг к минимуму: это прекрасно, что у вас так много потребительских преимуществ, однако занятой посетитель не станет прокручивать до вечера, чтобы увидеть призыв к действию!
Целевая страница Crazy Egg начинается с острого вопроса «Что заставляет ваших посетителей уходить?», демонстрирует три различных пользовательских преимущества с изображениями, пояснениями и немедленным призывом к действию рядом с каждой функцией. Это отличный способ сохранить заинтересованность лидов.
Усильте лендинг призывами к действию
Наконец, последний элемент успеха лендинг пейдж — призыв к совершению целевого действия. Четко расскажите потенциальным клиентам, что нужно сделать для получения выгоды, на которую они клюнули.
Если вы хотите, чтобы ваши посетители оставляли адреса электронной почты, дайте им поле формы и снабдите кнопкой, которая гласит «Начать сегодня». Если вы хотите, чтобы они позвонили, напишите телефонный номер жирным привлекательным шрифтом, который просит «Позвоните сейчас!».
Несколько эмпирических правил:
• Используйте контрастные цвета, чтобы призыв к действию отчетливо выделялся: эта кнопка (текст) должны привлекать внимание вашего клиента больше других элементов на странице.
• Придумайте убедительный текст, ориентированный на выгоду действия, и никогда не используйте слово «Отправить» и любое другое слово, создающее ощущение потери контроля.
• Используйте кнопку: современный пользователь привык к графическому интерфейсу на кнопках, который прост, эффективен и подходит для любых цифровых устройств.
В целом, призыв к действию на посадочной странице должен быть ценностно-ориентированным, дружелюбным, но при этом максимально четким и бросающимся в глаза.
Разработка эффективного лендинга — это просто
Проектирование идеальной целевой страницы требует участия профессионалов — программистов, веб-дизайнеров, маркетологов, SEO-копирайтеров — но этот процесс вовсе не похож на кошмар. Это рутинные исследования, которые при должном подходе приведут вас к успеху и отобьют каждый вложенный рубль.
Источник: sdvv.ru