Практический online-курс

Настройка landing page: полезные рекомендации и сервисы

Настройка landing page: полезные рекомендации и сервисы

Многие начинающие интернет-бизнесмены задумываются о том, как настроить лендинг грамотно, эффективно и наименее затратно. Сегодня мы поведаем основные направления правильной настройки. Берите на заметку!

Содержание

Эффективная структура
Сервисы
Настройка
Хостинг
Скрипты
Контент

Иллюстрации
Мобильная версия

Эффективная структура

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

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

  • Название фирмы, логотип.
  • Заголовок передает главный оффер, поэтому требования к нему — максимальная эффективность, привлекательность, интересность, наличие интриги (если это уместно). Он должен предупреждать вопрос посетителя «Что я получу здесь?». Подзаголовок иногда также необходим для того, чтобы немного раскрыть оффер.
  • Рекламное предложение — можно текстом описать товар/услугу или сделать видео. Главное — соблюсти баланс между много/мало. Торговое предложение должно отвечать на вопрос клиента: «Какую проблему поможет решить мне фирма?»
  • Call-to-action — пожалуй, главный «козырь» одностраничника, от этого зависит успешность, эффективность всей кампании. Наиболее правильно выглядит призыв в виде кнопки с простым текстом, отображающим мысли читателя («Хочу заказать», «Получить скидку», например). Яркий цвет, контрастирующий с общим оформлением страницы, тоже важен.
  • Преимущества предложения, компании — здесь также лучше быть более лаконичным, сократив этот раздел до минимума.
  • Социальные доказательства (сертификаты, авторитетные клиенты, что очень важно — реальные отзывы). Наличие таких доказательств активно влияет на эффективность всего сайта.
  • Футер — можно назвать это дублированием шапки, внизу размещают адрес (часто с помощью электронной карты), ссылки профилей социальных сетей, официальные реквизиты фирмы.

LPgenerator Design Store содержит несколько сотен примеров лендингов с правильной структурой. Вот один из них.

anding-page-design-store

landing-page-design-store

лендинг

лендинг

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

Все блоки ресурса должны быть направлены на одну цель — получить отклик посетителя.

  • Один проект — одно коммерческое предложение. Не пытайтесь сэкономить, включая большой объем разной по тематике информации, это бесполезно.
  • Применяйте «эффект срочности», демонстрируйте дефицит — это стимулирует покупателей . Устанавливайте скрипт для лендинга «таймер», который будет отсчитывать время до окончания срока акции, повышения цены или другого события.
  • Делайте «белые пятна» — свободное пространство между элементами ресурса, чтобы материал читался легко, непринужденно.
  • Простота — назовем ее «сестрой таланта», как краткость (что также уместно здесь). Параллакс, объемные фигуры, анимации, другие «фичи» уместны, но в меру. Плоский дизайн все равно остается беспроигрышным вариантом.
  • Логическая последовательность элементов страницы тоже важна — достаточно поставить себя на место посетителя, абстрагироваться, чтобы понять, насколько доступным является ваш посыл.

Назад к содержанию

Сервисы

Для тех, кому трудно освоить даже основы программирования, а заказывать проекты на стороне нет возможности, мы рекомендуем онлайн-генераторы. Используя подобные сервисы, вам нет необходимости активировать специальные скрипты лендинг пейдж с админкой и любые другие «премудрости» программирования. Все просто донельзя.

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

LPgenerator

 Есть программы для упрощенного создания веб-сайтов. Среди таких можем отметить Adobe Muse. Конечно, понадобятся знания графического дизайна, навыки работы с подобным софтом. За пользование также нужно вносить определенную плату.

Adobe Muse

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

WordPress

Назад к содержанию

Настройка

Хостинг

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

Хостинг

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

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

Найти хостинг одностраничных сайтов можно по поисковым запросам. Есть множество предложений.

Назад к содержанию

Скрипты

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

Скрипты

У такого софта, как Adobe Muse или WordPress Landing Pages, ситуация аналогична. Разработчики утверждают, что пользователь обойдется без каких-либо кодов.

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

Назад к содержанию

Контент

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

LPgenerator позволяет изменять тексты, шрифты в редакторе по желанию пользователя. Подробное руководство можно найти в разделе «Базы знаний», а именно Текстовый редактор и секции, Как изменить размер и цвет текста? Информация постоянно обновляется, служба поддержки помогает разобраться с непонятными моментами.

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

Контент

Назад к содержанию

Иллюстрации

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

Работа с иллюстрациями в редакторе LPGenerator отображена здесь — Галерея изображений.

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

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

Иллюстрации

Split Shire — тоже интересный сайт. Есть категоризация.

Split Shire

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

Split Shire

Для того чтобы найти векторные изображения или иконки в свободном доступе, существуют сайты Unrestricted Stock, Vecteezy.

Vecteezy

Vecteezy

Назад к содержанию

Мобильная версия

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

Мобильная версия

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

Настройка проста:

1.Разработка полной страницы — подробнее здесь.

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

Шаблоны

3. Соединение мобильной и полной версии

В этом материалы мы постарались осветить основные моменты, как настроить лендинг из шаблона.

Дальше дело за вами! Тестируйте, улучшайте, получайте больше прибыли.

Высоких вам конверсий!

Назад к содержанию

Image Source:George Estreich

30-09-2015

LPgenerator — профессиональная Landing Page платформа для увеличения продаж вашего бизнеса

  • Более 500 шаблонов в галерее
  • Инструменты оптимизации конверсии
  • Статистика и сквозная аналитика
  • CRM для работы с заявками и телефония
  • Визуальный редактор с расширенным функционалом
  • Быстрая техническая поддержка
  • Множество интеграций
  • Окупаемость инструмента — от 7 дней
blog comments powered by Disqus
copyright © 2011–2017 by LPgenerator LLC. Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "ЛПгенератор".