Google Mobile-Friendly Test
Google Mobile-Friendly Test - бесплатный онлайн-инструмент от Google, позволяющий проверить, насколько веб-страница удобна для просмотра на мобильных устройствах. Сервис анализирует страницу и выдаёт отчёт о соответствии критериям Google для мобильной оптимизации.
В интернет-маркетинге и SEO Google Mobile-Friendly Test используется для диагностики проблем с мобильной версией сайта и подготовки к mobile-first индексации.
Зачем нужен тест
[править]Для SEO
[править]- Google с 2020 года использует mobile-first индексацию - поисковый робот в первую очередь смотрит мобильную версию сайта
- Неадаптированные сайты могут терять позиции в выдаче
- Тест показывает, соответствует ли страница критериям Google
Для пользователей
[править]- Более половины трафика - с мобильных устройств
- Неудобный на телефонах сайт отпугивает посетителей
- Проверка помогает улучшить пользовательский опыт
Для бизнеса
[править]- Удобный на мобильных сайт лучше конвертирует
- Выше конверсия, больше продаж
- Лучше поведенческие факторы
Как работает тест
[править]Процесс проверки
[править]- Пользователь вводит URL страницы
- Googlebot загружает страницу в эмуляторе мобильного устройства
- Анализируется код, CSS, JavaScript, изображения
- Формируется отчёт с результатами
Что проверяется
[править]- Читаемость текста (достаточный ли размер шрифта)
- Размер кликабельных элементов (не слишком ли мелкие кнопки)
- Отсутствие горизонтальной прокрутки
- Корректность viewport (мета-тег)
- Использование плагинов, не поддерживаемых на мобильных (Flash)
- Скорость загрузки (частично)
Результат
[править]Тест выдаёт 1 из 3 вердиктов:
- Страница удобна для мобильных - всё хорошо
- Страница неудобна для мобильных - есть проблемы
- Не удалось проверить - технические ошибки
При наличии проблем тест показывает конкретные ошибки и рекомендации по их исправлению.
Что означает «удобна для мобильных»
[править]Страница считается мобильно-дружественной, если:
- Контент подстраивается под ширину экрана
- Текст читается без увеличения
- Ссылки и кнопки достаточно крупные
- Не требуется горизонтальная прокрутка
- Нет навязчивых всплывающих окон
- Нет несовместимых технологий (Flash)
Как исправить ошибки
[править]Отсутствие viewport
[править]Добавить мета-тег в раздел <head>:
<meta name="viewport" content="width=device-width, initial-scale=1">
Мелкий текст
[править]Увеличить размер шрифта (рекомендуется не менее 16px).
Мелкие кнопки
[править]Увеличить кликабельные элементы до минимум 44×44 пикселя и обеспечить достаточные отступы.
Горизонтальная прокрутка
[править]- Использовать относительные единицы (%) вместо пикселей
- Убедиться, что все элементы помещаются в ширину экрана
- Проверить CSS на наличие overflow: hidden
Контент шире экрана
[править]Найти элементы фиксированной ширины и сделать их адаптивными.
Flash-контент
[править]Заменить на HTML5-аналоги (Flash не поддерживается на мобильных).
Дополнительные возможности
[править]Проверка отдельных страниц
[править]Тест можно запускать для любой страницы сайта, не обязательно главной.
Скриншот
[править]Инструмент показывает скриншот того, как страница выглядит на мобильном экране.
Ссылка на результаты
[править]Можно поделиться ссылкой на отчёт с разработчиками или коллегами.
Ограничения
[править]- Проверяет только одну страницу за раз
- Не заменяет полноценный аудит сайта
- Не проверяет все аспекты мобильного юзабилити
- Результат может отличаться от реальных устройств (эмуляция)
Альтернативы
[править]- Responsive Design Checker - проверка на разных разрешениях
- PageSpeed Insights - кроме мобильной оптимизации, даёт данные о скорости
- Lighthouse - расширенный аудит прямо в браузере
- Chrome DevTools - эмуляция мобильных устройств
