Ми переїхали 🚚 Шукай в розділі послуги на Plerdy Детальніше

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

Реалізація адаптиви в інтернет-магазині аксесуарів та деталей для смартфонів та планшетів – зростання транзакцій на 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%.

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

Що свідчить про те, що адаптива відіграла також значну роль і в зростанні органічного трафіку.

І, як наслідок цього всього, мобільний трафік забезпечив зростання транзакцій на 86% та збільшення обороту вдвічі.

Результати

  • Зростання органічного трафіку з мобільних пристроїв

  • Зростання коефіцієнта з мобільних пристроїв

  • Зростання кількості транзакцій із мобільних пристроїв

  • Зростання обороту з мобільних пристроїв

Результати до адаптиви

  • Органічного трафіку з мобільних пристроїв: 14 169
  • Коефіцієнта з мобільних пристроїв: 1,25%
  • Кількість транзакцій із мобільних пристроїв: 177
  • Обороту магазину з мобільних пристроїв: 237 527 руб.

Результати після адаптиви

  • Органічного трафіку з мобільних пристроїв: 18 575
  • Коефіцієнта з мобільних пристроїв: 1,78%
  • Кількість транзакцій із мобільних пристроїв: 330
  • Обороту магазину з мобільних пристроїв: 513 731,20 руб.

Останні кейси