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

Технический директор направления поискового маркетинга и веб-аналитики Студии Борового Алексей Рылко рассказывает, как Google вынуждает бизнес оптимизировать сайты под смартфоны и дает рекомендации, как это делать правильно.

–  По статистике проектов, которые мы ведем, из всего объема интернет-трафика на мобильный приходится 19,5% – для  интернет-магазинов, 14,6% – на сайты банковского сектора. Это без учета планшетов.

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

Что дает бизнесу мобильная версия сайта

Обратимся к статистике. Достаточно проанализировать разницу в показателе отказов (это процент заходов на сайт с просмотром только одной его страницы), который просматривается на мобильных устройствах и экранах стационарных компьютеров. Этот отчет доступен в Google Analytics в левом меню: Аудитория ⇒ Мобильные устройства ⇒ Обзор.

Рассмотрим пример сайта туристического агентства:

Темно-красными линиями показано отклонение от среднего  показателя отказов по сайту (14,11%). Как видим, на смартфонах показатель отказов в разы выше средней цифры по сайту – это значит, что для мобильных устройств сайт этого агентства не оптимизирован.

Около 1000 посетителей ежемесячно уходят с ресурса просто так. Зная конверсию сайта (например, 1%) и величину среднего чека (7,15 млн белорусских рублей), можно посчитать денежные потери компании.В этом случае они составляют порядка 71,5 млн белорусских рублей.

Еще один новый и очень серьезный аргумент в пользу мобильной версии

С конца апреля Google запустил поисковый алгоритм, который называется mobile-friendly. Его суть в том, что сайты, оптимизированные для смартфонов, будут иметь верхние позиции в поисковой выдаче. Значит, они получат больше трафика посетителей, чем неоптимизированные ресурсы.

О новом алгоритме важно знать:

1. Google запустил алгоритм сразу на весь мир, так что Беларусь тоже попала под его влияние.

2. Изменения коснутся только результатов поиска для смартфонов. Это значит, что обновленная поисковая выдача будет видна только на них.

3. Статус «Mobile-friendly» присваивается каждой странице, а не всему сайту в целом. Таким образом, можно оптимизировать под мобильник не весь сайт, а лишь целевые (например, продающие) страницы.

Нововведение в первую очередь:

1. «Ударит» по еще не оптимизированным сайтам, имеющим значительную долю переходов с мобильных устройств.

На скриншоте ниже приведен пример интернет-магазина. Сейчас его посещаемость составляет 56 тысяч человек в месяц, и почти 24% аудитории (13,4 тыс. человек) – это пользователи смартфонов. Соответственно, если сайт Интернет-магазина не будет оптимизирован, есть риск потерять эту аудиторию и клиентов.

2. Новый поисковый алгоритм отразится на работе компаний из сферы «оперативного обслуживания»: такси, эвакуаторы, вскрытие замков и т. д. Чаще всего такие сервисы ищут именно с мобильника.

3.  Это повлияет на бизнесы, работы которых напрямую зависит от географического месторасположения: кафе, рестораны, кинотеатры, магазины, квартиры на сутки и т. д.

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

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

Что нужно знать о дизайне сайта под смартфон

1. Экран смартфона меньше экрана компьютера. Мобильные устройства требует от нас лаконичности: все второстепенные элементы сайта должны быть скрыты, а место высвобождено для действительно важной информации.

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

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

4. Маленький экран. По нему сложнее попасть пальцем по ссылке/элементу меню. Навигация на сенсорных экранах требует от дизайна:

• чтобы все элементы были достаточно большого размера
• чтобы между ними были отступы (свободное пространство)

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

5. Технологические ограничения и дополнительные возможности. Избегайте технологий, не работающих на мобильных платформах. Например, Flash не поддерживается ни телефонами на Android, ни на iOS.

Какие типы мобильных сайтов существуют

Существует три общепринятых способа адаптации сайта под мобильные устройства. Они зависят от технологии «подстраивания» под экран:

1. Мобильная версия сайта. В этом случае пользователям компьютеров и мобильных устройств демонстрируются разные страницы.

Чаще всего версия для мобильных устройств выносится на отдельный поддомен.

Недостаток способа: больший объем работы по обслуживанию и обновлению сайта.

2. Адаптивный дизайн – версия сайта, при которой пользователи компьютера и мобильного устройства видят одну страницу, с одним адресом, но размещение блоков и их внешний вид – разные. Этот способ рекомендует использовать Google.

3. Динамический показ. В этом случает сервер определяет устройство пользователя и показывает ему разные версии одной и той же страницы.

Недостаток способа: возможные ошибки в определении устройства, а также не исключены сложности в плане SEO-продвижения.

С чего начинать оптимизацию

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

2. Изучайте рекомендации Google по мобильной оптимизации сайтов.

3. До начала разработки четко опишите задачу каждой важной страницы сайта. Делайте это с точки зрения работы с клиентами: какой контент будет на странице, какие call-to-action элементы (например, кнопка «Купить», «Заказать») под эту задачу следует выбрать и т.д.

4. Требуйте от компаний-разработчиков сайта  успешного прохождения теста Google.

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