Зачем и как адаптировать сайт под мобильники
21 сентября 2016, Александр Марфицин

Как и зачем адаптировать интернет-магазин под смартфон (+ статистика мобильных продаж)

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

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

Почему и как растёт мобильная торговля

Смартфоны и планшеты меняют привычки людей

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

По данным J’son & Partners Consulting, в России увеличиваются продажи смартфонов — так, в первом полугодии этого года в нашей стране продано 11,2 млн смартфонов против 10,6 млн годом ранее. Растут и мировые продажи — 694 млн против 667 годом ранее.

mobile-friendly4

Мобильный трафик занимает значительную долю в трафике крупных интернет-магазинов. При этом, у российского рынка мобильной коммерции есть потенциал роста. Статистику по некоторым крупным российским игрокам приводит эксперт Алексей Петровский из Price.ru — у «Юлмарта» 23% пользователей посещают сайт с мобильных платформ, у «М.Видео» — 26%, у WildBerries и «Евросети» этот показатель составляет 29%. У западных площадок посещения с мобильных устройств уже стали основным каналом трафика — у Amazon и eBay 51% мобильных визитов, у Walmart 63%.

Эксперты отмечают хорошую динамику развития m-commerce в России. Так, директор по электронной торговле «Техносилы» Максим Шелуханов уверен, что российский рынок скоро догонит западные.

Люди привыкают платить со смартфонов

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

Доля покупок с мобильных устройств среди всех цифровых платежей в России составляет 23%. Причем, большинство покупателей используют для выбора товаров смартфоны: 53% против 47%, отдающих предпочтение шопингу с планшетов (исследование Criteo). Среди операционных систем лидирует iOS: 53% потребителей совершают покупки с Айфонов и Айпадов.

Активно покупают с мобильных устройств пользователи с доходом выше 100 тысяч рублей — это значит, что оплатой со смартфонов пользуется платёжеспособная аудитория (отчёт Data Insight).

Со смартфонов покупает платежеспособная аудитория: владельцы Айфонов и пользователи с доходом выше 100 тысяч рублей

Мировой рынок m-commerce опережает рост рынка e-commerce — 42% против 13% по прогнозам на конец 2016 года.К в 2018 году мобильные расходы пользователей вырастут до 600 миллиардов долларов, что в 3 раза выше, чем в 2015 году. Больше всего мобильных покупателей в Китае, ОАЭ и Турции, а по темпам роста выделяются страны Европы и тот же Китай.

Производители смартфонов и операционных систем внедряют в устройства мобильные платёжные системы. Вставляют в смартфон специальный NFC-чип и устанавливают приложение для добавления банковских карт — вместе это платёжная система.

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

Например, так работает платёжная система Apple Pay:

Важно, что с помощью мобильных платёжных систем можно оплачивать и покупки в обычных магазинах, и товары в интернете. К примеру, система Apple Pay для Айфонов и Айпадов позволяет оплачивать покупки прямо в браузере Safari.

Скоро такие платёжные системы появятся и в России — Apple осенью планирует запустить у нас Apple Pay. Те же планы есть и у Samsung с платёжной системой Samsung Pay. Весной сообщалось, что к концу года в России заработает и Android Pay.

Оплата покупки с помощью платёжной системы Apple Pay на Айфоне. Источник: Apple.com

Оплата покупки с помощью платёжной системы Apple Pay на Айфоне. Источник: Apple.com

Россияне привыкают оплачивать покупки со смартфонов. Отчёт DataInsight показал, что мобильное приложение банка — один из самых быстрорастущих способов оплаты в интернет-магазинах (36%). Растут и платежи с помощью счёта мобильного телефона (на 30%) и SMS-сообщений (на 25%).

По опросу Data Insight, 64% респондентов совершали хотя бы один платёж с мобильного устройства за месяц, 79% установили минимум одно приложение для покупок, а 66% использовали такие приложения за последнюю неделю. Это говорит о востребованности мобильной оплаты у пользователей.

Основатель рекламной сети Unilead Дмитрий Семенов утверждает, что в 2016 году мобильные продажи во всем мире и в России станут мейнстримом. «Как показывает практика, не успевшие стать мобильными просто исчезнут. Мобильные устройства и приложения изменили весь мир. Теперь они меняют и торговлю», — добавляет эксперт.

Павел Быков, руководитель отдела маркетинга компании eSolutions/eTraction заявил, что в России наблюдается тренд на мобильные продажи — «они растут и растут заметно». «В среднем, если делать атрибуцию по последнему устройству, сейчас на мобильные продажи приходится около 20% рынка, а если учитывать кросс-девайсную авторизацию, то 40%», — заканчивает Павел.

Адаптация под mobile увеличивает конверсию

