Прокрутите, чтобы узнать больше

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

1. Ускоряем время загрузки страницы

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

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

Существуют общие принципы, которые могут помочь большинству арбитранов:

1) Используйте хорошо закодированные решения

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

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

2) Оптимизируйте визуальные элементы

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

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

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

3) Используйте CDN

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

4) Не перегружайте лендинг контентом

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

Если вы видите, что ваш лендинг долго загружается — пересмотрите количество контента на странице. Кстати, в статье о важности скорости загрузки, о которой мы уже упоминали, мы рассказывали, что более 50% опрошенных Unbounce пользователей заявили, что они готовы отказаться от анимации и видео ради более быстрой загрузки страницы, а около 24% респондентов могут обойтись и без фотографий. Так что делаем выводы!

2. Используйте одиночные столбцы

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

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

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

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

4. Функция «нажми, чтобы прокрутить»

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

5. Липкие колонтитулы

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

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

Вообще, 4 и 5 совет отлично работают в связке, как показано на гифке ниже:

6. Используйте гео-таргетинг

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

7. Телефоны предназначены для звонков

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

· 42% пользователей, искавших информацию в сети, воспользовались функцией «звонок в один клик», чтобы связаться с менеджерами компании;

· 94% из них действительно необходимо было поговорить с представителем фирмы;

· 72% подобных разговоров имели продолжительность более 30 секунд.

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

8. Не все размеры экранов одинаковы

Думаем, все это понимают, но на всякий случай напомним. Айфоны и телефоны на Андроидах имеют разные размеры экранов, это касается и Айфон 5, и Айфон Х.

9. Не используйте слишком длинные формы

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

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

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

1) Автозаполнение

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

2) Двухступенчатая регистрация

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

10. Используйте тезисы, вместо развернутых предложений

Если у вас есть группа критериев, функций или преимуществ, вам следует рассмотреть возможность использования тезисов:

· они экономят пространство,

· они привлекают внимание,

· они хорошо запоминаются.

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

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

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