Мобільний трафік продовжує домінувати
Ще років десять тому "мобільна версія сайту" сприймалась як додаткова опція — щось, що можна зробити пізніше, якщо залишиться бюджет. Сьогодні ситуація перевернулась повністю: для більшості ніш мобільний трафік не просто переважає, а є основним каналом, через який людина взагалі вперше потрапляє на сайт.
Чому так сталося
Смартфон давно перестав бути "другим екраном" — для багатьох користувачів це єдиний пристрій, з якого вони взаємодіють з інтернетом протягом дня. Пошук товару під час обідньої перерви, порівняння цін у черзі в магазині, читання відгуків просто на ходу — все це відбувається з телефону, часто на нестабільному мобільному з'єднанні, а не вдома за стаціонарним комп'ютером з хорошим Wi-Fi.
Google це давно врахував у своєму підході: індексація "mobile-first" означає, що пошукова система в першу чергу дивиться на мобільну версію сайту, оцінюючи, як його показувати у видачі — навіть для людей, які шукають з десктопа. Якщо мобільна версія гірша за десктопну чи має менше контенту, це напряму б'є по позиціях сайту загалом, не лише по мобільному трафіку.
Що це означає практично
Адаптивна верстка — вже давно не "бонус", а базова вимога, без якої сайт просто не конкурентний. Але сама наявність адаптивної верстки не гарантує хорошого мобільного досвіду. Реальні проблеми зазвичай ховаються глибше:
Розмір тапабельних елементів. Кнопки й посилання, зручні для кліку мишею, часто занадто дрібні для пальця на екрані телефону. Рекомендований мінімальний розмір тапабельної зони — приблизно 44×44 пікселі, і це не довільна цифра, а результат досліджень ергономіки.
Швидкість на реальному мобільному з'єднанні. Тестування сайту на швидкому Wi-Fi в офісі розробника не показує, як сайт поводиться на 3G/4G у метро чи в місці зі слабким покриттям. Саме тут найкраще видно, чи справді оптимізовані зображення і чи не блокує рендер зайвий JavaScript.
Розмір шрифтів і читабельність. Текст, зручний для читання на 27-дюймовому моніторі, може виявитися нечитабельним на екрані 6 дюймів без масштабування — а масштабування вручну кожної сторінки відлякує користувачів набагато швидше, ніж здається.
Форми та введення даних. Заповнення довгої форми на маленькій клавіатурі телефону — це вже саме собою бар'єр. Правильні типи полів (наприклад, type="tel" для номера телефону, який викликає цифрову клавіатуру) суттєво знижують відсоток людей, які кидають форму на середині.
Наслідки, якщо це ігнорувати
Незручний мобільний досвід не просто "трохи псує враження" — він напряму конвертується в цифри: вищий відсоток відмов (bounce rate), коротший час на сайті, менше завершених покупок чи заявок. А оскільки Google оцінює сайт саме через призму мобільної версії, погана адаптивність б'є і по органічному трафіку в цілому, створюючи замкнене коло — менше трафіку через погані позиції, гірші позиції через погані поведінкові показники.
З чого почати перевірку власного сайту
Найпростіший перший крок — відкрити сайт на реальному телефоні (не лише в режимі емуляції в браузері) і пройти типовий шлях відвідувача: від головної сторінки до заповнення форми чи оформлення замовлення. Якщо десь доводиться масштабувати текст, довго чекати завантаження чи кілька разів промахуватись повз кнопку — це і є ті місця, з яких варто почати оптимізацію в першу чергу.
Другий корисний крок — подивитись реальну статистику власного сайту (Google Analytics, Search Console чи будь-яка інша аналітика, яка вже підключена) і порівняти поведінкові показники мобільних і десктопних відвідувачів окремо. Якщо відсоток відмов на мобільному помітно вищий, а середній час на сайті — помітно коротший, це майже завжди ознака саме технічних незручностей, а не того, що мобільна аудиторія "менш зацікавлена" в продукті чи послузі. У переважній більшості випадків проблема лежить не в контенті, а в тому, як зручно (чи незручно) до цього контенту дістатися з екрана телефону.