Мобильная версия сайта: почему без неё нет трафика
В российских коммерческих нишах доля мобильного трафика держится на уровне 70–80%, в сфере услуг доходит до 85%. При этом решения о сайте почти всегда принимаются за десктопным монитором — отсюда разрыв между тем, как сайт выглядит на демонстрации, и тем, что видит реальный клиент.
Mobile-first индексация — это не будущее, а факт
Поисковые системы формируют индекс по мобильной версии. Если на телефоне часть контента скрыта, подгружается по клику «показать ещё» или отсутствует вовсе, для поиска этого контента не существует. Мы разбирали сайт, где отзывы и характеристики товара на мобильной версии рендерились только после нажатия — 40% полезного текста просто не индексировалось. Принципы адаптивности хорошо изложены на web.dev.
Отдельный мобильный поддомен: почему не стоит
Схема с m.site.ru была оправдана десять лет назад. Сейчас она означает удвоенную поддержку, риск рассинхронизации контента, обязательные rel=alternate/canonical и постоянные ошибки редиректов, когда с мобильного открывается десктопная страница и наоборот. Адаптивная вёрстка на одном URL дешевле в поддержке и надёжнее в индексации.
Что чаще всего сломано на мобильных
- Горизонтальный скролл из-за таблицы или широкой картинки — мгновенный отказ
- Кнопка «Отправить» под липким футером, до которой невозможно дотянуться
- Формы с полями по 30 px и без правильных типов ввода: телефон открывает буквенную клавиатуру
- Всплывающее окно на весь экран через 2 секунды после захода
- Телефон в шапке не является ссылкой tel: — пользователю приходится переписывать номер вручную
- Карта на полстраницы, которая перехватывает скролл
Скорость на мобильных — отдельная дисциплина
Средний российский пользователь заходит с устройства слабее вашего рабочего телефона и по каналу хуже офисного Wi-Fi. Разница в LCP между десктопом и мобильным на типовом сайте — в два-три раза. Замер и порядок исправлений подробно описаны в статье про скорость загрузки и в разборе Core Web Vitals.
Когда нужно приложение, а когда достаточно сайта
Приложение оправдано, если у вас есть повторные обращения, push-сценарии, программа лояльности или офлайн-режим. Для сайта услуг с одной покупкой в год приложение — это выброшенные 1,5–3 млн рублей и постоянная поддержка двух платформ. Здравый порядок: сначала адаптивный сайт, затем — приложение, когда есть база возвращающихся клиентов. Наш подход к таким проектам — в разделе мобильной разработки.
Чек-лист проверки за 20 минут
- Откройте сайт на своём телефоне и попробуйте оформить заявку — целиком, до конца
- Проверьте ширину 360 px в инструментах разработчика: нет ли скролла вбок
- Убедитесь, что весь текст в индексируемой разметке, а не подгружается скриптом по клику
- Проверьте кликабельность телефона и адреса, размеры кнопок
- Сравните мобильный и десктопный LCP по полевым данным
Что это даёт в цифрах
На проекте салона красоты приведение мобильной версии в порядок — переработка формы записи, ускорение первого экрана, убранный агрессивный поп-ап — дало рост конверсии с 1,8% до 3,4% за месяц без изменения трафика. Похожие результаты мы видели на других проектах: мобильная версия почти всегда даёт больший прирост, чем следующий вложенный в рекламу рубль.
Если вы не уверены, что ваш сайт нормально работает на телефоне, начните с самого простого теста — попробуйте оформить у себя заказ с мобильного, стоя на улице. Дальше можно обсудить объём доработок через форму связи.