Мобільна версія сайту: Чому 67% клієнтів відваливались на телефонах

Катя продає дитячий одяг через інтернет-магазин. Гарний асортимент, класні ціни, купа трафіку з Instagram.

Але статистика страшна: з 100 людей які заходять на сайт, 92 йдуть не купивши нічого. Конверсія 0.8%. Це жах.

Сіли розбиратись. Дивимось Google Analytics:

• 73% трафіку з мобільних
• Час на сайті з телефону: 14 секунд (!!)
• Час на сайті з комп'ютера: 3 хвилини

Відкриваємо сайт на телефоні. І все стає зрозуміло.

Що не так було

Сайт робили 3 роки тому. Тоді "адаптивна верстка" означала "текст не вилазить за екран". Дивимось на телефоні:

• Завантажується 8 (!) секунд
• Фото товарів маленькі, не розгледіти
• Кнопки крихітні, важко попасти
• Текст дрібний, треба зумити
• Кошик десь внизу, треба скролити
• Форма оформлення - жах, 15 полів

Короче, користуватись неможливо. Люди просто йшли.

Що зробили

За тиждень переробили мобільну версію під сучасні стандарти.

• Було: 8 секунд завантаження
• Стало: 1.6 секунд
• Як: оптимізували фотки, прибрали зайві скрипти, підключили кеш��вання

• Великі фото товарів (на весь екран можна подивитись)
• Великі кнопки (мінімум 44×44 пікселя для пальця)
• Читабельний текст (16px мінімум)
• Кошик завжди видно (кнопка зверху)
• Форма замовлення - 5 полів замість 15

• Свайп для перегляду фото
• Фільтри товарів зручні для пальця
• Швидка оплата (Apple Pay / Google Pay)
• Збережені адреси доставки

Результат (і це РЕАЛЬНІ цифри)

• Час на сайті з мобільного: з 14 сек до 2 хв 40 сек
• Показник відмов: з 92% до 68%
• Конверсія з мобільних: з 0.4% до 2.1%

• Трафік той самий (~3000 відвідувачів/міс)
• Продажів: було 25-30/міс, стало 85-95/міс
• Виручка: з 180,000 до 520,000 грн/міс

Катя просто переробила мобільну версію і майже потроїла виручку. Без додаткових витрат на рекламу.

Чому мобільна версія така важлива

Google вже 3 роки використовує mobile-first indexing. Це означає що Google дивиться спочатку на мобільну версію сайту, а вже потім на десктопну.

Якщо мобільна версія лагає - ваш сайт не вийде в ТОП. Точка.

• 68-75% трафіку на сайти - з мобільних
• 80%+ в соцмережах - мобільні
• Google Search на мобільних - 85%

Якщо ваш сайт не оптимізований для телефонів - ви втрачаєте 3/4 потенційних клієнтів.

Що робить сайт швидким на мобільних

Фотка з фотоапарату важить 5-8 МБ. На сайті вона має бути 50-150 КБ. WebP формат замість JPEG економить ще 30-40%.

Кожен JavaScript файл сповільнює завантаження. Прибрати все зайве.

Повторні візити мають завантажуватись миттєво.

Контент роздається з серверів близько до користувача.

Фото завантажуються тільки коли користувач до них доскролив.

Типові помилки

Це не працює. Мобільна версія - це окремий дизайн, не копія десктопа.

Мінімум 16px для основного тексту. Краще 18px. Люди не повинні зумити.

Палець - не курсор. Кнопки мають бути ВЕЛИКИМИ.

На мобільному екран маленький. Показуйте тільки важливе.

15 полів на мобільному - це жах. 5 полів максимум. Краще 3.

Скільки коштує зробити мобільну версію

• Базова: 20,000 - 40,000 грн (2-3 тижні)
• Повна переробка: 50,000 - 100,000 грн (1-1.5 місяці)
• З PWA: 80,000 - 150,000 грн (1.5-2 місяці)

Зараз це стандарт - всі роблять відразу адаптивно. Не має бути доплати.

Як перевірити чи ваш сайт норм на мобільних

1. Відкрийте на телефоні 2. Чесно оцініть - ви б купили тут? 3. Або go��gle.com/test/mobile-friendly - вставте свій сайт

Якщо оцінка нижче 90/100 - треба переробляти.

Висновок

Мобільна оптимізація - це не "було б добре", це критична необхідність.

Катя просто переробила мобільну версію і потроїла виручку. У вас може бути так само.

Перевірте свій сайт на телефоні ЗАРАЗ. Якщо там все лагає - ви щодня втрачаєте гроші.