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

Что такое лендинг простыми словами

Сложно? Теперь объясним по-простому. Пролистывая страницу, пользователь проходит чётко заданный вами путь (). Вы знакомите его со своим предложением, затем перечисляете выгоды, убеждаете совершить покупку и в конце призываете к действию.

На этой странице кратко и ёмко доносится, что за продукт, чем он уникален, в чём его преимущества (или в чём преимущества компании). Как итог, пользователю предлагают заполнить лид-форму, чтобы оформить заказ, скачать бесплатный пробник и т.п. Далее с полученными данными работает отдел продаж компании, в зависимости от выстроенной вами воронки продаж.

Вот лендинг как раз и является началом этой воронки. Он – это ваша первая площадка контакта с целевой аудиторией, и только от него зависит, сконвертируются посетители в лидов или нет.

Идеальная структура лендинга — это 8 основных экранов

Приступим к проработке структуры вашего идеального лендинга?

Первый экран – это блок до так называемой линии сгиба, то, что пользователь видит на экране сразу, как загрузил вашу страницу, ещё не скроля вниз. В этот момент ваша главная задача – захватить его внимание и заинтересовать, чтобы он захотел листать дальше. Обязательный элемент на первом экране – это . Емкий, короткий и мощный.

Также на первом экране может находиться подзаголовок, который поясняет основное сообщение, которое есть в заголовке.

Часто на первом экране можно увидеть первый – кнопку «Узнать больше», и даже лид-форму, если посетителям уже известна ваша услуга, или это уже не первый контакт с вашей компанией.

Яркая иллюстрация – лендинг Сбербанка, посвящённый именной стипендии. Он рассчитан на тех, кто уже знает компанию (кто её не знает?). Здесь располагается краткий призывающий заголовок, интригующий подзаголовок и кнопка CTA («Готов попробовать»), дополненная логотипом акции.

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

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

Например, вот лендинг онлайн-магазина экзотических фруктов. После первого экрана у них сразу же идёт демонстрация готовых наборов на выбор:

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

Очень интересно это реализовано на лендинге компании 7Devs, студии по разработке мобильных приложений. Каждое из преимуществ вынесено на отдельный экран с интересной иллюстрацией и подробным описанием.

Блок с ценами

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

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

Блок с отзывами

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

Запомните одно важное правило: фальшь заметна сразу. Не делайте поддельные отзывы с фотографиями со стоков. Постарайтесь , как это сделать – мы рассказывали раньше.

Ответы на часто задаваемые вопросы (снятие опасений)

Даже после всей этой информации у клиента могут остаться опасения. Почему так дорого/дёшево? А как я получу свой заказ? А могу ли я приехать в офис? И многое другое. Успокойте посетителя, и разместите ответы на часто задаваемые вопросы. Это поможет ему ещё больше проникнуться к вам доверием.

Например, так сделали на лендинге компании по доставке наборов вина на дом:

Выгодное предложение (акция, дефицит, истекающий срок действия)

Дополнительно простимулировать посетителя побыстрее совершить целевое действие можно с помощью выгодного предложения: бонуса, подарка, скидок. Ещё несколько мощных триггеров – это ограниченное количество товара (дефицит — вдруг не успею купить, всё разберут), и истекающий срок действия (можно включить таймер обратного отсчёта).

Например, Тильда предлагает купить курс по интернет-маркетингу со скидкой в 40%.

А LPGenerator предлагает пройти первое занятие бесплатно – и выгодное предложение, и обработка возражений («а вдруг мне не подойдет») в одном блоке.

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

Контакты

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

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

Как работает лендинг

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

Когда есть смысл делать Landing Page? В первую очередь все зависит от ситуации, продукта и вашей ниши. Прежде чем решать запускать продающую страницу, нужно провести анализ рынка. Но есть уже ряд «стандартных ситуаций, в которых лендинг оказывается идеальным решением:

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

Очень хорошо работают лендинги в сфере инфобизнеса. Зачем создавать полноценный сайт для рекламы курсов, если можно под каждый курс сделать продающую страницу, и лить на неё трафик? Провел курс – отключил лендинг, и все дела.

А если есть сайт, что тогда?

Сайт и лендинг абсолютно не мешают друг другу. На Landing Page вы можете выносить все то, что на сайте не будет держаться больше определённого периода времени. Например, акции, специальные предложения, какие-то презентации новых товаров. Делать страницу на сайте, а потом удалять её – нет смысла.

Как продвигать Landing Page

Откуда брать трафик? Так как лендинг – это одна страница, и текстовой составляющей на нем не так и много, тут работает только в очень экзотических нишах, где нет конкуренции. в основном льётся с или таргетированной рекламы.

Заключение

Очень важно сделать так, чтобы лендинг действительно конвертировал посетителей в клиентов – ведь это его основная цель. И тут очень многое зависит не только от контента – текста и картинок – как и от структуры продающей страницы.

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

Современная интернет-маркетинговая стратегия практически непредставима без использования целевых страниц (Landing Pages, посадочные страницы, лендинги), которые все чаще встречаются в рекламных кампаниях как крупных брендов, так и представителей SMB-сектора Рунета.

По нашей просьбе специально для пользователей work-zilla.com свои рекомендации относительно того, как создать Landing Page с высокой конверсией озвучил директор по маркетингу LPgenerator Максим Плосконосов. Советы эксперта такого уровня будут безусловно ценны для наших заказчиков и исполнителей, ведь сервис LPgenerator представляет собой ведущее SaaS-решение Рунета по созданию и работе с целевыми страницами.

Посадочные продающие страницы на практике чаще всего используются для решения следующих задач:

Первая задача - получение контактной информации или лид (lead, «лид»; термин многозначный, означающий как данные, полученные от посетителя email, имя и т. д., так и пользователя, оставившего такую информацию). Такие лендинги называются лидогенерирующими (Lead Capture Landing Page), процесс, происходящий на них - генерация лидов.

Вторая задача - клик, переход или подготовка потенциальных клиентов к завершению конвертации на другой странице; такая целевая страница называется «кликабельной» (Click-through Landing Page) и является частью конверсионных путей или мини-сайта.

Если лид-страница получает данные (посредством заполнения посетителем специальной интерактивной web-формы, так называемой «лид-формы»), то Click-through лендинг, наоборот, предоставляет дополнительные сведения о сути вашего оффера. Конечным пунктом конверсии на CTR-посадочной странице будет переход непосредственно на другой лендинг, где осуществляется покупка или генерация лида.

Автономные целевые страницы с лид-формой - это самый популярный тип организации постоянного потока заявок в отдел продаж для последующей обработки.

Правила продающего лендинга:

1. «Один лендинг - один оффер»

