Зачем проверять мобильную версию
Проверка мобильной версии показывает, удобно ли открывать страницу со смартфона: помещается ли она по ширине, читается ли текст и можно ли попасть пальцем в кнопки. Больше половины визитов из поиска — с телефонов, а Google индексирует сайты по мобильной версии.
Инструмент открывает страницу в настоящем браузере Chrome на экране 390×844 пикселей с мобильным User-Agent, делает скриншот первого экрана и замеряет всё прямо на странице — так, как её видит посетитель, а не по исходному коду.
Как пользоваться
- Вставьте адресГлавную, карточку товара, статью — любую страницу сайта.
- Запустите проверкуОбычно 5–15 секунд: страница грузится в мобильном браузере.
- Посмотрите на скриншотСлева — первый экран, как на телефоне, справа — найденные проблемы с примерами элементов.
- Исправьте и проверьте сноваОтчёт сохраняется по ссылке — его можно отправить разработчику.
Что проверяется
- Meta viewportЕсть ли тег, подстраивается ли страница под ширину экрана и не запрещено ли увеличение.
- Горизонтальная прокруткаШире ли страница экрана и какие именно блоки вылезают за край.
- Размер шрифтаДоля текста мельче 12 пикселей с примерами фраз.
- Кнопки для пальцаСсылки и кнопки меньше 24×24 пикселей, стоящие вплотную к соседним, — по правилам доступности WCAG 2.2.
- Окна поверх страницыБаннеры и всплывающие окна, закрывающие больше 30 % экрана при открытии.
- Скорость и весВремя до первого байта и готовности страницы, вес и число запросов на мобильном.
Без meta viewport телефон рисует страницу шириной около 980 пикселей и уменьшает её в 2–3 раза. Шрифт и кнопки в отчёте оцениваются с учётом этого уменьшения — именно так их видит посетитель.
Вопросы и ответы
Чем это лучше просмотра с моего телефона?
Глазами легко пропустить кнопки, в которые трудно попасть, мелкий текст в подвале или блок, на пару пикселей вылезающий за край. Инструмент замеряет каждый элемент и показывает, какие именно нужно поправить.
Почему важна мобильная версия для SEO?
Google индексирует сайты по мобильной версии, а Яндекс учитывает удобство на телефонах в ранжировании мобильной выдачи. Если на телефоне страницу неудобно читать, посетители быстрее уходят, и поведенческие факторы ухудшаются.
Какой размер кнопок считается нормальным?
По правилам доступности WCAG 2.2 — не меньше 24×24 пикселей или достаточный отступ до соседних элементов. Google советует 48×48 пикселей для основных кнопок. Ссылки внутри текста исключение и не считаются ошибкой.
Почему скриншот отличается от моего телефона?
Проверка идёт на экране 390×844 пикселей, как у большинства современных смартфонов, с российским IP и без cookies. Если сайт показывает разные версии по городу или авторизации, первый экран может отличаться.
Это бесплатно?
Да. Без регистрации — до 10 проверок в день, после регистрации — без ограничений.