Больше половины веб-трафика в мире — мобильный. В Украине эта доля ещё выше: большинство пользователей открывают сайты с телефона, часто в дороге, часто с плохим соединением, всегда с ограниченным терпением. При этом значительная часть сайтов до сих пор строилась с логикой «сначала десктоп, мобильная версия как-нибудь сама». Результат предсказуем: пользователь открывает сайт, сталкивается с неудобством и закрывает. Без заявки, без звонка, без возврата. Ниже — семь конкретных причин почему это происходит.
По данным Google, если страница загружается дольше трёх секунд — больше половины мобильных пользователей её закрывают. Не ждут, не обновляют. Просто уходят. И с каждой дополнительной секундой процент отказов растёт.
Причины медленной загрузки на мобильном обычно типичны: несжатые изображения, тяжёлые скрипты которые блокируют рендеринг, отсутствие кеширования, хостинг без CDN. Сайт который на десктопе открывается за секунду — на мобильном с LTE может грузиться четыре-пять секунд. На 3G — ещё дольше.
Скорость загрузки влияет не только на поведение пользователя, но и на позиции в Google. Поисковик учитывает Core Web Vitals — метрики скорости и стабильности загрузки — как фактор ранжирования. Медленный мобильный сайт проигрывает конкурентам и в поиске, и в конверсии одновременно.
Классическая проблема сайтов без нормальной адаптации: текст который нужно масштабировать чтобы прочитать, и кнопки размером с ноготь. Пользователь увеличивает страницу, пытается попасть пальцем в нужный элемент, промахивается, нажимает не то и закрывает сайт с раздражением.
Google рекомендует минимальный размер текста для мобильного — 16px. Интерактивные элементы — кнопки, ссылки, иконки — должны быть не менее 48×48 пикселей в зоне нажатия. Это не эстетика, это физиология: средняя подушечка пальца занимает именно такую площадь.
Отдельная проблема — ссылки в тексте расположенные слишком близко друг к другу. Пользователь хочет нажать одну — попадает на соседнюю. После двух-трёх таких промахов терпение заканчивается.
Попапы на десктопе — уже граница между полезным и раздражающим. На мобильном — почти всегда катастрофа. Окно которое открывается сразу после загрузки страницы и перекрывает весь экран телефона не оставляет пользователю выбора: или разбираться как его закрыть, или сразу закрыть сайт.
Google с 2017 года снижает позиции страниц где агрессивные попапы перекрывают основной контент на мобильных. Это касается прежде всего окон которые появляются сразу или через несколько секунд после входа на страницу.
Если попап необходим — он должен занимать не более 30% экрана, иметь хорошо заметную кнопку закрытия достаточного размера для нажатия пальцем, и появляться не сразу а после определённого взаимодействия со страницей. Подписка на рассылку которая выскакивает через три секунды после входа на сайт — это не маркетинг, это повод уйти.
Форма заявки — конечная точка конверсии. Если она неудобна на мобильном — все предыдущие усилия по привлечению трафика потрачены впустую. И здесь есть несколько типичных ловушек.
Отсутствие автозаполнения. Современные браузеры умеют подставлять имя, телефон, email. Если форма блокирует эту функцию — пользователь вынужден вводить всё вручную.
Горизонтальный скрол на мобильном сайте — почти всегда признак того что вёрстка не адаптирована, а просто сжата. Элементы выходят за пределы экрана, появляется полоса прокрутки снизу, и чтобы увидеть полный контент нужно листать вбок. Для большинства пользователей это равнозначно сломанному сайту.
Причины бывают разные: фиксированная ширина блоков в пикселях вместо процентов, изображения без max-width: 100%, таблицы которые не перестраиваются под узкий экран, встроенные iframe с фиксированными размерами.
Сломанная вёрстка также включает: текст который накладывается на изображение, кнопки которые выходят за пределы контейнера, меню которое не помещается в экран и отображается в одну нечитаемую строку. Всё это сигнализирует пользователю: этим сайтом не занимались. И доверие к бизнесу падает вместе с желанием оставить заявку.
Видео на лендинге или главной странице — популярный элемент. На десктопе с хорошим интернетом оно может действительно усиливать впечатление. На мобильном — чаще всего тормозит загрузку и потребляет трафик пользователя без его согласия.
Видео которое автоматически запускается при загрузке страницы — одна из самых раздражающих вещей на мобильном. Особенно если оно со звуком. Особенно если человек открывает сайт в транспорте или на совещании.
Анимации которые выглядят плавно на мощном ноутбуке — на бюджетном смартфоне могут подвисать и дёргаться. Это не только портит впечатление но и затрудняет чтение контента который движется или появляется с задержкой.
Правило простое: любой тяжёлый медиаконтент на мобильном должен быть обоснован и оптимизирован. Видео — сжимать, автовоспроизведение — отключать или оставлять без звука, анимации — проверять на реальных устройствах а не только в браузере на компьютере.
Десктопное меню с выпадающими подпунктами которые открываются при наведении курсора — на мобильном просто не работает. Нет hover-состояния, нет курсора. Есть палец и тап. Если меню не переосмыслено под мобильный сценарий — пользователь не может добраться до нужного раздела.
Распространённые проблемы с навигацией на мобильном:
Бургер-меню которое открывается но не закрывается при нажатии вне его. Пункты меню расположенные так плотно что сложно попасть в нужный. Отсутствие кнопки «вернуться наверх» на длинных страницах — и пользователь вынужден листать назад вручную. Липкое меню которое занимает слишком много места и перекрывает контент на маленьком экране.
Навигация на мобильном должна быть простой и минималистичной. Основные разделы — доступны в один тап. Второстепенное — убрать или скрыть. Цель: чтобы пользователь мог добраться до любой страницы сайта за два-три касания без раздражения и масштабирования.
Прежде чем привлекать специалистов — есть несколько бесплатных инструментов которые дают чёткую картину состояния мобильной версии.
Мобильная версия сайта — это не опция и не доработка. Это основная точка контакта с большинством ваших потенциальных клиентов. Сайт который плохо работает на телефоне — это не техническая проблема, это проблема продаж. Каждая из семи ошибок описанных выше стоит бизнесу реальных клиентов каждый день. Начните с самопроверки — и увидите где именно уходят потери.
Мы свяжемся с Вами в ближайшее время
