Проверка адаптивности сайта
Введите адрес страницы — сервис проверит, готова ли она к мобильным: есть ли тег viewport, адаптивная вёрстка (медиа-запросы), нет ли фиксированной ширины и слишком мелкого текста. Быстрая эвристическая проверка по коду страницы.
Что такое адаптивность и почему она важна
Адаптивный (отзывчивый) сайт подстраивается под размер экрана: на телефоне он перестраивает вёрстку, а не показывает уменьшенную десктопную версию, по которой приходится возить пальцем. Сегодня это обязательно: большинство посетителей заходят с мобильных, а поисковики используют мобильную версию как основную при индексации (mobile-first). Неудобный на телефоне сайт теряет и посетителей, и позиции.
Что проверяет сервис
Мы смотрим четыре базовых признака адаптивности прямо в коде страницы: тег viewport (без него телефон показывает десктопную ширину), медиа-запросы (@media перестраивают вёрстку под экран), фиксированную ширину в пикселях (вызывает горизонтальную прокрутку) и размер шрифта (слишком мелкий текст тяжело читать). Это быстрая эвристика по HTML и CSS — она ловит типичные проблемы, но не заменяет полноценный рендер на реальном устройстве.
Как сделать сайт адаптивным
Добавьте тег viewport в шапку, используйте относительные единицы (%, em, rem) вместо жёстких пикселей, настройте медиа-запросы под ключевые точки (телефон, планшет, десктоп), проверьте, что ничего не вылезает за экран и текст читаем. Подробнее — в статье про mobile-first индексацию и мобильную версию сайта.