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

За последние три года мобильный трафик в рунете вырос в три с лишним раза. За последний год — на 30%. А соотношение пользователей десктопов и мобильных устройств почти сравнялось (52 и 48% соответственно).

Вся эта статистика, доступная нам благодаря Яндекс.Радару, на практике означает одно: любые проблемы мобильных пользователей сегодня обходятся интернет-магазину гораздо дороже. Если с мобильной версией что-то не в порядке, вы теряете много конверсий и заказов — и впустую тратите бюджеты на рекламу и поисковое продвижение.

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

1. Зум вместо скроллинга

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

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

 

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

Как обнаружить ошибку? Самый простой способ — открыть сайт со смартфона и проверить любую карточку товара. На десктопе вам поможет функция эмуляции мобильного устройства, которая встроена во многие современные браузеры. Чтобы запустить ее в Google Chrome или Яндекс.Браузере, нужно войти в режим разработчика и нажать значок переключения в режим устройства. Кроме того, вычислить ошибки на смартфонах помогают инструмент для проверки оптимизации для мобильных от Google и специализированные сервисы вроде Deviceponsive.

 

 

Переключение в режим устройства в Яндекс.Браузере

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

2. Нет кнопок пагинации

В чем проблема? Разработчики часто отказываются от страниц пагинации в мобильной версии сайта. Ведь со смартфона неудобно просматривать списки товаров, загружая страницу за страницей. Гораздо проще нажать большую кнопку «Загрузить еще» (или вообще ничего не нажимать, потому что при скроллинге товары загружаются автоматически). Но то, что отлично подходит людям, бывает категорически противопоказано роботам. В нашем случае — поисковому роботу, сканирующему сайты для мобильного индекса Google. Он просто не сможет проиндексировать каталог, в котором вместо ссылок на страницы размещены кнопки, срабатывающие по клику.

 

Чем это грозит? Алгоритмы Google не смогут рассчитать коммерческие факторы ранжирования для мобильной версии магазина. А дальше все зависит от того, перевел ли Google сайт на mobile-first индексирование. Если перевел, то в индексе поисковика будет учитываться контент мобильной версии. В результате магазин не будет ранжироваться по запросам о товарах, которые оказались недоступны для робота. Если mobile-first индексирование еще не подключено — у вас есть время, чтобы все исправить.

Как обнаружить ошибку? Откройте мобильную версию сайта и проверьте, есть ли кнопки пагинации на страницах категорий и в разделах каталога. О переводе сайта на mobile-first индексирование Google уведомляет через свой сервис Search Console.

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

 

3. Элементы с абсолютным позиционированием

В чем проблема? Представьте, что вам нужно купить товар, в котором вы совсем не разбираетесь (например, тонометр для родителей). Отчаявшись понять, чем одна модель отличается от другой, вы решаете заказать обратный звонок с сайта. Заполняете форму — и обнаруживаете, что кнопку «Отправить» закрыла надпись «Наверх», возвращающая вас в начало страницы.

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

 

 

Чем это грозит? Пользователь не сможет совершить конверсию: заказать звонок, написать в чат или подтвердить заказ. Интернет-магазин потеряет и конверсию, и деньги, которые потратил на привлечение потенциального клиента.

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

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

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

4. Горизонтальный скроллинг

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

 

Горизонтальный скроллинг — типичная проблема сайтов с адаптивным дизайном. Возникает она очень просто: на сайт добавляют новый контент, рассчитанный на просмотр с десктопов, но забывают адаптировать его для мобильных. Либо добавляют контент, адаптированный для просмотра на всех устройствах, но проверяют его отображение только на десктопах.

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

Как обнаружить ошибку? Прежде всего возьмите за правило проверять десктопную и мобильную версии сайта каждый раз, когда добавляете новый контент или вносите какие-то другие изменения. Также стоит обращать внимание на уведомления Google Search Console: поисковая система рассылает их, если находит на мобильном сайте проблемы с областью просмотра. Наконец, ошибки можно заметить, просто просматривая сайт со смартфона или планшета.