Уникальное торговое предложение (оффер) есть набор маркетинговых характеристик, описывающий ваш продукт, предлагаемый рынку. Другими словами, оффер есть некий объект, обладающий ценностью в глазах целевой аудитории и предоставляемый вами в обмен на деньги или персональные данные потенциального клиента. Суть УТП выражается через 4 текстовых элемента любого продающего лендинга: основной заголовок; поддерживающий подзаголовок; текст, усиливающий заявление; заключительный аргумент.

Каждая отдельно взятая целевая страница предполагает один конкретный оффер, получаемый посетителем для выполнения конверсионной задачи, поставленной перед ним веб-маркетологом. На решение этой задачи должны быть ориентированы все элементы лендинга: логотип, главное изображение, текстовые составляющие - заголовок, подзаголовок, список преимуществ, надпись на интерактивной кнопке призыва к действию (CTA, Call-to-Action).

На практике этот принцип работает достаточно просто: целевая страница генерирует поток лидов для, скажем, записи на фотосессию - и ВСЕ! Этот призыв к действию может повторяться сколько угодно раз, но он должен быть один-единственный.

2. Правило точного соответствия

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

Основной заголовок и все текстовое содержимое вашей страницы должны соответствовать (быть релевантны) вашему рекламному объявлению и ключевому слову поискового запроса, если речь идет о контекстной рекламе!

Простой и понятный заголовок лендинга - вот ваше главное орудие привлечение внимания посетителей, обладающих крайне низким «порогом внимания» (5-8 сек). За эти считанные секунды даже самый неторопливый пользователь успеет прочесть заголовок лендинга (на этом 80% из них вообще прекращает «исследование» страницы). То есть в заголовке должно обязательно присутствовать ключевое слово, соответствующее вашему УТП.

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

3. Используйте высококачественные изображения и видео

Главным средством воздействия на целевую аудиторию остается изображение (визуализация оффера) продукта. Фотография продукта или видеоролик должны наглядно демонстрировать какое-либо из преимуществ вашего УТП или способ решения проблемы пользователя, для которого и существует ваш оффер.

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

4. Упоминайте о выгодах оффера (буллеты), а не о технических характеристиках

Не нужно утомлять посетителей перечислением технических характеристик вашего продукта или ваших заслуг - им это нисколько не интересно.

Вы должны рассказать о выгодах вашего УТП, обращаясь к подспудным страхам таргет-группы («страх потери», loss aversion - сильнейший стимул к завершению сделки). Вы можете напрямую обращаться к пользователю, упоминая о прекращении выгодных условий сделки («Только 3 дня - скидка 25%») или же более тонким способом, например так: «Сохрани эти бесценные часы для жизни - посуду пусть моет машина».

Список выгод обозначается специальными типографскими знаками, так называемыми буллетами, отсюда и сленговое обозначение выгод оффера - «буллеты». В составлении буллетов, по большому счету, нет ничего особо сложного: спросите себя, какие проблемы вашей целевой аудитории решает ваш лендинг, и запишите ответ на этот вопрос.

Единственно, что вам нужно твердо помнить: плохой буллет основан на функции вашего продукта, хороший - на выгоде или решении проблемы потенциального клиента.

5. Используйте социальные доказательства

Лучшее средство укрепления доверия к вашему офферу - размещение на лендинге социальных доказательств: отзывов, «социальных сигналов» в сосцетях (лайки, «ретвиты» и т. д.), логотипы ваших солидных партнеров и прочее. Психологический механизм в данном случае прост: сигналы, свидетельствующие, что другие пользователи уже воспользовались вашим УТП, что сделало их довольными, решило их проблемы, развеяло страхи, сэкономило их время и деньги, выступают сильнейшим стимулом к совершению конверсионного действия, желаемого маркетологом.

6. Цель конверсии воплощена в призыве к действию (CTA)

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

Для посетителя же цель конверсии воплощена в конкретном элементе призыва к действию (CTA-элементе), каковой может быть как независимой интерактивной кнопкой (продающий CTR-лендинг) или частью лид-формы.

CTA-элемент есть главный конвертирующий элемент лендинга, потому что через него и достигается цель конверсии, ради которой строилась целевая страница: преобразование посетителя в лида, лида - в постоянного клиента.

Отсюда следует равнозначная важность обеих составляющих кнопки призыва к действию: ее дизайна и текста призыва. Но хотя эти элементы непосредственно влияют на конверсию, роль они выполняют разную: дизайн привлекает внимание к CTA-элементу, текст же призыва отвечает на главный вопрос пользователя: «Почему я должен нажать на кнопку?»

Заметим, что текст CTA должен четко соответствовать заголовку и лендинга и лид-формы: если заголовок гласит - «Загрузите уникальный видеокурс по созданию целевых страниц без знания HTML», то призыв к действию должен вторить ему: «Загрузить сейчас!». Все эти бессмысленные названия кнопок типа «Отправить» или «Подтвердить» отнюдь не идут на пользу вашей конверсии.

7. Источники трафика

Источники трафика - это сочетание всех возможных маркетинговых каналов, с помощью которых посетители переходят на вашу целевую страницу. Трафик для лендинга могут генерировать поисковые системы, медиа-ресурсы, социальные сети, автономные блоги, электронная почта, переходы по ссылкам с других сайтов. С точки зрения веб-аналитики за абстрактным термином «трафик» скрываются реальные посетители, для простоты анализа ситуации воспринимаемые как набор цифровых параметров: количество уникальных посещений за определенный период времени; количество повторных переходов; величина индекса отказов; коэффициент конверсии и т. д.

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

Поисковой трафик с оплатой за клик (PPC, контекстная реклама) выделяется высокой эффективностью конвертации, т.к прекрасно таргетирован по ключевым словам.

Неплохие результаты показывает email трафик - хорошая конверсия, но он ориентирован на «длинные» маркетинговые стратегии и требует применения особых тактик (сегментация подписной базы, «выращивание» клиентов, так называемый Nurturing).

Однако ни один из вышеупомянутых источников трафика не может заранее считаться заведомо безнадежным или хотя бы «хуже других» - конечный результат будет зависеть от типа УТП, характера целевой группы, на которую оффер таргетирован, рекламного бюджета, качества оптимизации лендинга под определенный тип трафика, сегментации таргет-группы и еще многих критериев, не последним из каковых будет набор умений и навыков веб-маркетолога.

8. Оптимизация конверсии

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

Первый и важнейший из них - это конверсия, он же Conversion Rate, коэффициент конверсии, показатель конверсии, вычисляется как отношение числа пользователей, совершивших конверсионное действие на лендинге, к общему числу посетителей, выраженное в процентах.

