Mobile-first indexing — изменение способа индексации в Google. Раньше Google индексировал desktop-версию и от неё считал ранжирование. С 2024 Google индексирует все сайты через мобильную версию — то есть Googlebot заходит как mobile bot и показывает то, что вы показываете на мобильном экране, и именно это попадает в индекс Google. Это серьёзное изменение, и многие владельцы до сих пор не понимают или не реализуют правильно.
Почему Google перешёл на mobile-first
Исторические причины. До 2015 desktop был сильнее мобильного. В 2016 мобильный обогнал desktop. Сегодня 60%+ интернет-трафика мобильный, в некоторых рынках (Индия, Африка, частично Узбекистан) — 80%+.
Это изменение реального поведения вынудило Google адаптировать алгоритм. Если 60-80% пользователей заходит с мобильного, индексация должна быть с мобильного.
Как работает mobile-first
Технически Smartphone Googlebot (с \"Mobile\" в User Agent) приходит на сайт, рендерит в мобильном режиме и добавляет результат в индекс.
То есть: что бы ни было в desktop-версии, если контента нет или он неправильный в мобильной — Google его не индексирует. Desktop с 3000 слов, mobile с 500 слов — Google индексирует 500-слов версию.
Главная ошибка — разный контент
Многие сайты в 2010-2018 имели отдельные мобильные версии (m.example.com) с сокращённым контентом. С mobile-first это серьёзная SEO проблема — Google индексирует урезанный mobile.
Решение — responsive дизайн. Один HTML/CSS, который подстраивается под экран. Bootstrap, Tailwind — стандарт. Если ещё не перевели m.-сайт на responsive — срочно сделайте.
Responsive дизайн и viewport meta
Первый шаг — viewport meta в head: <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">.
Потом CSS media queries для разных экранов. Маленький — 1 колонка, большой — 2-3. Контент один, только отображение меняется.
Проверка mobile-friendly
Google Mobile-Friendly Test (search.google.com/test/mobile-friendly) — введите URL, увидите как Google видит мобильно. Зелёный — OK, красный — проблемы.
В GSC \"Mobile Usability\" — статус всех страниц. Ошибки \"Text too small\", \"Clickable elements too close\", \"Content wider than screen\" указывают на конкретные проблемы.
Mobile performance — Core Web Vitals
С mobile-first скорость мобильной версии важнее. LCP, INP, CLS — три фактора, Google измеряет на мобильном. Быстрый desktop может быть медленным мобильным.
Оптимизация: разные размеры картинок для мобильного (srcset), lazy loading, minify JS/CSS, critical CSS inline, CDN edge cache. PageSpeed Insights mobile показывает real user data.
Mobile UX
Google оценивает и UX. Tap targets минимум 48x48 px, расстояние между кнопками 8 px, текст 16 px, без интрузивных popup. Всё в Page Experience.
Главная ошибка — \"intrusive interstitial\" — полноэкранный popup при открытии мобильной страницы. Google штрафует.
Local SEO и mobile
Локальные запросы (\"рядом ресторан\", \"открытая аптека\") в основном с мобильного. Google показывает Google Business Profile. Для локального бизнеса GBP должен быть полным.
В local pack видны фото, отзывы, часы, направления, телефон. Пользователь может получить инфо вообще не заходя на сайт.
Практика Сайт.uz
Сайт.uz с начала mobile-first. Desktop-контент не сокращён, один контент. Responsive layout, viewport meta, Core Web Vitals mobile зелёные (LCP 1.8s, INP 120ms, CLS 0.03).
Статистика: 73% mobile, 24% desktop, 3% tablet. Dwell time мобильных пользователей выше desktop. Mobile-first дизайн обслуживает их хорошо.