10 способов конвертации мобильного трафика

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

Несомненно, красочный и привлекательный дизайн вызывает «wow-эффект», но нередко отвлекает внимания мобильных пользователей. Более целесообразно размещать на главной странице наиболее популярные товары, что позволит сократить конверсионный путь за счет устранения этапа, на котором потребитель прочитывает контент домашней страницы и кликает на CTA-кнопку.

Рассмотрим пример такой оптимизации:

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

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

Есть 2 способа сделать оформление покупки более целостным:

1. Разделить процесс на несколько этапов и разместить их на одной странице при помощи jQuery.
2. Сделать чекаут одностраничным.

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

В данном случае все элементы размещены на одной странице с несколькими экранами.

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

По опыту автора этой статьи, эксперта оптимизации конверсии Энди Ханта (Andy Hunt), описанные в данном пункте доработки увеличивают выручку интернет-магазинов с 10 до 40%.

Всем маркетологам известна простая истина: чем меньше полей в форме, тем выше показатель ее конверсии.

Так например, в случае с мобильными формами заказа наиболее целесообразно убирать элементы регистрации аккаунта, т.к. они отвлекают от основной цели чекаута.

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

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

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

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

Текст основного CTA-элемента был изменен с «Чекаут» (Checkout) на «Чекаут в 1 шаг» (1-Step Checkout).

Согласно результатам одного из последних тестов Ханта, изменение заголовка CTA-кнопки в среднем увеличивает ее CTR на 15% и общий показатель преобразования на 10%.

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

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

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

Давайте разберем на примере:

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

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

На странице отображается всего 2 модели шорт — для просмотра остальных, пользователь должен кликнуть на красную кнопку «Показать все».

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

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

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

Существует 2 способа решения этой проблемы:

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

Ниже представлено многоуровневое меню, являющееся примером второго варианта.

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

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

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

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

Даже короткая загрузка негативно влияет на конверсию (особенно мобильную) — если картинки грузятся дольше 1-2 секунд, следует работать над ускорением их отображения.

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

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