Для оптимизации конверсии применяется метод маркетингового исследования известный как сплит-тест (А/Б-тест, A/B/n-тест), заключающийся в сравнении 2 или более вариантов целевой страницы.

Суть сплит-тестирования проста и сводится к следующему: посетителям в течение определенного времени (до достижения порога статистической значимости) поочередно в равной пропорции демонстрируются варианты лендинга. Пользователи не осведомлены о существовании альтернативных вариантов посадочной страницы. По окончании теста маркетолог выбирает вариант лендинга, на котором было совершено большее количество конверсионных действий (достигнута большая конверсия, заполнение лиж-формы например).

Для получения практически значимых результатов теста следует придерживаться заранее установленных параметров статистической значимости:

100 достижений конверсии по каждому варианту;
1000 уникальный посетителей по каждому варианту;
минимум 3 недели тестирования.

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

По мнению большинства экспертов по оптимизации конверсии (CRO, Conversion Rate Optimization), подвергать А/Б-тестингу нужно в первую очередь элементы лендинга, оказывающие решающее влияние на преобразование.

Заголовок . Он должен быть информативным, понятным и лаконичным, соответствующим правилу точного соответствия.

Главное изображение. Замена изображения может принести драматический прирост конверсии. Можно попробовать заменить фотографию на видео.

Лид-форма . Обычно тестируют количество полей, расположение их названий, наличие/отсутствие заголовка собственно формы, цвет, расположение на странице, наличие и формулировку гарантии конфиденциальности.

СТА-элемент . Здесь нужно протестировать формулировку призыва к действию, цвет кнопки, размер, ее положение и шрифт призыва. Возможно, что хорошим решением окажется размещение на лендинге 2 и более одинаковых призывов к действию.

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

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

1. Помните главное: эффективность лендинга зависит от вашего умения выстраивать гипотезы (что может понравиться пользователям?) и проверять их А/В-тестированиями .
2. Вначале займитесь созданием прототипа лендинга: продумайте его концепцию (что вы предлагаете? как вы предлагаете? почему ваше предложение выгодно потенциальному клиенту?), поразмыслите над формой подачи информации, выстроите «на бумаге» структуру вашего лендинга, набросайте черновые текстовки - и только после этого начинайте делать лендинг «начисто». Правьте тексты в процессе работы над страницей.
3. Создавайте предельно четкий оффер - у посетителя не должно возникать вопросов, что именно вы предлагаете: отличные зеленые ковры или все-таки два ковра по цене одного до конца текущего месяца.
4. Грамотно продумайте размещение на странице основных элементов лендинга: оффер, призыв к действию (Call To Action, СTA), форма заказа, блок с преимуществами, продающие триггеры, социальные доказательства (отзывы, например), визуализация вашего предложения (картинка).
5. «Обычные» тексты (в стилистике статьи), как правило, не работают в лендингах.
6. Текст лендинга - предельно лаконичен, предельно информативен, предельно плотен.
7. А главное - он небольшой по объему.
8. Ближе всего к правде будет высказывание: в лендинге используются не тексты, а «текстовки».
9. Но! Не смотря на сказанное в предыдущих трех пунктах, не стоит недооценивать возможности текста. Текст - одна из самых эффективных форм выражения вашего коммерческого месседжа. Что еще для людей более важно, чем язык?
10. Работайте над текстовками лендинга долго и тщательно, выверяя каждое слово.
11. Не допускайте ошибок - это «смазывает» впечатление от вашего, может быть (не будь ошибок), превосходно работающего лендинга.
12. «Не кричите» в лендинге. Кто-то думает иначе: чем креативнее и побудительнее текстовки, чем больше в них «рекламных» выражений и «кричащих» фраз (купите прямо сейчас, другой такой возможности у вас не будет, на всех не хватит, спешите, бегите, отдайте скорее нам ваши деньги!), тем эффективнее лендинг. Да, есть такая точка зрения: вся сила рекламы в яркости, экспрессивности и побудительности. Я же лично считаю, что кричат слабые, сильные - убеждают. Экспрессия и навязчивость традиционной рекламы надоела людям. Их нельзя заставить купить, их можно только убедить. Единственный путь - дать максимум полезной для совершения выбора в пользу вашего продукта информцаии, но не навязывать: все равно не подействует.
13. Не нужно «заманивать» и «интриговать» - пишите по-человечески, чтобы можно было составить абсолютно точное представление о вашем продукте. Колбасу с каким названием вы предпочтете купить для семейного ужина: «Пикантная Снежана» или «Телячья»? Я лично - последнюю.
14. Человек хорошо запоминает 80 % из того, что видит, и только 20 % - из того, что читает. Именно поэтому так важна визуальная составляющая в лендинге.
15. Не пытайтесь дать всю инфорацию в текстовом виде. Такой лендинг вряд ли не сконвертит вам клиентов. Активно используйте потенциал вашего дизайнера.
16. Используйте для передачи информации не только текст, но и графические элементы (знаки, символы, простые таблицы и т.д)
17. В дизайне главное - не красота, а его функциональность: все части целого должны работать на общую задачу.
18. Лендинг существует на стыке копирайтинга,

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

Вы узнаете:

• Из каких элементов должен состоять лендинг пейдж.
• Какой выбрать вариант разработки лендинг пейдж.
• От чего зависит цена создания лендинга.
• Каким должен быть идеальный лендинг пейдж.

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

Кому и для чего нужен лендинг пейдж

Для чего нужен лендинг пейдж? Ответ прост: для увеличения объема продаж. Продажи с помощью подобных точек входа возрастают примерно на 20-30 % по сравнению с обычными рекламными сайтами.

Изначально лендинг пейдж был разработан в Соединенных Штатах Америки специалистами-маркетологами. Это случилось, когда в сфере продаж начали набирать обороты интернет-магазины. Естественно, что в таких условиях значительно возросла и конкуренция . Именно она стала тем импульсом, благодаря которому появились лендинг пейдж.

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

Можно выделить несколько категорий фирм, которым использование landing page в своей работе будет наиболее полезно. В первую очередь в этом списке стоит назвать те компании, которые занимаются:

• продажами;
• оптовыми продажами;
• сетевым маркетингом;
• производством разного рода продукции;
• инфо-предпринимательством;
• продажами уникальных товаров повышенной ценности;
• продажами учебных курсов;
• туристическим бизнесом;
• предоставлением услуг (СПА-салоны, фитнес-клубы и др.).

Говоря о целевом предназначении лендинг пейдж, стоит конкретизировать, к каким именно действиям такие страницы побуждают. Итак, продающие страницы способствуют тому, чтобы пользователь:

