Инструмент Дня
Mobile-First индексация — это подход, при котором поисковик оценивает и ранжирует сайт по его мобильной версии, а не по настольной. С 5 июля 2024 года Google полностью перешёл на такую модель: для индексации и ранжирования используется только мобильная версия контента. Если на телефоне текст обрезан, часть ссылок скрыта или страница «плывёт», поиск этого просто не увидит — даже при идеальном десктопе.
Поисковик смотрит на сайт глазами телефона. Для него важны три вещи: тот же контент, что и на десктопе, корректный viewport и удобство нажатий. Проверка занимает 20 минут и не требует платных инструментов.
- Подойдёт: любому публичному сайту, который хочет получать трафик из поиска: лендингу, блогу, каталогу, интернет-магазину.
- Не подойдёт: служебным и внутренним панелям, закрытым от индексации через robots.txt или паролем.
Кому подходит аудит, а кому нет
Рекомендуется:
- Сайтам, у которых десктопная и мобильная версии делались в разное время и расходятся по контенту.
- Проектам после редизайна: вёрстка поменялась, а индексация — нет.
- Перед рекламной кампанией: рекламный трафик с телефонов должен попадать на рабочую страницу, а не на «сжатую» версию.
- Интернет-магазинам и каталогам: скрытые на мобильной версии фильтры и категории выпадают из индекса.
Не подходит:
- Внутренним панелям и личным кабинетам, которые намеренно закрыты от поиска.
- Тестовым поддоменам и стендам без публичного трафика.
- Одностраничникам без SEO-задач, где сайт нужен только для прямых переходов с рекламы.
Что изменилось и почему это важно
Google начал переход на Mobile-First индексацию ещё в 2016 году, а завершил его 5 июля 2024 года — с этой даты мобильная версия стала единственным источником контента для индексации. Об этом прямо сказано в справке Google Search Central. Практический вывод простой: всё, что скрыто на телефоне, для поисковика не существует, будь то текст, ссылки или блок с ценами.
Второй слой — скорость и удобство. С 2021 года сигналы Core Web Vitals учитываются в ранжировании, а с марта 2024 года место метрики FID заняла INP — она измеряет отзывчивость интерфейса. На мобильных устройствах и в медленных сетях метрики проседают заметно сильнее, поэтому именно мобильная версия чаще всего «тянет» сайт вниз.
Третий фактор — рассинхронизация версий. Если мобильная вёрстка собиралась отдельно от десктопной, контент на них со временем расходится: на компьютере появляются новые разделы, на телефоне — нет. Поисковик видит только телефон и просто не индексирует то, что не дорендерилось.
Что проверять в первую очередь
| Что проверяем | Проблема | Как исправить |
|---|---|---|
| Контент мобильной версии | Текст и ссылки скрыты через display:none | Показывать тот же контент, что на десктопе |
| Meta viewport | Страница сжимается до десктопной ширины | Добавить <meta name="viewport" content="width=device-width, initial-scale=1"> |
| Размер кликабельных зон | Кнопки и ссылки мельче 48 px — мимо пальцем | Увеличить кнопки и отступы между ними |
| Ширина контента | Горизонтальная прокрутка и «вылеты» блоков | Гибкая вёрстка, картинки с max-width: 100% |
| Скорость и INP | Тяжёлые скрипты тормозят реакцию на нажатие | Убрать лишние скрипты, отложить загрузку |
Пошаговый аудит за 20 минут
-
Шаг 1: Сравните контент двух версий
Откройте страницу в мобильном режиме DevTools и сравните с десктопом: совпадают ли заголовки, тексты и ссылки. Всё, что есть только на компьютере, для поиска недоступно.
DevTools → Ctrl+Shift+M → выбрать телефон -
Шаг 2: Проверьте viewport и масштабирование
Убедитесь, что в
<head>есть meta viewport, а текст не приходится увеличивать пальцами. Отсутствие тега — самая частая причина «десктопной» страницы на телефоне.<meta name="viewport" content="width=device-width, initial-scale=1"> -
Шаг 3: Оцените нажатия и прокрутку
Проведите пальцем по экрану: нет ли горизонтальной прокрутки, не наезжают ли кнопки друг на друга. Зоны нажатия делайте не меньше 48 пикселей — это ориентир удобства из рекомендаций Google.
Проверить: кнопки ≥ 48×48 px, отступ ≥ 8 px -
Шаг 4: Замерьте скорость
Прогоните страницу через PageSpeed Insights в мобильном режиме: он покажет LCP, INP и CLS отдельно для телефона. Смотрите именно мобильную вкладку, а не средний балл.
https://pagespeed.web.dev/?url=example.com -
Шаг 5: Проверьте индексацию
В Google Search Console откройте отчёт «Удобство для мобильных» и раздел «Проверка URL»: там видно, как робот видит страницу и какие элементы он не может прочитать. Дублирующие мобильные версии закрывайте каноническими ссылками.
Search Console → Опыт → Удобство для мобильных
Подводные камни и частые ошибки
- Скрытый контент: блоки с текстом, свёрнутые «под кат» без возможности раскрытия, и ссылки, доступные только по ховеру, выпадают из индекса.
- Отключённый JS: если контент дорисовывается скриптом, проверьте его рендеринг через инструмент проверки URL, а не только глазами в браузере.
- Две разные версии: при отдельном m-домене контент обязан совпадать с основной версией, а редиректы — работать без петель.
- Всплывающие окна: перекрывающие контент баннеры и интерстициалы мешают пользователю и оцениваются как проблема удобства.
- Тяжёлые изображения: неоптимизированные картинки на телефоне бьют по LCP сильнее всего — используйте современные форматы и lazy-loading ниже первого экрана.
Контрольный чек-лист
- [ ] Мобильная версия содержит тот же текст и ссылки, что десктоп
- [ ] В
<head>есть meta viewport - [ ] Нет горизонтальной прокрутки и «вылетов» блоков
- [ ] Кнопки и ссылки не меньше 48 px, с отступами
- [ ] Шрифт и межстрочный интервал читаются без увеличения
- [ ] PageSpeed Insights в мобильном режиме без критичных ошибок
- [ ] Контент виден роботу при рендеринге JS
- [ ] В Search Console нет страниц с ошибками удобства
Часто задаваемые вопросы
Что такое Mobile-First индексация простыми словами?
Это подход, при котором поисковик оценивает и ранжирует сайт по его мобильной версии, а не по десктопной. Контент и ссылки, которых нет на телефоне, для поиска фактически не существуют. Поэтому мобильная версия должна быть полноценной, а не урезанной копией.
Нужен ли отдельный сайт m.example.com?
Нет, сегодня это редкость и лишний риск рассинхронизации. Достаточно адаптивной вёрстки, когда один и тот же URL и один и тот же контент отдаются и на телефоне, и на компьютере. Отдельная мобильная версия допустима, но её контент обязан совпадать с основной.
Как быстро проверить мобильную версию сайта?
Откройте сайт в мобильном режиме DevTools и сравните с десктопом: совпадают ли текст и ссылки, есть ли meta viewport, не вылезает ли контент за экран. Затем прогоните страницу через PageSpeed Insights или мобильный тест Google — он же покажет проблемы удобства использования.
Влияет ли скорость мобильной версии на позиции?
Да. С 2021 года скорость входит в оценку через метрики Core Web Vitals, а с марта 2024 года вместо FID измеряется INP — отзывчивость интерфейса. На мобильных устройствах и медленных сетях эти метрики проседают быстрее, чем на десктопе, поэтому их проверяют в первую очередь.
Вывод
Mobile-First индексация означает, что сайт оценивают по мобильной версии: сначала убедитесь, что на телефоне есть весь контент и корректный viewport, затем — что по странице удобно нажимать и она быстро грузится. Начните с одного шаблона страницы и проверьте его по чек-листу, а потом раскатайте правки на весь сайт. Дальше логично заняться скоростью: как вывести метрики в норму, разбираем в статье Core Web Vitals: LCP, INP и CLS. А чтобы оценить конкурентов или чужой сайт по тем же критериям, пригодится материал быстрая проверка чужого сайта.