1. Website Planet
  2. >
  3. Блог
  4. >
  5. 7 идей оптимизации вашего лендинга под мобильные устройства

7 идей оптимизации вашего лендинга под мобильные устройства

Хендрик Хьюман
Хендрик Хьюман
27 Января 2019
42

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

Около 63,5% (или 1,8 млрд. долл. США) продаж в электронной коммерции совершаются с мобильных телефонов или планшетов. И ожидается, что эта цифра будет только увеличиваться.

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

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

#1: Делайте контент кратким и вкусным

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

Его слишком много

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

Он увеличивает время загрузки

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

Это мешает целевому действию

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

7 идей оптимизации вашего лендинга под мобильные устройства

#2: Масштабируйте свои изображения

Удивительно, но все еще можно встретить много лендингов с недоработанными изображениями. Мало того, что мобильные экраны намного меньше мониторов, они еще и вертикальные, а не горизонтальные.

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

  • У вас есть версии ваших изображений с альтернативными размерами, ИЛИ что ваши текущие изображения выглядят приемлемо на мобильных экранах
  • Наиболее важные (или более привлекательные) части изображений видимы при обрезке
  • Изображение четкое, разрешение изображения соответствует экрану
  • Весь графический контент визуально сочетается с остальным контентом и общим корпоративным стилем
  • Размер изображения максимально мал, чтобы избежать снижения производительности, т. е. скорости загрузки (см. выше)

#3: Используйте крупные кнопки

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

Меньшая точность

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

Интуитивные действия

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

Случайные нажатия

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

 

#4: Воспользуйтесь преимуществами мобильной платформы

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

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

#5: Упрощайте формы

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

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

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

#6: Тестируйте, тестируйте и еще раз тестируйте

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

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

#7: Используйте правильный конструктор лендингов

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

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

Лендинги, созданные для ваших клиентов, где бы они ни находились

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

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

С учетом всего этого остается только один вопрос: могу ли я упустить эту возможность? Разумеется, вы ответите “нет”.

Изображения любезно предоставлены:

Коротко и ясно: https://landerapp.com/blog/are-you-ready-to-jump-to-mobile/

Интерфейс для сенсорных экрнов: https://pixabay.com/en/the-mobile-unit-smartphone-1593989/

Тестирование: https://www.wordstream.com/blog/ws/2014/03/10/mobile-landing-pages

Конструктор с оптимизацией под мобильные устройства: https://www.pagewiz.com/?a=140

42 аплодисментов
Если публикация показалась вам полезной, подарите ей свои аплодисменты!

Комментарии?

0 из минимум 100 символов
Обязательное поле Maximal length of comment is equal 80000 chars Минимальная длина комментария равна 100 символам

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

Поделитесь этой статьей с друзьями и коллегами прямо сейчас:

We check all comments within 48 hours to make sure they're from real users like you. In the meantime, you can share your comment with others to let more people know what you think.

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

Как здорово, что вам понравилось!

Поделитесь с друзьями!

© 2019 WebsitePlanet.com. Все права защищены.