Mobile-friendly: как продавать товар посетителям со смартфонами?

Мобильная версия становится обязательной для каждого онлайн-магазина. Как подружить свой магазин с мобильной поисковой выдачей и что учитывать, чтобы не отпугивать клиентов со смартфонами?

Согласно статистике Liveinternet, в январе 2017 более 63% пользователей заходили на сайты с мобильных устройств на Android и iOs, и эта цифра растет с каждым месяцем.

Исследования Google говорят о том, что 94% пользователей смартфонов в США ищут локальную информацию с помощью своих телефонов, при этом 77% поисковых запросов происходят в то время, когда пользователи находятся на работе или дома, т.е. рядом с полноценными ПК.

Согласно другим исследованиям, которые проводила компания Ericsson, количество пользователей смартфонов к 2019 году увеличится в 2,2 раза, а трафик, который генерируется с мобильных устройств, возрастет в 6 раз.

Потенциальные покупатели все чаще используют мобильные во время поиска и заказа товаров: по статистике крупнейших онлайн-маркетплейсов Prom.ua и Tiu.ru, почти треть покупателей заходит на сайты онлайн-магазинов со смартфонов, а самую высокую конверсию в заказы показывают планшеты.

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

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

Mobile-friendly алгоритм от Google

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

Как проверить свой сайт на мобильную адаптивность?

Специальный сервис от Google поможет понять, оптимизирован сайт или нет, а также получить рекомендации по оптимизации.

Как сделать мобильную адаптацию сайта?

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

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

Задумавшись о “дружбе с мобайлом”, решите, чего именно вы хотите.

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

  • Мобильная версия: некоторые части сайта не загружаются (впрочем, не в ущерб функциональности и абсолютной информативности), благодаря чему сайт значительно быстрее грузится. Именно такой вариант, в частности, предлагают клиентам маркетплейсы Prom.ua, Tiu.ru, Satu.kz, Deal.by.

  • Мобильное приложение: отдельное приложение, посвященное магазину, безусловно, очень удобно для пользователей. Но такая роскошь не всегда доступна обычному онлайн-магазину, мобильные приложения, как правило, разрабатывают только монстры. В этом смысле опять-таки можно упомянуть магазины, размещенные на маркетплейсах: крупный игрок, разрабатывая мобильное приложение, предоставляет все его преимущества и магазинам, размещенным на маркетплейсе. В частности, мобильное приложение Prom.Покупки активно развивается у Prom.ua.

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

Развивайте мобильное направление, и пусть ваша прибыль растёт!