• совершил покупку товара;
• оформил заявку на бесплатную консультацию;
• приобрел услугу по составлению разного рода вычислительных операций;
• подписался на какую-либо рассылку;
• зарегистрировался и принял участие в акции;
• оставил заявку на получение .

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

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

Основные типы лендинг пейдж

• Продающая страница.

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

Если же речь идет о недорогой и хорошо знакомой потенциальному клиенту продукции или услуге, то объем информации лучше сократить.

Минимальный размер текста в таком случае равен двум тысячам символов, а верхний предел может превышать 10 000 знаков.

Основной целью продающих страниц является призыв совершить покупку, но количество однообразных призывов тоже должно дозироваться в зависимости от масштабности лендинг пейдж (один на небольших, два-три – на крупных).

• Лидогенерирующая страница.

Страница, созданная по принципу лидогенерации (Lead-capture Page), занимается поиском потенциальных клиентов и сбором их контактных данных. Подобные лендинг пейдж не предусматривают возможности перехода с них на другие ресурсы – наоборот, маркетологи прилагают всевозможные усилия, чтобы полностью сосредоточить внимание клиентов на информации, размещенной на лидогенерирующей странице. Если инструменты воздействия на пользователя подобраны грамотно, то знакомство с такой страницей закончится внесением клиентом своих данных в специальную форму.

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

• Страница подписки.

В чем суть подобного рода лендинг пейдж? Все просто: с помощью подобных страниц формируется клиентская база данных, после чего каждому подписчику на оставленный, допустим, адрес электронной почты высылаются письма, содержащие какое-либо спецпредложение или подарочный бонус.

Хорошо работают такие лендинг пейдж в информационной сфере. Алгоритм таков, что, попадая на подобную точку входа, клиент знакомится с информацией относительно какой-либо учебной программы, после чего видит предложение получить бесплатный пробный урок. Для этого нужно всего лишь указать свой e-mail и дождаться получения соответственного материала.

Таким образом осуществляется автоматическая подписка, которая позволяет в будущем использовать все инструменты интернет-маркетинга для работы с этими клиентами.

• Страница одного клика.

Самый простой механизм действия заложен в страницах одного клика (Click-through Page). Подобные лендинг пейдж оснащены CTA-кнопкой (или кнопкой призыва к действию), при нажатии которой и осуществляется целевое действие.

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

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

Элементы, из которых состоит структура лендинг пейдж

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

Грамотно построенный лендинг пейдж должен содержать следующие компоненты:

• Основной заголовок . Его задача – завладеть вниманием пользователя.

• Подзаголовок . Он необходим в качестве пояснения к основному заголовку, чтобы окончательно привязать интерес клиента к странице.
• Контент . Это непосредственная информация в текстовом виде, которую и должен получить клиент о рекламируемом продукте. Перед написанием текста следует внимательно изучить особенности тех, для кого он предназначен, чтобы добиться максимального воздействия, используя подходящую терминологию и понятийный аппарат. В любом случае текст должен строиться по упрощенному принципу, без использования сложных речевых конструкций. Очень выигрышно смотрятся различные изображения, графики, таблицы.
• Фотогалерея . Для создания наиболее полного представления о предлагаемом продукте стоит разместить на странице его фотографии.

• Преимущества . Чтобы завоевать внимание потенциальных клиентов, уместно дать полную характеристику представляемому товару либо услуге, рассказав о его достоинствах, специфических чертах и уникальности.

• Отзывы клиентов . Эта информация вызывает доверие у пользователей, однако злоупотреблять этим приемом не стоит – для достижения нужного эффекта достаточно поместить на лендинг пейдж всего несколько откликов. Причем этот способ действует при продаже как товаров, так и услуг.
• Призыв к действию . Это один из наиболее важных механизмов продвижения вашей продукции, подробно объясняющий, какие шаги необходимо предпринять, чтобы эту продукцию приобрести.
• Цена . Очень важно создать представление о том, что предлагаемая цена весьма выгодна для покупателя, подчеркнуть, что это недорого, обратить внимание на наличие скидки (например, можно указать старую цену и новую).

• Создание ажиотажа вокруг дефицита товара . В данном случае стоит использовать такие понятия, как спецпредложение, ограниченный выпуск товара, временная бонусная акция и прочее.
• Гарантии . Уверенность клиента в полном сопровождении покупки, его качестве и сертификации, возможности получить обратно потраченные средства способствует его желанию совершить покупку.
• Кнопка . CTA-кнопка должна содержать призыв к конкретному действию, например, купить, получить, установить.
• Бонусы, подарки . Помимо продукта, на продвижение которого направлена лендинг пейдж, можно добавить сопутствующие товары.
• Ответы на часто задаваемые вопросы . Чтобы предупредить возникновение вопросов, стоит выложить на странице справочную информацию, основываясь на том, чем чаще всего интересовались другие покупатели.

Это примерная схема построения лендинг пейдж. В нее можно вносить коррективы в зависимости от целей заказчика и продвигаемой с помощью каждой конкретной стартовой страницы продукции.

• Как создать продающий блог и привлечь 290 тыс. подписчиков

Как происходит разработка лендинг пейдж

Вариант 1. Использование бесплатных образцов и генераторов лендинг пейдж.

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

Вариант 2. Привлечение специалистов.

Чтобы получить хороший результат при невысокой цене, стоит обратиться к специалистам. Разделив между профессионалами (копирайтер, дизайнер, программист и маркетолог) сферы деятельности, можно получить высокоэффективный лендинг пейдж. Однако существует определенный риск, связанный с выбором недостаточно квалифицированных специалистов.

Вариант 3. Обращение в аутсорсинговые агентства.

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

Вариант 4. Введение штатных должностей, ответственных за создание лендинг пейдж.

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

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

С 2012 года и до сегодняшнего дня на постсоветском пространстве огромную популярность получил такой конструктор сайтов, как WIX. Он используется во всем мире и заслужил доверие миллионов пользователей. Данный ресурс помогает быстро и качественно создавать целевые страницы, используя для этого готовые шаблоны, число которых превысило уже 400 образцов.

На WIX созданы все условия для плодотворной работы: уникальные шаблоны, удобный в обращении интерфейс, набор разнообразных необходимых инструментов, в т. ч. и seo-направленности. Помимо востребованного бесплатного сервиса, есть и платные услуги, позволяющие, например, за приемлемую цену отключить всплывающие рекламные блоки. Благодаря генератору WIX можно создать качественные и эффективные лендинг пейдж. Однако у него есть и недостаток – с ним очень сложно сделать сайт, адаптированный под мобильные устройства.

• uKit

