4 эффективных решения для мобильных лендинговых страниц

4 эффективных решения для мобильных лендинговых страниц

Давайте поговорим об общей проблеме всех маркетологов.

Мобильные версии практически всех сайтов далеки от идеала.

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

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

2

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

3

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

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

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

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

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

Как же мы пришли от «адаптивность – единственное решение» к «адаптивность губительна»? Может быть, несколько лет назад мы были введены в заблуждение? Неужели мы так мало знали о мобильном интернете?

Не совсем.

Вся суть, которая ведет нас к тому самому «важному моменту» — оптимизация это не просто путь от А до Б. Это скорее путь от А до Я.

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

See-forest-trees1-568x379

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

Я хочу предложить вам прекратить попытки оптимизации в диапазоне от А до Д и перейти сразу на уровень… П.

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

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

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

Талия Вульф, основатель Banana Splash, называет этот процесс «шорткаттингом» (от англ. shortcut – кратчайший путь), и я рад поделиться с вами идеями изменений, которые принесут поразительный результат.

1. Кнопка немедленного звонка

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

Исследования Google приводят следующие данные:

  • 42% пользователей пользуется кнопкой немедленного звонка
  • 94% испытывают потребность связаться с компанией напрямую
  • 72% подобных звонков длятся более 30 секунд

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

С какими целями люди звонят в компании

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

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

Этап, на котором важна возможность позвонить в компанию

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

Возможно, ранее вы сталкивались с исследованием компании String Automotive, которая тестировала различные способы оптимизации сайта. Внедрение кнопки звонка на 200% повысило количество запросов подробной информации.

Anatomy-of-an-Effective-Landing-Page-Infographic-680x1024-283x426

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

Но исследование String Automotive может рассказать нам еще о нескольких способах оптимизировать сайт, например…

2. Кнопка раскрытия информации

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

С какой целью человек заходит на страницу сайта по продаже машин?

  • Человек хочет узнать о машине больше
  • Человек сравнивает цены или наличие товаров
  • Человеку интересно протестировать машину лично
  • Человек изучает местные сайты с целью покупки машины

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

В String Automotive понимают, что раз человек зашел на их сайт с телефона, он ищет конкретную информацию, у него в голове есть цель.

И именно здесь в игру вступают кнопки раскрытия информации.

pasted-image-0-25-1

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

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

В то же время, мы знаем, что чаще всего пользователи не хотят прокручивать страницу, они хотят НЕМЕДЛЕННОГО ДОСТУПА К ИНФОРМАЦИИ. Вместо того, чтобы вынуждать их прокрутить (или, что более вероятно, закрыть) страницу, чтобы получить информацию, добавьте кнопку разворота, которая приведет человека к нужному месту на странице.

Введение двух таких кнопок в Sling Automotive, сократило показатель отказов страницы на 37%.

3. Закрепленные заголовки и колонтитулы

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

SecondIphoneGif-2

Исследование издания Smashing Magazine показало, что закрепленная навигационная панель помогала пользователям найти то, что они искали, на 22% быстрее. Это отличный показатель, учитывая тот факт, что быстрый поиск информации сейчас у пользователей в приоритете. То же самое исследование дало удивительный результат – 100% пользователей отдало предпочтение сайтам с закрепленными навигационными панелями, иногда даже не понимая, чем именно они лучше других.

Также веб-дизайнеры Джоэль Харви и Брайан Мэсси из Conversion Sciences обнаружили, что внедрение закрепленных заголовков и колонтитулов увеличивает количество покупок на сайте. Почти каждый из тестирующих данный способ оптимизации отмечал позитивные изменения. Разумеется, у каждого правила есть исключения, но этот способ определенно стоит того, чтобы попробовать.

4. Мобильные всплывающие окна

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

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

С момента внедрения всплывающего окна с просьбой оставить адрес электронной почты в конце страницы, сайт Next Web увеличил конверсию на 42%.

pasted-image-0-29-1

По данным Талии Вульф и команды Banana Splash, количество регистрирующихся на сайте GoEco благодаря всплывающим в мобильной версии окнам увеличилось на 150%.

pasted-image-0-30-1

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

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

Мобильные всплывающие окна – хороший способ добавить на каждую страницу интуитивный «следующий шаг».

Как внедрить эти решения на свою лендинговую страницу

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

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

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

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

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

Вывод

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

Вот четыре усовершенствования, которые, по данным исследований, являются довольно эффективными:

  • Кнопка немедленного звонка
  • Кнопка раскрытия информации (быстрый переход)
  • Закрепленные заголовки и колонтитулы
  • Мобильные всплывающие окна

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

Пробовали ли вы внедрять стратегии, о которых я рассказал в статье? Насколько эффективными они оказались? Делитесь своим опытом!