10 ошибок мобильной версии сайта

10 ошибок мобильной версии сайта
178

GeniusMarketing – ведущая в Украине образовательная компания для предпринимателей, а также организатор самой масштабной конференции по интернет-маркетингу в Восточной Европе – Лаборатории Онлайн Бизнеса. Основатель проекта, Олесь Тимофеев делится с читателями business.ua трендовыми инструментами для привлечения клиентов из интернета.

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

Многие предприниматели допускают грубые ошибки, теряя при этом клиентов на ровном месте:

Ошибка 1. Кривые шрифты

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

Обязательные параметры:

  • размер текста от 16 px;
  • отступ сверху, снизу и по краям от 15 px;
  • межстрочный интервал от 1 px.

Допускается использование до 3-х видов шрифта на одной странице. Если больше, это уже значительно влияет на скорость загрузки. Оптимальные варианты: Arial, Open Sans, PT Sans.

Каждый выбранный шрифт должен выделяться на фоне и легко читаться с мобильного устройства:

Ошибка 2. Кнопки, на которые невозможно нажать

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

В саму кнопку нужно добавить призыв к действию. Это один из триггеров, влияющих на конверсию. Кстати, тема наполнения Landing page стала одной из самых востребованных на Лаборатории Онлайн Бизнеса в прошлом году.

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

Ошибка 3. Контакты нельзя использовать по клику

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

Например, номер телефона, на который можно нажать и сразу позвонить в компанию:

Или кнопки мессенджеров:

Ошибка 4. Долгая загрузка сайта

Современные пользователи интернета готовы ждать не более 3-х секунд. За это время сайт должен полностью загрузиться на любом устройстве. Если страница грузится даже на 1 секунду дольше, это сокращает конверсию на 7%. А если более 10 секунд – конверсия падает на 40%.

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

Ошибка 5. Тяжелые изображения

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

Сервис Optimizilla – отличный инструмент для таких целей. С его помощью можно сделать изображение легче на 75%.

Ошибка 6. Переадресация на главную страницу

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

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

Ошибка 7. Отсутствие кнопки перехода на полную версию

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

Ошибка 8. Контент, который не отображается на смартфонах

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

  • YouTube;
  • Rutube;
  • Vimeo.

Ошибка 9. Отсутствие автозаполнения стандартных полей

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

Чтобы настроить автозаполнение, нужно прописать в HTML-код следующие пункты:

Ошибка 10. Длинные формы заказов

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

Правильная форма состоит максимум из 4-х полей:

Адаптивные версии продающих сайтов и мобильный маркетинг – это тенденции современного бизнеса. Их внедрение поможет повысить количество клиентов и увеличить прибыль. А чтобы получить значительный результат, нужно использовать как можно больше актуальных трендов 2018 года одновременно. Лаборатория Онлайн Бизнеса – отличная возможность отследить все нужные тенденции и поработать с ними в окружении 3 000+ успешных предпринимателей.