Следующий ресурс, достойный внимания – это uKit, созданный теми же разработчиками, что и Ucoz. Здесь также имеется в наличии множество готовых форм и образцов, распределенных на 25 тематических категорий. Из других полезных функций следует назвать возможность создавать внешне схожие страницы, имеющие отличия в контенте, а также способность задействовать разнообразные виджеты. Но особого внимания заслуживает функция «Продвижение», которая в автоматическом режиме проанализирует и вынесет заключение, готов ли ваш лендинг пейдж к запуску. Единственным, что может смутить пользователей, является то, что uKit невозможно бесплатно пользоваться на постоянной основе. Не оплачиваются лишь первые две недели работы – ознакомительный период. Для последующей работы предлагается оплатить услуги по одному из трех существующих тарифов (стоимость варьируется от 200 до 600 рублей).

• lpmotor

Данный генератор предназначен именно для создания лендинг пейдж. Российские пользователи к 2017 году посредством этого конструктора создали около 400 тысяч точек входа. Что касается инструментария и функций, то ресурс предлагает 46 тематических шаблонов, которые можно использовать для создания собственного лендинга с индивидуальным образом.

Также здесь есть инструментарий для детальной проработки всех структурных блоков страницы, таких как основной контент, отклики покупателей, CTA-кнопки и даже синхронизация электронных кошельков. Отдельного упоминания заслуживает автоматическая аналитическая система, которая предназначена для фиксации статистических данных по работе вашего лендинга. Бесплатно здесь вы можете только сконструировать лендинг пейдж, а весь остальной функционал доступен лишь после оплаты по одному из тарифов. Начальный ценовой порог – 300 рублей.

• lpgenerator

Также специализирующийся лишь на создании лендинг пейдж lpgenerator представляет собой программу для профессионалов. Здесь представлено гораздо большее количество шаблонов и возможностей, которые есть как в бесплатном доступе, так и в магазине, где можно приобрести требующиеся инструменты. При обращении к этой программе каждый может спроектировать до 50 стартовых страниц, разместить множество виджетов, привязать несколько кошельков и получать статистические данные. Цены на этом ресурсе на порядок выше, чем на уже упомянутых: от 5 тысяч за стандартный шаблон до 30 и более тысяч рублей за уникальный.

То же самое касается и тарифов: самый бюджетный вариант стоит примерно 1700 рублей. При этом предоставляется бесплатный тестовый период длительностью в неделю.

• Bloxy

Этот конструктор предлагает выбор из 100 разработанных шаблонов. Также вашему вниманию предоставляется несколько уже оформленных образцов. Однако каждый может изготовить лендинг пейдж, исходя из своих целей и потребностей.

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

Выбирать конструктор следует, определившись со своими целями и потребностями. Важную роль также играет бюджет, которым вы располагаете, и ваш уровень владениями информационными технологиями. Исходя из этого, новичкам лучше выбирать конструкторы Wix, uKit и аналогичные им, что же касается профессиональных пользователей, то им подойдут профильные ресурсы образца lpmotor, Bloxy и lpgenerator.

Как протестировать лендинг пейдж и другие страницы сайта

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

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

Сколько стоит лендинг пейдж и от чего зависит цена

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

Самостоятельное создание целевой страницы потребует минимальных затрат. Так, прибегнув к помощи специалиста (копирайтера, веб-дизайнера или программиста) либо взяв за основу уникальный шаблон, вы потратите от 20 до 1000 у. е. (в некоторых случаях больше).

Если вы решитесь заказать точку входа у третьих лиц, то придется быть готовым к ощутимым тратам, поскольку минимальная цена такой работы у фрилансеров колеблется в районе от 100 до 200 у. е., профессиональные студии берут от 1000 у. е., а именитые аутсорсинговые агентства – от 5000 у. е.

Более подробно о расценках на создание интернет-ресурсов рассказывается в нашей статье о создании собственных сайтов.

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

Можно выделить конкретные пункты, влияющие на стоимость работы. К ним относятся:

• необычная структура и уникальный дизайн – примерно 700 у. е.;
• настройка контекстной рекламы – от 100 у. е. в месяц;
• профессионально созданный контент: от копирайтера – 50-100 у. е., от коммерческого писателя – от 1000 у. е.;
• уникальные графические изображения (картинки и иконки) – в промежутке от 100 до 200 у. е.

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

Каким должен быть идеальный лендинг пейдж: 10 правил создания

Чтобы создать лендинг пейдж, приносящий реальный результат, нужно соблюдать ряд правил:

Правило 1. Одна страница – один товар.

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

Правило 2. Конкретный призыв к действию.

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

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

Чтобы призыв не оставлял сомнений, следует придерживаться следующего алгоритма:

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

Правило 3. Яркий и цепляющий заголовок.

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

В качестве яркого примера работающего заголовка можно привести «Мы продаем спокойствие» – слоган, разработанный фирмой по продаже дверей-сейфов. В подобном заглавии сочетается проблема – желание обеспечить безопасность – и ее решение – приобретение двери-сейфа, производимой этой самой компанией.

Правило 4. Главное – контент.

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

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

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

• Нужно проанализировать предполагаемую целевую аудиторию и систематизировать полученные данные, учитывая максимальное количество параметров (в т. ч. половозрастные характеристики, сферу занятости и увлечений, опасения, предпочтения и др.). Эта информация поможет успешно бороться с сомнениями клиентов, обосновывая важность и актуальность покупки для них.
• Необходимо использовать приемы, характерные для диалогической речи: они помогут дольше удерживать внимание клиентов. При этом важно использовать максимально понятный для пользователей язык.

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

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

Правило 5. Правильно подобранный дизайн.

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

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

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

Правило 6. Структура и оформление лендинг пейдж.

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

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

При создании CTA-кнопок лучше использовать яркие цвета (в частности, красный), что повысит конверсию. Сдержанные тона работают хуже примерно на 12-15 %.

Правило 7. Соответствие содержания лендинг пейдж поисковому запросу.

Другими словами, если вы заявили на своей целевой странице, что продаете определенную марку пылесосов и на нее установлена скидка 35 %, то при переходе на сайт клиент должен увидеть именно эту марку пылесосов с названной ранее скидкой.

Правило 8. Четкое обозначение сроков.

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

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

Правило 9. Работа с сомнениями клиента.

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

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

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

Правило 10. Простые и понятные бланки для ввода данных.

Форма для введения данных должна быть предельно проста, чтобы процесс ее заполнения не вызывал трудностей и не отнимал много времени. В противном случае клиент может просто отказаться от приобретения продукции. Разрабатывая лендинг пейдж, стоит помнить о том, что многие пользователи пользуются мобильными устройствами для работы в интернете, а это накладывает определенные ограничения на возможность заполнения объемных анкет. Достаточно будет одного поля для введения телефонного номера клиента – это позволит перезвонить ему позже и получить всю необходимую информацию при личном общении.

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

