Перевірка мобільної версії сайту

Безкоштовно й без реєстрації: введіть URL — завантажимо сторінку як телефон на Android і перевіримо meta viewport, медіазапити в CSS, фіксовану ширину понад 480 px, дрібний шрифт, дрібні кнопки й посилання, ризик горизонтальної прокрутки та застарілі плагіни, а поруч покажемо знімок екрана iPhone. Оцінка 0–100 — прозора сума ваг за кодом сторінки, а не вердикт Google: свій Mobile-Friendly Test Google закрив у грудні 2023 року.

Як рахується оцінка

Сума балів восьми перевірок; без meta viewport вердикт завжди «незручна на телефоні», незалежно від суми.

Meta viewport · 30 масштабування · 5 адаптивний CSS · 20 фіксована ширина · 10 горизонтальна прокрутка · 10 шрифт · 10 області натискання · 10 плагіни · 5

85+ — схоже, адаптована; 60–84 — є проблеми; нижче 60 — найімовірніше, незручна. Спливаючі вікна й вага сторінки показуються як підказки й до суми не входять. Скріншот сайту

Коротко про інструмент

Ціна: Безкоштовно
Реєстрація: Не потрібна
Де відбувається обробка: На нашому сервері: HTML завантажується з User-Agent телефона на Android, JavaScript не виконується; знімок екрана — сервіс thum.io
Що приймає: Одна публічна URL (http/https); до 6 файлів CSS того самого сайту, кожен до 400 КБ
Ліміти: 10 перевірок на хвилину; на добу 15 без реєстрації, 45 з акаунтом, з Pro без ліміту
Результат: Оцінка 0–100 за 8 перевірками з відкритими вагами, пояснення й приклади до кожної, знімок екрана iPhone, підказки про спливаючі вікна, вага сторінки
Оновлено: 2026-10-13

Альтернативи

Інші інструменти для того самого завдання і в чому кожен із них сильний:

PageSpeed Insights — Сервіс Google: запускає Lighthouse для мобільної й десктопної версії та показує реальні дані користувачів Chrome (Core Web Vitals), якщо вони є.
Lighthouse (Chrome DevTools) — Вбудований у Chrome: відмальовує сторінку в емуляції телефона й перевіряє доступність, швидкість і SEO. Сюди тепер веде адреса старого Mobile-Friendly Test Google.
Bing Mobile Friendliness Test — Тест Bing Webmaster Tools: вводите URL і бачите, чи вважає Bing сторінку зручною для мобільних.

Коли обрати цей інструмент: Коли потрібен швидкий розбір без реєстрації: що саме заважає на телефоні, скільки балів це коштує і як виправити — простими словами українською, російською, англійською чи польською, зі знімком iPhone поруч.

Описи звірено із сайтами цих інструментів у жовтні 2026 року.

Перевірка мобільної версії сайту онлайн

Інструмент завантажує сторінку так, як її запитує телефон на Android, і перевіряє код на типові причини, через які сайт незручний на смартфоні: немає meta viewport, немає медіазапитів, блоки ширші за 480 px, дрібний шрифт, крихітні кнопки й посилання, широкі таблиці та iframe, Flash і фрейми. Поруч — знімок екрана з емуляцією iPhone. Оцінка 0–100 складається з восьми перевірок із відкритими вагами. Google закрив свій Mobile-Friendly Test у грудні 2023 року, тому наша оцінка — не вердикт Google, а зрозумілий розбір того, що виправити; швидкість і Core Web Vitals дивіться в PageSpeed Insights.

Meta viewport і заборона масштабування (доступність)

Медіазапити у вбудованих стилях і до 6 файлах CSS свого сайту

Фіксована ширина, широкі таблиці, зображення та iframe

Дрібний шрифт, дрібні кнопки й посилання, Flash і фрейми

Знімок екрана iPhone, підказки про спливаючі вікна й вага сторінки

Безкоштовно, без реєстрації: 15 перевірок на добу, з акаунтом 45, з Pro без ліміту

Як користуватися

Вставте адресу сторінки
Натисніть «Перевірити» й дочекайтеся оцінки та знімка екрана
Виправте проблеми за підказками й перевірте сторінку ще раз

FAQ

Ні. У грудні 2023 року Google закрив Mobile-Friendly Test, його API та звіт про зручність для мобільних пристроїв у Search Console; стара адреса тепер веде на документацію Lighthouse. Індексація при цьому, як і раніше, відбувається з мобільного Googlebot, тож перевіряти мобільну версію, як і раніше, потрібно — у Lighthouse, PageSpeed Insights або тут.

Це сума восьми перевірок: meta viewport — 30 балів, адаптивний CSS — 20, фіксована ширина, горизонтальна прокрутка, шрифт і області натискання — по 10, масштабування й застарілі плагіни — по 5. 85 і вище — схоже, адаптована; 60–84 — є проблеми; нижче 60 або без viewport — найімовірніше, незручна. Спливаючі вікна й вага сторінки показуються як підказки й до суми не входять.

