SEO для мобильной версии: что проверить, если пользователи заходят со смартфона
Аудит мобильной версии с точки зрения индексации, контента, скорости, удобства и конверсии.
«Адаптивный» и «удобный на мобильном» — не одно и то же
Недостаточно открыть главную на iPhone и убедиться, что ничего не съехало. Проверяем четыре уровня: индексация → контент → техническое состояние → удобство и конверсия. Страница может помещаться в экран, но не показывать цену, не открывать меню, не давать закрыть popup или заполнить форму.
Сначала посчитайте мобильный трафик
В Метрике сравните смартфоны, десктоп и планшеты, отдельно органический трафик и конверсию. Затем посмотрите реальные мобильные сессии в Вебвизоре.
| Устройство | Поисковый трафик | Конверсия |
|---|---|---|
| Desktop | 2 100 | 3,8% |
| Smartphone | 3 400 | 1,2% |
Цифры условные. Если смартфоны дают 60% органики, но конвертируются втрое хуже, проблема может быть уже не в привлечении трафика.
Путь мобильного аудита
20 проверок мобильной версии
Одинаковый ли важный контент доступен
На мобильном иногда убирают характеристики, таблицы, отзывы, FAQ, ссылки, фильтры и коммерческие блоки только потому, что страница кажется длинной. Проверьте H1, цены, основной контент, изображения, ссылки и характеристики: адаптация — не удаление половины страницы.
Доступны ли CSS и JavaScript роботу
Проверьте robots.txt, загрузку ресурсов и рендеринг. Это особенно важно для SPA, React/Next, динамических каталогов, фильтров и JavaScript-меню: ресурсы, влияющие на отображение, должны быть доступны роботу.
Viewport — только базовая настройка
Убедитесь, что есть <meta name="viewport" content="width=device-width, initial-scale=1">. Но сам по себе этот тег не делает интерфейс удобным: это лишь основа адаптивного представления.
Нет ли горизонтальной прокрутки
Проверьте таблицы, баннеры, изображения, калькуляторы, iframe, видео, длинные URL и поля форм на ширине от 320 px. Таблица тарифов должна получить отдельное мобильное представление, а не превращаться в нечитаемую полосу.
Читается ли текст без масштабирования
Оцените размер шрифта, межстрочный интервал, контраст, длину строки, отступы и заголовки. Пользователь не должен увеличивать страницу двумя пальцами, чтобы прочитать условия услуги.
Удобно ли нажимать пальцем
Кнопки, ссылки, крестики popup, переключатели, фильтры и чекбоксы должны иметь достаточно места. Типовая ошибка — «Позвонить» и «Написать» стоят слишком близко, поэтому пользователь постоянно нажимает не туда.
Что происходит с меню
Burger-меню — нормальная модель, если его легко найти и открыть, основные разделы видны, уровней не слишком много и из меню можно вернуться назад. Не уменьшайте десктопную навигацию механически — проектируйте мобильный путь.
Не исчезают ли коммерческие элементы
Не прячьте без причины цену, телефон, наличие, сроки, доставку, CTA, специалистов, кейсы и форму. Контент может формально существовать, но быть так далеко ниже длинного текста, что пользователь до него не дойдёт.
Первый экран
На мобильном за несколько секунд должно быть понятно: что предлагают, подходит ли это и что сделать дальше. Огромное фото, cookie-баннер, popup, анимация и слишком длинный заголовок не должны отодвигать CTA на третий экран.
Формы
Проверьте число и размер полей, автозаполнение, маску телефона, клавиатуру, ошибки, согласие, отправку и экран благодарности. На iPhone клавиатура может закрывать кнопку, а маска телефона — конфликтовать с автозаполнением.
Телефон, карты и мессенджеры
Телефон должен быть кликабельным, адрес — открываться в картах, мессенджер — вести в правильный диалог, email — открывать почтовый клиент. На смартфоне это нередко основной путь конверсии.
Popup, cookie и чат
Посмотрите страницу с ними одновременно: cookie снизу, чат справа, popup по центру и sticky CTA легко оставляют пользователю лишь треть экрана. Важно, чтобы виджеты закрывались и не конфликтовали с клавиатурой и формой.
Скорость на мобильной сети
Тяжёлые изображения, видео, виджеты, аналитика, чаты, шрифты, JavaScript, слайдеры и анимации могут быть незаметны на офисном интернете, но критичны на смартфоне. Мобильную производительность проверяют отдельно.
Изображения
Не загружайте изображение 3000×2000 px ради блока 350×230 px. Проверьте размеры, современные форматы, responsive images, lazy loading, изображения первого экрана и лишние фоновые картинки.
Core Web Vitals
LCP — как быстро появляется основной контент; INP — как быстро интерфейс реагирует; CLS — насколько элементы неожиданно прыгают. Кнопка «Рассчитать» не должна уезжать из-под пальца после загрузки баннера.
Sticky-элементы
Панель «Позвонить | Рассчитать | Написать» полезна, если не закрывает контент, форму, cookie и не съедает заметную часть экрана.
Фильтры и каталог
На смартфоне проверьте открытие, выбор значений, сброс, применение, сортировку, количество товаров, закрытие и сохранение параметров. SEO-структура не должна зависеть от действия, недоступного роботу.
Карточки товаров
Фото, цена, наличие, характеристики, варианты, доставка, CTA, отзывы и описание должны быть доступны до бесконечной ленты из фотографий и рекомендаций.
Мобильная выдача
Смотрите не только десктоп: сниппет, Title, Description, дополнительные элементы и конкурентов могут выглядеть иначе. Взаимодействие с сайтом начинается ещё в выдаче.
Основные шаблоны, а не только главная
Проверьте главную, услугу, категорию, карточку, статью, форму и корзину. SEO-трафик редко приходит только на главную.
Адаптивный сайт или отдельный мобильный URL?
Для большинства современных проектов понятнее адаптивный дизайн на одном URL. Яндекс поддерживает и отдельные мобильные URL, но m.site.ru требует дополнительно проверять соответствие страниц, контент, редиректы, связь версий и индексацию. Без необходимости усложнять архитектуру не стоит.
| Что проверяем | Типовая проблема | Последствие |
|---|---|---|
| Контент | Часть скрыта на mobile | Страница слабее |
| Первый экран | CTA ниже экрана | Меньше обращений |
| Форма | Неудобно вводить телефон | Потеря заявок |
| Меню | Сложная навигация | Не находят раздел |
| Скорость | Тяжёлый JS и изображения | Медленная загрузка |
| Popup | Перекрывает экран | Пользователь уходит |
| Фильтр | Неудобен пальцем | Сложно выбрать товар |
| Таблица | Горизонтальный скролл | Информация нечитаема |
| Телефон | Нельзя нажать | Теряются звонки |
| Sticky CTA | Перекрывает контент | Хуже UX |
Как проверить мобильную версию за 30 минут
- 1.Открыть Метрику: сколько органики приходит с mobile?
- 2.Сравнить мобильную и десктопную конверсию.
- 3.Открыть 5–10 главных SEO-страниц на реальном смартфоне.
- 4.Пройти путь: найти цену → меню → форма → звонок → заявка.
- 5.Посмотреть мобильные сессии в Вебвизоре.
- 6.Проверить техническую пригодность и доступность ресурсов.
- 7.Проверить производительность и Core Web Vitals.
- 8.Расположить проблемы: критические → конверсия → UX → косметика.
Не путайте мобильную проблему с SEO-проблемой
Нет показов — сначала проверяем индексацию, интент, структуру и конкуренцию. Переходы есть, а мобильных заявок мало — исследуем UX и конверсию. Десктоп растёт, mobile заметно отстаёт — отдельно смотрим мобильную выдачу и состояние страниц.
«При аудите мобильной версии мне мало увидеть, что сайт помещается в экран. Я хочу пройти путь реального клиента: найти услугу, посмотреть цену, сравнить предложение, открыть кейс и отправить заявку. Если со смартфона это заметно сложнее, чем с компьютера, версия требует доработки».
Константин Шипилов
SEO-специалист, руководитель Шипилов SEO
Чего не стоит делать
- Проверять только главную и только уменьшением окна браузера.
- Удалять важный контент ради короткой страницы.
- Считать burger-меню достаточной адаптацией.
- Ставить несколько перекрывающих экран виджетов.
- Игнорировать форму и реальные сессии.
- Оптимизировать PageSpeed ради цифры, ломая функциональность.
- Считать любую низкую мобильную конверсию проблемой SEO.
FAQ
Влияет ли мобильная версия на SEO?
Да, её состояние важно для поиска и пользователей, но не стоит сводить всё к одному «мобильному фактору».
Нужен ли отдельный мобильный сайт?
В большинстве проектов достаточно качественного адаптивного сайта.
Можно ли скрывать текст на мобильном?
Интерфейс адаптируют, но важный контент не стоит без причины удалять.
Как понять, что проблема именно мобильная?
Сравнить трафик и конверсию по устройствам, пройти целевые сценарии и посмотреть сессии.
Что важнее — скорость или дизайн?
Нельзя выбрать что-то одно: медленный красивый сайт и быстрый сайт с неудобной формой одинаково теряют обращения.
Нужно ли проверять каждую страницу?
Не тысячи URL вручную, а основные шаблоны и приоритетные посадочные.
Связанные материалы
Что должно быть на странице услуги · Почему SEO-трафик растёт, а заявок больше не становится · Как анализировать конкурентов · Как проверить индексацию.
Мобильный трафик есть, а заявок мало?
Проверим, как приоритетные страницы работают на смартфонах: от индексации и скорости до первого экрана, форм и целевых действий.