Техническое SEO
Аудитор удобства для мобильных и размера тап-таргетов
Google закрыл собственный Mobile-Friendly Test ещё в 2023 году. Вставьте HTML страницы (и CSS, если он не встроен) — инструмент выполнит семь настоящих проверок: viewport meta, фиксированная десктопная ширина макета, читаемый размер шрифта, оценка размера тап-таргетов, устаревшие плагины и цветовой контраст по WCAG.
Проверки, требующие CSS (ширина макета, размер шрифта, тап-таргеты, контраст), будут пропущены или помечены как «недостаточно данных», если CSS не найден ни в HTML, ни в этом поле.
Это статический аудит на основе правил — страница не рендерится как на настоящем телефоне, поэтому результаты по тап-таргетам и макету являются приближёнными оценками на основе вашего CSS, а не точными измерениями в пикселях.
Что проверяет этот инструмент
Семь проверок, важных для реальных мобильных посетителей и для mobile-first индекса Google: корректный тег viewport, не блокирующий масштабирование; отсутствие жёстко заданной десктопной ширины макета; отсутствие нечитаемо мелкого текста; удобный размер тап-таргетов у ссылок и кнопок; отсутствие мёртвой разметки Flash/Java/marquee; и соответствующий WCAG контраст текста. Вставьте полный HTML страницы (подойдёт View Source) и CSS, если он находится во внешней таблице стилей.
Как работает каждая проверка
Здесь ничего не угадывается — каждый результат получен путём разбора вставленного вами HTML (DOM) и CSS (настоящий парсер правил, разворачивающий блоки @media), после чего применяются те же пороги, что публикуют Google и WCAG.
Тег meta viewport
Проверяет наличие тега, использование width=device-width и initial-scale=1, а также отсутствие блокировки масштабирования щипком (user-scalable=no или maximum-scale менее 2) — это нарушение WCAG 1.4.4.
Фиксированная десктопная ширина макета
Сканирует CSS на структурные селекторы (body, .wrapper, .container, #page и т.д.) с жёстко заданной шириной или min-width от 601px и выше — классический признак того, что макет никогда не делали адаптивным.
Читаемый размер шрифта
Отмечает любое объявление font-size меньше 12px — общепринятый минимум для комфортного чтения на экране телефона без масштабирования щипком.
Размер тап-таргета
Оценивает рендеринговую высоту ссылок, кнопок и элементов role="button" по font-size, line-height и padding (или явным width/height) и сравнивает её с рекомендацией ~44-48px от Google Lighthouse и WCAG 2.5.5.
Устаревший контент плагинов
Отмечает <applet>, <marquee>, <blink> и любые <embed>/<object>, указывающие на Flash (.swf) — ничто из этого не работает ни в одном современном мобильном браузере.
Цветовой контраст (WCAG)
Для любого правила CSS, задающего одновременно цвет текста и цвет фона, вычисляет реальное отношение контраста по относительной яркости WCAG и сверяет его с минимумом AA 4.5:1 (или 3:1 для крупного/жирного текста).
Адаптивные точки перехода
Считает количество правил @media в вашем CSS как ориентировочный сигнал того, что макет подстраивается под меньшие экраны — это лишь справочная информация, поскольку гибкий макет может быть адаптивным и без единого медиазапроса.
Часто задаваемые вопросы
Почему Google закрыл Mobile-Friendly Test?
Google закрыл отдельный инструмент Mobile-Friendly Test в декабре 2023 года, объединив проверку мобильного удобства с более широкими отчётами Search Console без быстрой однострочной проверки. Этот инструмент восполняет этот пробел быстрым аудитом на основе правил, без входа в систему, для любого вставленного HTML.
Почему нужно вставлять CSS отдельно?
Большинство реальных страниц загружают CSS из внешней таблицы стилей (<link rel="stylesheet">), которую этот инструмент не может получить за вас только по вставленному HTML. Вставьте содержимое этой таблицы стилей в поле CSS, и проверки макета, размера шрифта, тап-таргетов и контраста будут выполнены на её основе.
Какой размер тап-таргета считается хорошим?
Примерно 44-48 CSS-пикселей в высоту и ширину, согласно Google Lighthouse и WCAG 2.5.5 (Target Size). Ниже этого значения настоящий палец на настоящем экране заметно чаще промахивается по соседним ссылкам.
Точна ли оценка тап-таргета?
Нет — это надёжная оценка на основе заявленных вами font-size, line-height и padding (или явных width/height), а не рендеринг в реальном браузере. Результаты около границы 44-48px стоит «проверить на реальном устройстве», а результаты значительно ниже считать явным провалом.
Отправляет ли этот инструмент мой HTML или CSS куда-либо?
Вставленные вами HTML/CSS отправляются один раз, по HTTPS, на наш сервер для запуска парсера (это нужно, чтобы один и тот же движок правил работал одинаково для всех), и не сохраняются после этого запроса.