Реализация адаптивы в интернет-магазине аксессуаров и деталей для смартфонов и планшетов

Реализация адаптивы в интернет-магазине аксессуаров и деталей для смартфонов и планшетов — рост транзакций на 86,44%, продаж на 116,28%

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

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

Описание проекта

Тематика

Аксессуары и детали для планшетов и смартфонов

Регион продвижения

Россия

Цель

Реализация адаптивы для интернет-магазина для увеличения количества транзакций и для соответствия новым требованиям поисковых систем

Дополнительная информация

Интернет-магазин пребывает на продвижении больше года, посещаемость составляет приблизительно 2 тыс. в сутки (45% с мобильных устройств)

Предоставляемые услуги

Реализация адаптивы для интернет-магазина

Реализация адаптивы

1.Первые работы

В начале работы нам нужно было определить, какой именно способ реализации адаптивной версии подойдет для нашего интернет-магазина. Посещаемость составляет приблизительно 2 тысячи в сутки, из которых почти 45% именно с мобильных устройств, поведенческие факторы в порядке, процент отказов с мобильных устройств не превышал 48%, что является достаточно неплохим показателем для магазина. Поэтому не хотелось кардинально переделывать сайт, который уже имеет постоянных посетителей, которые привыкли к этому дизайну, или вообще отправлять пользователей на поддомен.

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

2.Задания

Задание — реализовать адаптиву под мобильные устройства для интернет-магазина аксессуаров и деталей для смартфонов и планшетов.

Задание состояло в:

определении максимально эффективного способа реализации адаптивы;
идентификации всех ошибок и рекомендациях по адаптиве со стороны поисковых систем;
согласовании прототипа дизайна с клиентом;
реализации адаптивы;
повторном анализе на соответствие требованиям поисковых систем;
анализе поведения пользователей после внесения изменений;
анализе влияния на позиции и на посещаемость магазина;
анализе влияния адаптивы на конверсии интернет-магазина.

3.Осуществленные процессы и работы

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

Адаптивный дизайн.
Динамический показ.
Разные URL.

См. Google support: https://developers.google.com/webmasters/mobile-sites/mobile-seo/configurations/?hl=ru

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

К примеру, перенаправление пользователей на поддомен для мобильных устройств обуславливает необходимость правильного указания адресов всех страниц мобильной версии с помощью соответствующих тегов с атрибутами rel=»alternate» и rel=»canonical». Не сделав этого, можно получить полное дублирование сайта, что повлечет плачевные последствия.

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

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

После обновления каждый раздел интернет-магазина, который имеет уникальный шаблон дизайна, то есть:

шаблон главной страницы;
шаблон категорий;
шаблон подкатегорий;
шаблон карточек товаров;
шаблон фильтров;
и шаблон статических страниц сайта

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

Получив достаточное количество данных Google Analytics спустя 1,5 месяца, мы приступили к анализу влияния проведенных нами действий.

Сравнив данные за 1,5 мес. до адаптивы с данными за 1,5 мес. после, мы получили такие данные с мобильного органического трафика:

органичный трафик на сайт с мобильных устройств вырос на 31,10%;
коэффициент транзакций вырос на 42,22%;
к-ство транзакций выросло на 86,44%;
доход с мобильного трафика увеличился более чем вдвое — на 116,28%.

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

Однако, даже отбросив рост трафика, получаем прекрасные результаты: 116,28% — 31,10% = 85,18%.

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