Конверсия адаптированных под мобильные устройства сайтов в среднем на 15% выше, чем у тех, которые не адаптированы. Для отдельных сайтов рост конверсии после адаптации сайта доходит до 50%. Сама конверсия с мобильных версий сайтов выше — у них она составляет 1,87% против 1,64% десктопных версий тех же сайтов (исследование Google Russia).

15% — средний рост конверсии сайта после адаптации под мобильники

В некоторых сегментах эта разница проявляется ещё сильнее: так, у автодилеров конверсия с mobile-friendly сайтов составляет 2,52%, у неадаптированных — 1,68%. В сегменте медицины и фармацевтики это 4,44% для мобильных и 3,6% для немобильных сайтов.

Дружелюбный для мобильных устройств сайт улучшает ранжирование в поиске

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

mobile-friendly3

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

Три основных формата: адаптивная вёрстка, мобильная версия сайта и мобильное приложение. Я собрал комментарии экспертов и примеры адаптации, чтобы вы могли выбрать оптимальный вариант для своего интернет-магазина (или несколько, одно другому не помешает).

Адаптивная вёрстка

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

Алексей Турцев, директор агентства ARTW отметил, что «выбор между адаптивным дизайном сайта или мобильным приложением продиктован частотой повторных продаж — не многие пользователи станут устанавливать мобильное приложение ради разовой покупки».

По его мнению, «продуманная адаптивная версия интернет-магазина показывает конверсию в продажи свыше 2%, что превосходит средние показатели в данной тематике. Более того, конверсия на смартфонах превышает конверсию на десктопных устройствах, что ярко иллюстрирует тезис о необходимости работы с мобильной аудиторией».

Маркетолог Ольга Нерода в той же статье рассказывает о планах интернет-магазина «Живой кофе»: «С введением удобной адаптивной версии планируем увеличить количество мобильных посещений до 50% и снизить показатель отказов при переходе с гаджетов. Ассортимент нашего магазина небольшой, товар не требует долгой аналитики или больших ярких картинок, поэтому цифра вполне реальна».

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

Интернет-магазин студии Холмы на десктопе

Интернет-магазин Студия Холмы на десктопе

Интернет-магазин Студия Холмы на экране телефона

Интернет-магазин Студия Холмы на экране смартфона

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

Мобильная версия сайта

Мобильная версия — специальная версия сайта для смартфонов и планшетов. В отличие от адаптивной вёрстки, мобильная версия имеет отдельную страницу (как правило m.site.com или pda.site.com) и корректно отображается только на мобильных устройствах.

Мобильная версия интернет-магазина «Техносила»

Мобильная версия интернет-магазина «Техносила»

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

Мобильную версию стоит делать, только если поведение и цели пользователей мобильных устройств значительно отличаются от пользователей ПК

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

Мобильное приложение

Мобильное приложение — это программа, которая устанавливается на смартфон (как правило, на базе операционных систем iOS или Android). Распространяются через специальные магазины приложений — App Store для iOS и Google Play для Android. В приложениях больше функций, что упрощает покупки. Но приложения стоят дороже адаптивной вёрстки и мобильных версий.

Приложение AliExpress для Android

Приложение AliExpress для Android

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

Основатель мобильной рекламной сети Unilead Дмитрий Семенов отмечает: «В потреблении медиа приложения давно победили сайты. То же верно и для электронной торговли. Адаптации сайта магазина для мобильных устройств уже недостаточно. Приложения могут стать самым эффективным каналом продаж в силу своей нативности, доступа к функциям, удобства и скорости работы».

Приложения могут стать самым эффективным каналом продаж: они нативны, удобны, работают быстро и могут использовать функции смартфона

Мобильные приложения используют крупные игроки, вроде маркетплейсов Amazon, eBay, AliExpress и Яндекс.Маркет. Однако, такой формат осваивают и обычные интернет-магазины и здесь Эквид может помочь.

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

Пример мобильного приложения интернет-магазина, сделанного с помощью ShopApp

Пример мобильного приложения интернет-магазина, сделанного с помощью ShopApp

***

План действий:

  • Опросите покупателей своего интернет-магазина, удобно ли им просматривать ваш сайт с телефона? Насколько они готовы оплачивать покупки с телефона или планшета?
  • Адаптированный под смартфоны и планшеты интернет-магазин повышает конверсию и улучшает позиции в поисковой выдаче. Изучите, насколько дружелюбен ваш сайт для мобильных устройств. Проверить это можно с помощью бесплатного инструмента Google.
  • Выберите оптимальный формат для адаптации интернет-магазина под смартфоны и планшеты. Можно сделать сайт адаптивным или разработать мобильную версию. Если есть средства, то сделайте мобильное приложение. Или воспользуйтесь ShopApp, если ваш магазин на Эквиде.