Сторінка не має тега viewport
У звітіViewport meta missing
viewport_meta_missing · Проблема
Це з’являється, коли HTML сторінки не має метатега viewport або перший такий тег порожній. Без нього телефони можуть відрендерити сторінку як широку настільну й зменшити її, щоб вона вмістилася на екрані. Додайте <meta name="viewport" content="width=device-width"> у head сторінки.
Серйозність: Низька. Виправте це в шаблоні сторінки: без оголошення viewport телефони можуть використовувати широкий настільний viewport і зменшувати сторінку замість компонування за шириною пристрою.
Чому це важливо
Деякі телефони та інші вузькі екрани рендерять сторінки у віртуальному вікні, ширшому за екран, а потім зменшують результат, щоб він умістився. Метатег viewport каже їм використовувати власну ширину пристрою.
Що зробити
- Додайте
<meta name="viewport" content="width=device-width">у<head>сторінки чи її шаблону;initial-scale=1поширений, хоча зазвичай зайвий. - Якщо тег уже є, переконайтеся, що перший тег viewport на сторінці — заповнений.
- Запустіть новий аудит, щойно зміна буде на сайті.
Коли залишити як є: якщо сторінку свідомо спроєктовано під фіксовану настільну ширину і ви приймаєте, що телефони її зменшують, тег можна не додавати; більшості сайтів він потрібен.
Що ми читаємо
Ми читаємо перший <meta name="viewport"> у HTML кожної просканованої сторінки, не виконуючи JavaScript. Сторінка фіксується, коли його немає або перший не має вмісту чи містить лише пробіли; порожній перший тег фіксується, навіть якщо за ним іде заповнений, а будь-яке непорожнє значення проходить без перевірки.
Сторінки з позначкою noindex і сторінки, що називають канонічною іншу сторінку, теж перевіряються. Сторінки, що є лише каркасом для скриптів, залишаються неперевіреними, бо отриманий HTML не дозволяє встановити остаточний head; сторінка, де скрипти будують частину контенту, однаково перевіряється, із середньою впевненістю.
Приклад і докази
Ілюстративний приклад — одна сторінка, а не реальний аудит.
Адреса: https://bakery.example/about/. Head, який ми прочитали:
<head><meta charset="utf-8"><title>About our bakery</title></head>Тега viewport немає, тому сторінка фіксується.
Можливе виправлення:
<meta name="viewport" content="width=device-width, initial-scale=1">Тег, записаний із content="", однаково був би зафіксований.
Підтвердити й перевірити знову
Перевірте самі: перегляньте вихідний код сторінки й знайдіть name="viewport".
Повторна перевірка: Повний аудит — Запустіть новий аудит сайту. Знахідка закривається, коли достатня перевірка тієї самої HTML-сторінки знаходить непорожній перший тег viewport. Переспрямування, відповідь не у форматі HTML або сторінка, до якої сканування більше не доходить, самі собою не підтверджують виправлення. Сторінка, яка є лише каркасом для скриптів, залишається непідтвердженою.
Обмеження та джерела
Перевірка не тестує, чи добре сторінка працює на телефонах і чи розумне значення viewport, а viewport, доданий через JavaScript, вона не бачить. Вона читає HTML, який отримав наш сканер, а не версію, що віддається лише телефонам.
Упевненість: Висока, коли HTML сторінки прочитано повністю; на сторінці з ознаками того, що частину її будують скрипти, знахідка позначається середньою впевненістю.
Джерела
- MDN, Значення HTML-атрибута
<meta name="viewport">— пояснює, що вузькі екрани можуть рендерити сторінку в ширшому віртуальному viewport і зменшувати її, та рекомендуєwidth=device-width. Перевірено 25 вересня 2026.
Редакційна перевірка: 2 листопада 2026