Как все исправить? В Google Search Console есть отчет «Удобство просмотра на мобильных устройствах». В нем отображаются страницы с горизонтальным скроллингом и другими ошибками, а заодно и рекомендации по решению этих проблем. Есть и другой путь — обратиться к техническому специалисту.

5. HTTPS не настроен

В чем проблема? На мобильной версии интернет-магазина нет никаких технических ошибок, с сервером тоже все в порядке, но пользователи все равно не могут ее открыть. А все из-за того, что основная версия сайта использует защищенный протокол HTTPS, а вот на мобильной его забыли установить (или установили неправильно).

Чем это грозит? Браузеры и поисковые системы считают сайты с некорректно настроенным HTTPS (например, с недействительным SSL-сертификатом) потенциально опасными и делают все, чтобы пользователи никогда на них не попали. Человек, который вводит адрес такого сайта в браузере или пытается перейти на него из результатов поиска, вместо главной страницы видит предупреждение, что может стать жертвой мошенников. Интернет-ресурс теряет трафик, а заодно и позиции в выдаче: видимость в поисковых системах снижается, если пользователи не могут открыть сайт.

 

Предупреждение о проблемах с HTTPS в Google Chrome

Как обнаружить ошибку? Поисковые системы рассылают уведомления о проблемах с SSL-сертификатами: Google через Search Console, Яндекс — через Вебмастер. Кроме того, нелишним будет время от времени проверять работу мобильной версии вручную.

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

В первом случае у сайта, который использует HTTPS, остаются внутренние или внешние ссылки на адреса с HTTP (например, http://www.sitename.ru/about вместо https://www.sitename.ru/about). Вторая ситуация возникает из-за того, что браузер не доверяет SSL-сертификату. Например, может выясниться, что сертификат не подтвержден ни одним из центров сертификации (чаще всего это случается с бесплатными сертификатами). Или подтвержден тем центром, который браузер не считает доверенным.

В первом случае нужно указать ссылки через безопасный протокол HTTPS, во втором — установить на сайте SSL-сертификат от одного из ведущих центров (Comodo, Thawte, Symantec, GeoTrust или RapidSSL).

Новая жизнь

Итак, вы нашли и исправили ошибки на своем мобильном сайте. Главное теперь — не совершить еще одну, посчитав, что работа на этом закончилась. Проблемы с индексированием и юзабилити могут возникнуть у любого сайта и в любой момент. Чтобы вовремя их заметить и решить, обязательно проверяйте мобильную версию после каждой доработки сайта, а также следите за уведомлениями в Яндекс.Вебмастере и Google Search Console.

 

Автор: Дмитрий Фитеров, старший менеджер отдела поискового продвижения i-Media

Автор: Дмитрий Фитеров

Подписаться на новости

Читайте также

Онлайн-рынок универсальных магазинов в 2018 году

Data Insight при поддержке Dynamic Yield выпускает исследование «Онлайн-рынок универсальных магазинов». Универсальные магазины — это магазины, для которых каждая из товарных категорий занимает менее 2/3 в объеме продаж.

далее →

Исследование по влиянию отзывов на решение о покупке

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

далее →

eCommerce в Казахстане: как с помощью предиктивных технологий оптимизировать расходы на рекламу

Компания Sulpak, лидер в реализации электроники и бытовой техники Казахстана, решила внедрить новый инструмент - технологию Predictive Ad Audiences, разработанную компанией Insider. Какие стояли задачи, как была построена работа, и каких результатов удалось достичь, рассказали сотрудники компаний Sulpak и Insider.

далее →

Что такое финансовый рычаг и как он может помочь интернет-магазину

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

далее →

Mail.ru Group изучила рынок онлайн-рекламы фармацевтических средств

Mail.ru Group провела исследование и выяснила, как пользователи принимают решение о покупке фармацевтических средств, насколько они доверяют интернету в процессе изучения информации о препаратах и как часто обращаются к онлайн-аптекам для бронирования товаров в офлайне. Эксперты также выяснили, учитывают ли рекламодатели фармацевтической отрасли тренды в поведении онлайн-аудитории и какой интернет-рекламе они отдавали предпочтение в 2018 году.

далее →

X
Нажмите «Нравится»,
чтобы читать Shopolog.ru в Facebook