Ми читаємо HTML і CSS, але не виконуємо JavaScript і не вимірюємо відмальовану сторінку. Стилі, які додає скрипт, файли CSS з інших доменів (CDN) і відстань між посиланнями так не побачити. Тому поруч завжди є знімок екрана: якщо там видно прокрутку вбік чи обрізаний текст — довіряйте знімку, а точний аудит зробіть у Lighthouse.

Для адаптивного сайту достатньо <meta name="viewport" content="width=device-width, initial-scale=1"> у <head>. Не додавайте user-scalable=no і maximum-scale=1: вони забороняють людям збільшувати текст. Сам тег не робить сайт адаптивним — потрібні ще гнучка верстка й медіазапити.

Для точного аудиту — Lighthouse у Chrome DevTools і PageSpeed Insights: вони відмальовують сторінку, а PageSpeed ще показує реальні дані Chrome (Core Web Vitals). У Bing є власний тест зручності для мобільних у Webmaster Tools. Наш інструмент швидший для першого погляду: пояснює кожну проблему простими словами українською, російською, англійською та польською, показує знімок iPhone і працює без реєстрації.

Що означає «сайт адаптований для мобільних»

Сторінка зручна на телефоні, якщо її можна читати й натискати без збільшення пальцями і без прокрутки вбік. Зробити це можна трьома способами:

Підхід	Як працює	Що врахувати
Адаптивний дизайн	Одна адреса й один HTML, розкладку змінює CSS (медіазапити, flex, grid)	Рекомендація Google: простіше підтримувати, немає дублів
Динамічна видача	Одна адреса, але сервер віддає різний HTML телефону й комп’ютеру	Потрібен заголовок `Vary: User-Agent`; контент обох версій має збігатися
Окрема мобільна версія (m.)	Телефони перенаправляються на піддомен на кшталт m.example.com	Потрібні взаємні rel="alternate" і canonical; сигнали діляться між двома адресами

Google індексує сайти мобільним Googlebot: в індекс потрапляє те, що бачить телефон. Якщо в мобільній версії урізано текст або зникли посилання, для пошуку їх теж немає.

Google Mobile-Friendly Test закрито: чим перевіряти тепер

У грудні 2023 року Google вимкнув Mobile-Friendly Test, його API та звіт про зручність для мобільних пристроїв у Search Console. Стара адреса тепер веде на документацію Lighthouse. Варіанти на заміну:

Lighthouse у Chrome DevTools — відмальовує сторінку в емуляції телефона й дає детальний аудит.
PageSpeed Insights — той самий Lighthouse у хмарі плюс реальні дані користувачів Chrome (LCP, INP, CLS), якщо сайт досить відвідуваний.
Режим пристрою в Chrome DevTools — подивитися сторінку очима на ширині 360–430 px і знайти, що вилазить за край.
Цей інструмент — швидкий розбір коду без реєстрації: що заважає, скільки балів коштує і як виправити, плюс знімок iPhone.

Часті проблеми та як їх виправити

Проблема	Як виправити
Немає meta viewport	Додайте в <head>: `<meta name="viewport" content="width=device-width, initial-scale=1">`
Заборона масштабування	Приберіть `user-scalable=no` і `maximum-scale=1` — людям зі слабким зором потрібне збільшення
Блоки шириною 960–1200 px	Замініть `width` на `max-width` або відсотки; фіксовану ширину залиште лише всередині медіазапиту для великих екранів
Зображення ширші за екран	`img{max-width:100%;height:auto}`
Широкі таблиці	Обгорніть таблицю блоком з `overflow-x:auto` або перебудуйте її на картки на вузьких екранах
Відео й карти в iframe	`iframe{max-width:100%}` і `aspect-ratio` для збереження пропорцій
Дрібний текст	Основний текст — близько 16 px; розміри в rem, а не в пунктах
Дрібні кнопки й посилання поруч	Область натискання близько 48×48 px і відступи між посиланнями; меню — у «гамбургер»
Вікно на весь екран під час входу	Покажіть його пізніше або зробіть невеликою смугою; банери cookie й перевірка віку допустимі
Flash, Java, фрейми	Замініть на HTML5-відео, звичайну верстку й окремі сторінки

Як читати результат

Оцінка — сума восьми перевірок за кодом сторінки. Ми не виконуємо JavaScript, не бачимо CSS з чужих доменів (CDN) і не вимірюємо відстані між посиланнями, тому на сайтах, де верстку збирає скрипт, висновок буває неповним. Якщо знімок екрана показує обрізаний текст або смугу прокрутки внизу — довіряйте знімку. Швидкість на телефоні — окрема тема: дивіться перевірку швидкості і PageSpeed Insights. Знімок у повний розмір і для комп’ютера можна зробити в скріншоті сайту, а інші технічні проблеми знайти в SEO-аудиті.