Больше 60% трафика сейчас идёт с телефонов. Поисковики давно ранжируют сайты по мобильной версии: если сайт неудобно открывается на смартфоне, он падает в выдаче, даже если на компьютере выглядит безупречно. Но многие владельцы бизнесов до сих пор относятся к мобильной версии как к вывеску - "главное, чтобы работало". А потом удивляются, почему позиции просели, а заявки упали.
Разберём, какие проблемы с мобильной версией встречаются чаще всего, как они бьют по SEO и что с этим делать - быстро и без переделки сайта с нуля.
Почему мобильная версия - это не "дополнение", а основа
Google перешёл на mobile-first indexing ещё в 2019 году: он сначала индексирует мобильную версию, а десктопную - потом. Яндекс делает то же самое. Это значит, что если на телефоне ваш сайт грузится 8 секунд, текст обрезан, а кнопки не нажимаются - поисковик считает именно это основной версией.
Пример: интернет‑магазин детской одежды: десктопная версия красивая, быстрая, с удобными фильтрами. Мобильная - те же страницы, но без адаптации: текст мелкий, фильтры не работают, кнопка "купить" уходит за экран.
Результат: позиции по коммерческим запросам упали на 15–20 пунктов за два месяца. После адаптации мобильной версии вернулись за три недели.
Отдельная мобильная версия вместо адаптивной
Медленная загрузка на мобильных: сайт, который на компьютере открывается за 1,5 секунды, на телефоне может грузиться 6-10 секунд из‑за тяжелых картинок, лишних скриптов и медленного сервера. Поисковики фиксируют это и понижают позиции сайта.
Пример: сайт клиники: загрузка на мобильном занимала 7 секунд из‑за тяжёлых фото врачей и карты. После сжатия фото в WebP и включения lazy load время загрузки упало до 2,4 секунды. Позиции по запросам "приём терапевта [город]" выросли на 8–10 позиций за месяц.
Текст и кнопки слишком мелкие: если пользователь на телефоне должен "щипать" экран, чтобы прочитать текст или попасть по кнопке - он уйдёт. Поисковики это отслеживают через метрику поведения: высокий bounce rate и маленькое время на сайте.
Пример: сайт автосервиса: на мобильном кнопка "Записаться" была размером 30×20 пикселей и прижималась к тексту. Конверсия с мобильного - 0,4%. После увеличения кнопки до 48×48 и отступов конверсия выросла до 1,8%. Без изменения трафика, только за счёт удобства.
Всплывающие окна перекрывают контент: баннеры с акциями, всплывающие формы подписки, чат‑виджеты - всё это на мобильном превращается в катастрофу. Окно перекрывает половину экрана, а закрыть его не получается, потому что крестик спрятан или слишком мелкий.
Пример: интернет‑магазин косметики: на мобильном при заходе выскакивал баннер "скидка 20%" на весь экран, закрывался с трудом. Конверсия с мобильного - 0,6%. После замены на баннер в нижней части экрана (не перекрывающий контент) конверсия выросла до 1,4%, а поведенческие факторы улучшились: время на сайте выросло на 40%.
Неработающие фильтры и формы на мобильных: фильтры каталога, формы заказа, калькуляторы - на десктопе они работают, а на мобильном "ломаются": выпадающие списки не открываются, чекбоксы не нажимаются, форма отправляется пустой.
Пример: магазин электроники: фильтр на десктопе работал отлично, на мобильном - не открывался. Пользователи не могли отфильтровать товары и уходили. После замены на упрощённый мобильный фильтр (цена, бренд, наличие) конверсия в покупку с мобильного выросла на 35%.
Некоторые сайты используют отдельный поддомен для мобильной версии. Это устаревший подход, который создаёт проблемы: дублирование контента, рассинхронизация версий, ошибки в канонических ссылках.
Пример: сайт туристического агентства: мобильная версия на m.поддомене отставала от основной: новые туры появлялись с задержкой 3–5 дней, цены не совпадали. Поисковик это видел как дубль и понижал обе версии. После перехода на адаптивный дизайн дубли исчезли, позиции выросли за полтора месяца.
Картинки без адаптации: на десктопе картинка товара выглядит отлично. На мобильном она либо обрезана, либо растянута, либо грузится бесконечно.
Пример: сайт магазина мебели: фотографии диванов на мобильном грузились по 4-5 секунд и "прыгали" при загрузке. После добавления srcset, размеров и сжатия в WebP загрузка ускорилась до 1,5 секунд, а "прыжки" исчезли. Отказы на мобильном снизились с 62 до 38%.
ВЫВОД: Мобильная версия - это не "допилить потом", а основа SEO сейчас. Поисковики смотрят на неё в первую очередь, а пользователи голосуют рублём: если сайт неудобен на телефоне, они уходят к конкурентам. Большинство проблем решаются быстро: сжать картинки, увеличить кнопки, убрать попапы, починить формы. Не нужно переделывать всё - нужно исправить то, что мешает прямо сейчас.