Мнение эксперта

Без УТП лендинг не работает

Павел Миловидов,

руководитель агентства интернет-маркетинга Directiv

Если вы хотите добиться успеха и увеличить объем продаж, нужно создать свое уникальное предложение, непохожее на уже существующие. Для этого необходимо уместить в небольшой фразе (примерно 6-8 слов) всю сущность вашего торгового предложения. Именно это непосредственно влияет на результаты вашей маркетинговой деятельности.

Существуют три ключевые формулы, использование которых неизменно приводит к достижению желаемых результатов, а именно:

1. Лучшее по цене обычного , например:

• «Профессиональные американские щипцы для волос по цене китайских».
• «Немецкие керамические ножи высокой прочности по цене отечественных».
• «За три дня обеспечим комплектацию и доставку заказа любой номенклатуры по стоимости обычной металлобазы».

2. [Наименование товара], который [называем преимущество] , например:

• «Электрический триммер из Великобритании, который эффективно и быстро решит проблемы вашего сада».
• «Керамические ножи, которые прослужат в два раза дольше обычных».
• «Стальные кейсы для очков Camel Trophy, которые уберегут ваш аксессуар от повреждений в любой ситуации».

3. [Указываем выгоды] за счет [называем преимущество] [товар] , например:

• «Повысьте качество стрижки вашего газона в 2 раза с помощью триммера из Великобритании».
• «Повысьте качество отделочных работ в 1,5 раза с помощью нового лазерного уровня».
• «Упростите работу на профессиональной кухне в 2 раза с помощью пароконвектомата фирмы Unox».

В дополнение к этим правилам следует помнить о том, что необходимо ключевую фразу из УТП размещать как в содержании контента, так и в заголовке вашей лендинг пейдж – т. н. правило «точного вхождения». Этот маркетинговый ход позволяет значительно снизить количество получаемых отказов и увеличить процент конверсии (примерно на 25 %).

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

Продвижение лендинг пейдж : 4 основных способа

В деле реализации товаров и услуг создание лендинга – лишь один из приемов, который также требует продвижения и рекламы. Для популяризации вашего предложения существует несколько способов:

Способ 1. Обращение к PPC-кампании или контекстная реклама.

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

Ситуацию можно рассмотреть на примере двух наиболее популярных в нашей стране провайдеров подобного вида рекламы: Google AdWords и Яндекс.

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

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

Важно, чтобы содержание объявления и текст вашей лендинг пейдж (в т. ч. ключевые слова и фразы, технические характеристики и др.) соответствовали друг другу, ведь именно от этого зависит показатель качества рекламы, который в свою очередь влияет на стоимость и рейтинг ваших объявлений. Причем высокий показатель качества влияет на понижение стоимости услуги и продвижение вашего объявления вверх в рейтинге.

• соотношение количества кликов на объявление и количества показов (CTR);
• соответствие посадочной страницы;
• соответствие рекламного контента;
• соответствие тем устройствам, на которых ее будут просматривать;
• соответствие ключевым словам.

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

Вероятность успеха будет выше, если настроить свои продающие страницы и под сервисы Яндекс.

Важным условием успеха являются ключевые фразы, при введении которых в поисковую строку пользователям будет показано ваше объявление. Максимальные результаты от этого механизма получают те бизнесмены, чьи маркетологи смогли найти ключевые фразы, полностью соответствующие запросам потенциальных клиентов. Здесь очень значима конкретика: чем конкретнее ключевые слова, тем большее количество пользователей вы привлечете.

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

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

Чтобы донести информацию о своем предложении до аудитории, логично обратиться к наиболее посещаемым ресурсам, которыми безусловно являются социальные сети (ВКонтакте, Facebook, Twitter, Одноклассники и пр.). В рекламных сервисах каждой из подобных платформ есть возможность настроить параметры видимости вашего объявления вплоть до указания половозрастных, мировоззренческих, географических, социально-демографических и вкусовых характеристик потенциальных клиентов.

Исследования показали, что количество просмотров у рекламы, размещенной на социальной платформе Facebook, гораздо выше (примерно в 8-9 раз), чем у объявлений, демонстрируемых на обычных веб-сайтах и в мобильных устройствах. Похожие показатели эффективности показывают и рекламные блоки в Twitter.

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

Также вы всегда можете приостановить показ своих объявлений на время, а еще – демонстрировать их как на стационарных ПК, так и на мобильных устройствах.

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

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

Способ 4. Размещение постов в блогах.

Довольно популярный способ продвижения рекламы. Однако прямые ссылки на ваши посадочные страницы не всегда уместны, а потому стоит их размещать в качестве дополнения к основной гостевой статье, в конце или в качестве подписи. Главное, от чего зависит, перейдут или не перейдут по вашей ссылке пользователи, – это качество вашего поста: если материал будет интересным, то вероятность просмотра вашего лендинга увеличится.

• Продвижение бизнеса в интернете: как увеличить клиентскую базу

Как оценить эффективность лендинг пейдж

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

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

В первую очередь стоит обратить внимание на такую характеристику, как конверсия.

Под конверсией принято понимать соотношение общего количества посетителей вашего сайта (в данном случае лендинга) и общего количества посетителей, совершивших призывное действие. Чем выше конверсия, тем больше процент клиентов, а значит и прибыли. Средний показатель конверсии на сайтах, специализирующихся на продажах, колеблется примерно в пределах 8-20%.

Стоит рассмотреть факторы, влияющие на конверсию. К ним относятся:

• качество продукции;
• уровень качества продающего сайта;
• температура клиента.

Что подразумевается под понятием «температура клиента»? В продающей среде температура клиента говорит о том, насколько клиент готов совершить покупку здесь и сейчас. Градация клиентов по этому показателю следующая: холодные (которые не собираются покупать и не поддаются на уговоры), теплые (которые хотят приобрести товар, но имеют сомнения, например, не уверены какого производителя предпочесть) и горячие клиенты, которые готовы совершить покупку по вашему предложению. Это основные категории клиентов исходя из температурного признака. Однако в специализированных источниках можно встретить и другие разновидности.

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

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

В Яндексе существует сервис Wordstat, а в Google – Google Adwords, которые предназначены для сбора статистических данных о работе сайтов и лендингов, а также позволяют производить расчеты конверсии и прибыли.

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

• число посетителей, зашедших на страницу впервые;
• число посетителей, совершивших призывное действие;
• число посетителей, совершивших покупку.

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

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

Среднестатистическая воронка будет выглядеть примерно так:

