TL;DR
Google и Яндекс используют Mobile-First Indexing — основная версия сайта это мобильная. 70-80% трафика приходит с мобильных устройств. Оптимизация: адаптивный дизайн, скорость < 2,5 сек на мобильных, удобство использования (большие кнопки, читаемый шрифт), отсутствие назойливых попапов.
Mobile-First Indexing
С 2021 года Google полностью перешёл на Mobile-First Indexing. Это значит:
- Бот заходит как мобильный.
- Индексирует мобильную версию контента.
- Десктопная версия игнорируется (если контент отличается).
Яндекс работает аналогично с 2020 года.
Архитектура
Адаптивный дизайн ⭐
Один сайт, один URL, разный CSS под разные размеры. Рекомендуется Google и Яндексом.
Преимущества:
- Один контент = нет дублей.
- Один URL = ссылочный вес не размывается.
- Легче поддерживать.
Динамическая отдача
Один URL, но сервер отдаёт разный HTML в зависимости от User-agent.
Сложнее в поддержке, есть риск маскировки. Применяется реже.
Отдельный мобильный сайт (m.example.com)
Раньше был популярен, сейчас не рекомендуется.
Проблемы:
- Дубли контента.
- Канонические/alternate ссылки между версиями.
- Двойная поддержка.
Если у вас такой — стоит мигрировать на адаптивный.
Чек-лист адаптивности
Viewport
В <head>:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />Шрифты
- Минимум 16px для основного текста.
- 14-15px допустимо для второстепенного.
- Меньше 14px — нечитабельно на мобильных.
Кликабельные элементы
- Минимум 44×44 пикселя для тач-зон.
- Расстояние между элементами — минимум 8 пикселей.
- Кнопки достаточно крупные.
Горизонтальная прокрутка
Не должно быть. Все элементы помещаются в ширину экрана.
Изображения
- Адаптивные (
max-width: 100%). - Lazy loading.
- Корректные размеры.
Видео
Адаптивные iframes (responsive embed).
Формы
- Поля достаточно широкие.
inputmodeдля специальных типов (numeric, tel, email).autocompleteатрибуты.
Скорость на мобильных
Мобильные устройства слабее, мобильный интернет медленнее. Требования жёстче:
- LCP ≤ 2,5 сек.
- INP ≤ 200 мс.
- CLS ≤ 0,1.
Подробнее в статье Core Web Vitals 2026.
Ключевые приёмы
- WebP/AVIF для картинок.
- Минификация и сжатие.
- Lazy loading.
- Lazy hydration (для SPA).
- Критический CSS inline.
- Удаление неиспользуемых скриптов.
- Cloudflare/CDN.
UX-моменты
Попапы
Google наказывает за «назойливые межстраничные баннеры»:
- Полноэкранный попап сразу при заходе — минус.
- Большой баннер, перекрывающий контент — минус.
Допустимы:
- Cookie-нотификации.
- Баннеры в верхней части (тонкие).
- Попапы по интенту (после скролла, после действия).
Скролл
- Sticky-меню — допустимо, если не занимает больше 15% экрана.
- Бесконечный скролл — должен иметь fallback на пагинацию для индексации.
Жесты
- Свайпы для галерей.
- Pull-to-refresh — не должен ломать функциональность.
Клавиатура
- Поля для телефонов —
inputmode="tel". - Поля для email —
type="email". - Числовые поля —
inputmode="numeric".
AMP в 2026
AMP (Accelerated Mobile Pages) теряет актуальность:
- Google убрал AMP-приоритет в Top Stories.
- Многие крупные сайты отказались от AMP.
- Преимущества AMP теперь достижимы обычными методами (Core Web Vitals).
Если у вас AMP — не критично, можно оставить. Если нет — не обязательно внедрять.
PWA (Progressive Web Apps)
PWA даёт «приложение в браузере»:
- Push-уведомления.
- Оффлайн-режим.
- Иконка на главном экране.
- Service Worker.
SEO-эффект — косвенный (через retention и поведенческие факторы). Не обязательно для большинства бизнесов.
Mobile usability в Search Console
Раздел «Mobile Usability» (или «Page Experience» в новой версии). Отчёт показывает:
- Text too small to read.
- Clickable elements too close together.
- Content wider than screen.
- Viewport not configured.
Должно быть ноль ошибок.
Турбо-страницы Яндекса
Аналог AMP от Яндекса. Полностью отдельный формат.
В 2026:
- Информационные сайты ещё используют.
- Коммерческие — почти отказались.
- Постепенно теряет значимость.
Тестирование
- Chrome DevTools — Device Toolbar для эмуляции мобильных.
- PageSpeed Insights — отдельные результаты для Mobile/Desktop.
- Mobile-Friendly Test Google.
- Реальные устройства — обязательная проверка топ-3-5 моделей вашей аудитории.
Чек-лист
- [ ] Viewport meta-tag.
- [ ] Адаптивный дизайн.
- [ ] Шрифт ≥ 16px.
- [ ] Кнопки ≥ 44×44 px.
- [ ] Нет горизонтальной прокрутки.
- [ ] Нет назойливых попапов.
- [ ] LCP < 2,5 сек.
- [ ] INP < 200 мс.
- [ ] CLS < 0,1.
- [ ] Mobile Usability в GSC — без ошибок.
- [ ] Адаптивные изображения (
<img srcset>). - [ ] Lazy loading.
- [ ] Удобные формы.
Заказать мобильную оптимизацию
В рамках технического аудита или оптимизации скорости приведу мобильную версию в зелёную зону.