Войти Регистрация Проверить сайт

Проверка Mobile Friendliness

Viewport, шрифты, responsive images, apple-touch-icon, theme-color, PWA manifest, WCAG-доступность zoom. Проверяем сайт глазами Mobile Googlebot.

Что мы проверяем

Viewport meta tag — фундамент

Без viewport meta браузер рендерит desktop-версию на mobile (980px ширина), и юзер видит крошечный нечитаемый текст. Стандарт 2026:

<meta name="viewport" content="width=device-width, initial-scale=1">

Не используйте user-scalable=no — это нарушает WCAG 2.5.3 (zoom до 200% обязателен для слабовидящих).

Шрифты ≥14px

  • Body — ≥16px (Apple HIG, Material Design)
  • Подзаголовки, метаданные — ≥14px
  • Бейджи, pills, status — допустимо 11-12px

Шрифты <14px на основном тексте — критическая ошибка для mobile UX. Я.Метрика учитывает время и глубину, которые падают при нечитаемом тексте.

Responsive images

На mobile 440px width грузить 1480px PNG = потеря трафика и медленный LCP. Стандарт 2026:

<picture><source srcset="img-440.webp 440w, img-880.webp 880w" type="image/webp"><img src="..." srcset="img-440.png 440w, img-880.png 880w"></picture>

Дополнительно: loading="lazy" для below-the-fold картинок (но НЕ на hero — потеря LCP).

PWA-сигналы

  • apple-touch-icon 180×180 — для iOS добавления на главный экран
  • theme-color meta — цвет статус-бара iOS/Android
  • manifest.json — для PWA installability

Доступность (WCAG)

  • HTML с lang-атрибутом (для screen readers)
  • Touch targets ≥48×48px (Material), ≥44×44px (Apple HIG)
  • Между кликабельными элементами зазор ≥8px
  • Возможность zoom до 200% (без user-scalable=no, без maximum-scale<2)

FAQ

Чем отличается от Google Mobile-Friendly Test?

Google закрыл Mobile-Friendly Test 1 декабря 2023. Теперь информация в Google Search Console → Page Experience. Наш инструмент — самостоятельная альтернатива, проверяет 12 параметров mobile-готовности, включая WCAG-доступность zoom (Google не проверяет это явно).

Почему ваш чекер посылает запрос с Mobile UA?

Многие сайты серверно отдают разный HTML для mobile (responsive design в коде, или отдельные m-dot домены). Чтобы видеть mobile-версию глазами Googlebot для смартфонов, мы используем User-Agent типичного Android Chrome.

Что такое mobile-first indexing?

С июля 2019 Google индексирует mobile-версию как основную (раньше — desktop). Если desktop≠mobile (контент, Schema, ссылки), Google видит только mobile. Поэтому мобильная версия должна содержать ВСЁ что есть на desktop, не урезанная.

Делать ли AMP-версию в 2026?

Нет. Google убрал требование AMP для Top Stories ещё в 2021, и фактически AMP мёртв с 2022 года. Я.Турбо тоже закрыт в 2024-2025. Все эти технологии заменены mobile-friendly responsive design на одном URL.

Что такое Material Design тач-таргеты?

Минимальные размеры кликабельных элементов: 48×48dp (Material), 44×44pt (Apple HIG). Это размер пальца взрослого человека на экране. Кнопки <40px пользователь промахивается, бесит, уходит. Можно делать визуально маленькую кнопку, но padding должен давать тач-зону 48px.

Связанные инструменты