• общее число уникальных посетителей страницы – 150 человек;
• количество совершивших целевое действие – 30 человек;
• общее количество покупателей – 18 человек;
• общее число повторных продаж – 4;
• число возвратов продукции – 1.

Эту информацию можно оформить в виде таблицы и вывести процентное соотношение:

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

Лучшие лендинг пейдж: ТОП-5

Пример 1. Designedtomove.org.

Сайт Designedtomove.org имеет социальную направленность и создан для привлечения внимания к проблеме значительного снижения двигательной активности в современном обществе. В отличие от привычных лендинг пейдж эта страница не имеет заголовка и цельного информативного контента. Из всех стандартных смысловых частей на ней расположено несколько обтекаемых фраз и две CTA-кнопки: «Просмотреть видео» и «Скачать отчет». При таком несоответствии канонам страница является уникальной и привлекает внимание все большего количества пользователей. Наиболее выигрышно работает призыв «Просмотреть видео», который привлекает внимание 99% посетителей, предпочитающих начать знакомство с лендингом именно с него, а не с сухих статистических данных отчета. Но видео снято так, что не оставляет зрителей равнодушными, побуждая их нажать и вторую кнопку действия. Таким образом, можно говорить о высокой эффективности этой посадочной страницы.

Пример 2. Интернет-магазин плюшевых медведей (http://medvedy.com).

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

Пример 3. Производство и монтаж деревянных окон (http://goodwin-nnov.ru/).

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

Пример 4. Страхование КАСКО (http://простокаско.рф).

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

Пример 5. Франшиза развлекательных аквариумов-автоматов (http://morewishes.ru).

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

Информация об экспертах

Игорь Комов , основатель и арт-директор компании Alchemia. Игорь Комов окончил Московский архитектурный институт по специальности «дизайн архитектурной среды» в 2007 году. С 2007‑го по настоящее время - руководитель дизайн-студии VANE и арт-директор Alchemia. Alchemia - производитель дизайнерских ювелирных изделий. Бренд создан в 2007 году. В штате десять человек.

Павел Миловидов, руководитель агентства интернет-маркетинга Directiv. Directiv - сертифицированное интернет-агентство, которое специализируется только на сложных рынках. Помогает производителям и оптовикам находить клиентов через интернет там, где через интернет не покупают. Основано в 2006 году. Штат - 26 человек.

12 сентября 2016

Эффективная посадочная страница (landing page) — чудо инженерной мысли, невероятный конструкторский проект, где нет ничего лишнего и все сделано для того, чтобы человек мог быстро получить полезную ему информацию и совершить нужное вам действие. Скажу сразу, что нет универсального ответа, как сделать на 100% успешный лендинг. Вы можете для начала постараться не повторять ошибок других и тестировать, тестировать, тестировать!

Сегодня мы поговорим о следующих вопросах:

1. Размер шрифта
2. Акценты
3. Типы шрифта и их разнообразие
4. Длина строк и верстка
5. Заголовки
6. Размер блоков текста и их компоновка
7. Иллюстрации
8. Иконки и списки
9. Фон и цвет шрифта
10. Психология цвета

Мало кто задумывается о том, что успешность посадочной страницы (мы говорим не только о landing page) зависит не только от верного маркетингового предложения, точного попадания в ЦА и правильного контента, но и от грамотного оформления. У вас есть всего несколько секунд, чтобы произвести хорошее впечатление на потенциального покупателя и «зацепить» его. Если точно - 5 секунд.

Какой размер шрифта лучше?

В веб-дизайне размер шрифта имеет значение как нигде. Человек оценивает степень удобства только по своим ощущениям и моментально закрывает страницу, написанную очень мелкими буквами. Он делает это, потому что уверен: он обязательно найдет нужную ему информацию в приемлемой форме. Глупо терять клиента из-за того, что он решил не напрягать глаза.

Размер экранного шрифта измеряется в нескольких вариантах единиц: пикселях (px), процентах (%) и ems (em). Px - самая известная и старая единица измерения, которая, в отличие от % и em, не дает возможности масштабировать текст для чтения на различных экранах, т. е. это абсолютный размер шрифта, и пользователь не сможет его адаптировать под свои вкусы и предпочтения.

Когда-то стандартным для всех сайтов был размер 12 px, но со временем стало понятно, что для экранов он мелковат, и от него отказались в пользу более крупного шрифта. Сегодня в ходу шрифт не меньше 14-16 px или его аналог в em и %.

1 em = 16 px = 100% Times New Roman (serif).

Обратите внимание, что не все шрифты имеют одинаковый размер: 16 px Arial больше, чем например версия 16 px Trebuchet.

16 px - это оптимальный размер, потому что набранный им текст на экране выглядит примерно так же, как текст, напечатанный в качественной книге (мы не берем карманные форматы и т. д.). И он отлично подходит для людей, имеющих проблемы со зрением, или тех, кто старше 40 и видит уже не так хорошо, как в 20. Например, текст, который вы сейчас читаете, - это Arial 16 px. Если вы распечатаете листок бумаги с шрифтом 10 px и поместите рядом с экраном, то увидите, что размеры шрифтов будут одинаковые. Так что мой выбор это 16 px. Отдельные, не значимые куски текста можно делать 14 px. Многие используют в качестве основного шрифта 14 px, это допустимый вариант, но если ваша ЦА старше 40 лет, то я бы точно выбрал 16 px.

Кроме того, имеет смысл специально увеличить шрифт, если предлагаете читателю «простыню» - это снизит нагрузку на глаза и не позволит человеку сдаться на середине текста. Вы могли заметить, что большинство «читалок» предлагают более крупный шрифт, чем сайты.

Как привлечь внимание к заголовкам?

Заголовки и подзаголовки должны четко отличаться по размеру и сразу бросаться в глаза: шрифт должен быть контрастным по отношению к остальной массе текста. Это нужно для того, чтобы быстро сориентировать пользователя, показать ему все самое важное, привлечь его внимание, «зацепить» и заставить остаться.

Для контрастности смело выделяйте заголовки другим шрифтом (кстати, в них допустимо использование шрифтов с засечками). Обязательно берите для заголовков больший шрифт - это привлечет к ним дополнительное внимание.

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

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

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

Пример того, как делать не надо. Заголовок и подзаголовок написаны прописными буквами.

Подчеркивание в заголовках допустимо только в том случае, если это линк.

Например, так:

Можете экспериментировать с цветами и эффектами (инверсия, цветная плашка и т. д.).

Применяйте в заголовках кавычки - они привлекают взгляд.

Но лучше любой типографики заголовок выделит хороший копирайтинг. Почитайте пару книг и дерзайте! Вот несколько советов:

Заголовок или подзаголовок в форме вопроса вызовет интерес у читателя.

Заголовок должен быть не длиннее 140 символов.

Заголовок может быть усилен подзаголовком, раскрывающим некоторые детали.

Какой шрифт выбрать?

Традиционно для веб применяют шрифты, у которых отсутствуют насечки (шрифты семейства sans-serif, или «рубленые»): Tahoma, Arial, Verdana, Trebuchet и аналогичные. Зачем это нужно? Чтобы избавить читателей вашего текста от «лесенок» по краям символов, которые появляются на экранах с низким разрешением.

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

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

Лайфхак: если вы присмотрели какой-то сайт, где вам нравится шрифт, но вы не можете его распознать, зайдите в секретную библиотеку - там есть ссылка на полезное приложение, которое позволит получить всю нужную информацию. (приложение WhatFont для Google Chrome)

Как правильно расставлять акценты

Всегда помните, что пользователь читает не более трети созданного вами контента, поэтому помогите ему сразу найти нужное! Самый простой способ обратить на что-то внимание человека внутри основной массы текста - выделить это с помощью:

полужирного написания (bold),

• НАПИСАВ ВЕРХНИМ РЕГИСТРОМ (ПРОПИСНЫМИ),

  выделив другим цветом.

Полужирное написание

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

Курсив

Курсив в веб - зло. Думаю, вы уже догадались почему. Если нет, вернитесь к разделу про типы шрифта. Курсив создает те самые «лесенки». Если берете курсив, то следите за размером: нет ничего хуже мелкого курсива. Я считаю, что курсив в веб уместен только в оформлении цитат.

Немного о ВЕРХНЕМ РЕГИСТРЕ

Можно, но не злоупотребляйте! Выше я говорил, как наш мозг реагирует на предложения, полностью написанные прописными буквами. Но есть еще один важный аспект. Текст, полностью написанный заглавными буквами, в интернет-среде означает крик. Если в тексте встречается предложение, написанное прописными, - вы его прокричали! Подумайте, уместен ли «повышенный тон» в конкретном случае.

Разряжение

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

Подчеркивание и Ссылки

Хотите подчеркнуть? Только ссылку! Если на сайте есть некликабельный подчеркнутый текст, вы облажались. Убирайте! В веб этот вид выделения принадлежит гиперссылкам. Традиционно гиперссылки оформляются как выделенный голубым подчеркнутый текст. Это устоявшийся в интернете стандарт, и я не рекомендую менять его без веских на то причин. Выделенная другим цветом ссылка выглядит странновато и непонятно. Даже Google и «Яндекс» оставили их именно в таком варианте, хотя могли бы позволить себе задать новую моду.

Обратите внимание, что иногда (раньше так было в обязательном порядке) цвет ссылки меняется на фиолетовый, если пользователь уже прошел по ней. Ниже приведен пример того, как может раздражать цветная гиперссылка в фиолетовых тонах: я не кликал по линкам, а они намекают на обратное.

Типичной ошибкой является оформление ссылок в корпоративных цветах компании.

Как правильно оформить Call To Action?

Обратите особое внимание на оформление Call To Action. Если вы призываете кого-то «купить сейчас» или «запустить бесплатную пробную версию», убедитесь, что вы используете цвета, которые будут привлекать внимание людей и мотивировать их к действию. «Кнопка» должна быть яркого и контрастного цвета.

Что касается расположения Call To Action, то он всегда есть на первом экране и в конце страницы и может несколько раз повторяться в тексте (это зависит от длины страницы).

Вот некоторые правила оформления «кнопки»:

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

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

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

А тут кнопка «Купить» красного цвета, как и кнопка «Найти», не считая того, что логотип имеет более насыщенный цвет. Это так же не удачный вариант.

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

Длина строк и верстка: главные правила

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

Забудьте о том, чтобы дать человеку право выбора («что бы еще тут почитать»), - ведите его по нужной вам тропинке, предугадывая и контролируя каждый его шаг. Это возможно только при оформлении контента в одну колонку. Несколько колонок допустимы только тогда, когда вы хотите подчеркнуть разницу предложений.

Ниже приведены два примера. Если абстрагироваться от специфики услуг, то сайт «Собери постель» при прочих равных будет эффективнее, потому что клиент быстро совершит целевое действие. Ему все разложили по полочкам и не дают возможность остаться наедине со своими размышлениями. «Клиника Маршака», наоборот, предоставляет человеку как минимум два текстовых блока, конкурирующих за внимание.

Трехколонная верстка, как в примере с клиникой, - путь в никуда, который уместен только для бескрайних просторов интернет-СМИ, которые «продают» своему читателю пару десятков баннеров на каждой странице.

Верно: Не верно:

Оптимальная длина строки (независимо от типа страницы) - от 50 до 70 знаков. Текстовые колонки, ширина которых превышает это значение, читаются с экрана крайне сложно. С другой стороны, если строки очень короткие (меньше 20 знаков), а текста много, это также будет раздражать читателя - очень часто приходится переводить взгляд.

Проблема длины строк становится еще более актуальной с появлением адаптивной верстки и требует от разработчика аккуратности и внимательности: разбег размера экрана сегодня варьируется от 5’’ до 55’’.

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

Выравнивание по центру допустимо только в широких колонках, иначе вы получите разное количество символов в строке и разряженный текст. Подобное выравнивание, выхватывающее человека из привычной зоны комфорта (когда все ровняется по левой стороне), может быть вам на руку: оно привлечет дополнительное внимание к тому, что вы пишете. Но не переусердствуйте: 5 строк в блоке с выравниванием по центру, не больше!

Как оформить текстовый блок?

Структура любой страницы состоит из блоков. Их количество и наполнение зависят от целей сайта.

Правило одно: текстовый блок не должен быть больше экрана - каждая мысль, которую вы хотите донести до человека, должна умещаться на одной странице без скролинга. Размер высоты экрана выбирайте сами, исходя из того, какие экраны в приоритете у вашей ЦА, - смотрите аналитику.

Обратите внимание, что россияне стали заходить в интернет через мобильные устройства чаще (51%), чем через обычные компьютеры. Смартфоны и планшеты - совершенно другой тип экрана, поведения и мышления пользователя! Порой специальная посадочная страница для мобильных устройств дает большую конверсию, чем просто адаптированная верстка.

Что касается компоновки картинки, заголовка и блока, то тут есть много вариантов, но вот три классических.

Картинка слева , блок с заголовком и текстом справа. Очень удачный вариант: картинка привлекает внимание к тексту (eye catch).

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

Картинка сверху , заголовок и текст внизу - неплохой вариант, когда надо «показать товар лицом».

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