Какие проблемы подсвечиваются и почему
На снимке отмечаются шесть видов проблем: мелкий текст, мелкие кнопки, окна поверх страницы, заголовки, медленные картинки и элементы, замедляющие или сдвигающие страницу.
Что вы получите
Вы понимаете, откуда берётся каждая рамка и почему она важна для посетителей и поиска.
Что означает каждый тип
- Текст: размер меньше 12 px трудно читать на телефоне; от 9 px и меньше — критично.
- Кнопки и ссылки: зона нажатия меньше 24 px или соседние цели ближе 8 px; ориентир — 44×44 px.
- Окна поверх страницы: закрепляют от 20% экрана (окна cookie и всплывающие — от 8%); от 30% на телефоне — критично.
- Заголовки: нет H1, их несколько, пропущен уровень (H1 → H4) или заголовок пустой.
- Картинки: грузятся дольше секунды или весят от 250 КБ, больше показанного размера, без width/height, с lazy на первом экране, без alt.
- Скорость: главный элемент LCP при медленной загрузке и блоки, сдвигающие страницу (CLS).