Метатег <meta name="viewport"> определяет, как браузер должен отображать страницу на мобильных устройствах. Он указывает ширину области просмотра, масштаб и возможность изменения масштаба.
Почему Viewport критически важен для SEO
Поисковые системы при ранжировании в первую очередь учитывают мобильную версию сайта. Отсутствие или некорректный тег viewport приводит к:
- Неправильному отображению сайта на смартфонах,
- Увеличению показателя отказов (пользователь не может прочитать текст),
- Снижению позиций в поиске — особенно в мобильной выдаче.
Каким должен быть правильный Viewport
Корректный тег выглядит так:
<meta name="viewport" content="width=device-width, initial-scale=1">
Это означает:
- width=device-width — ширина области просмотра равна ширине экрана устройства,
- initial-scale=1 — начальный масштаб 100%, без увеличения или уменьшения.
Избегайте значений вроде user-scalable=no — они нарушают доступность и могут быть наказаны поисковиками.
Как RIVVA помогает контролировать Viewport
RIVVA автоматически проверяет каждую просканированную страницу и определяет:
- Наличие метатега
<meta name="viewport">, - Корректность его значения (соответствие стандарту
width=device-width, initial-scale=1).
Если тег отсутствует или содержит ошибки — вы увидите 🔴 красный индикатор в блоке «viewport». Нажмите на него — и скачайте CSV-файл со списком проблемных URL.
Что делать, если Viewport отсутствует или некорректен
1. Скачайте отчёт из RIVVA.
2. Добавьте корректный тег в шаблон сайта (в секцию <head>).
3. Проверьте отображение на реальных устройствах.
4. Запустите повторное сканирование — убедитесь, что ошибка устранена.
5. Дождитесь переиндексации (обычно 3–14 дней).
Вывод
Тег viewport — обязательный элемент современного SEO. Его отсутствие или неправильная настройка напрямую снижают видимость сайта в мобильной поисковой выдаче. Контролируйте этот параметр автоматически с помощью RIVVA.