Перейти к содержимому
SEO/Опубликовано 29 сентября 2026 г./5 мин

Мобильная версия сайта: как посмотреть и что проверять

Три способа открыть сайт как на телефоне и пять пунктов проверки с числами: прогон 78 площадок на экране 390 точек, от viewport до размера кнопок.

Мобильная версия сайта: как посмотреть и что проверять
С
Команда NEXFORCE
SEO-эксперт NEXFORCE

«Посмотреть мобильную версию» обычно означает уменьшить окно браузера — и на этом проверка заканчивается. Ниже три способа посмотреть по-настоящему и пять пунктов, которые стоит проверить, с числами из прогона 78 проверенных площадок.

Три способа посмотреть

Режим устройства в браузере. F12 → Ctrl+Shift+M в Chrome, Ctrl+Shift+M в Firefox. Выставьте ширину 390 точек — это iPhone последних лет и самый частый экран в статистике. Режим показывает вёрстку и перестроение блоков; скорость и попадание пальцем он не показывает.

Настоящий телефон. Единственный способ увидеть, как страница грузится по мобильной сети и попадает ли палец в кнопку. Свой сайт открываем именно так, эмулятор — для быстрых прогонов.

Запрос с мобильным агентом. Показывает, что сервер отдаёт телефону — тот же HTML или другой:

curl -s -A "Mozilla/5.0 (iPhone; CPU iPhone OS 17_0 like Mac OS X) \
AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.0 Mobile/15E148 Safari/604.1" \
https://сайт.ru/ | head -50

Если ответ отличается от браузерного, у сайта отдельная мобильная версия, и проверять придётся обе.

Что проверять: пять пунктов и числа

22.09.2026 мы открыли главные страницы выборки компаний Екатеринбурга в настоящем движке браузера с экраном 390×844 и померили то, что видит посетитель. Ответили 78 площадок.

1. Метатег viewport. Без него телефон рисует страницу как уменьшенный десктоп. Нет его ровно у одной площадки прогона — это редкая, но самая грубая ошибка. Зато 13 площадок запрещают увеличение пальцами через user-scalable=no или maximum-scale=1: вёрстка от этого не чинится, а человеку со слабым зрением читать нечем.

2. Прокрутка вбок. Появляется, когда что-то шире экрана. Нашлась у 2 площадок из 78: лишние 37 и 230 точек.

Здесь же ловушка, из-за которой эту проверку часто делают неправильно. Элементы, вылезающие за правый край, есть почти у всех — у 74 площадок, серединно по 167 штук на страницу. Но прокрутки от них нет: за краем лежат спрятанные меню и выехавшие панели, для того их туда и увели. Судить надо по scrollWidth документа, а не по отдельным элементам — иначе получите 74 «поломки» на ровном месте.

3. Размер шрифта. Серединный размер основного текста — 15 точек, это нормально. Ниже 14 серединный размер опустился у 11 площадок, а отдельные блоки мельче 12 точек нашлись у 29 из 78. Обычно это подписи, сноски и пункты в подвале — читать их на телефоне невозможно.

4. Размер кнопок. Считали только самостоятельные элементы — кнопки и ссылки, не встроенные в текст абзаца. Серединная высота вышла 44 точки, то есть ориентир соблюдён. Но мельче 40 точек хотя бы по одной стороне — 36% таких элементов, у 28 площадок из 75 их больше половины, а совсем крошечные, мельче 24 точек, нашлись у 43 площадок. Чаще всего это иконки соцсетей, крестики и стрелки каруселей.

5. Что осталось за кадром. Горизонтальные таблицы, поля формы с мелким шрифтом, всплывающие окна без крестика, телефон не ссылкой tel:. Это проверяется только глазами и только на телефоне.

Проверить у себя тремя командами

Метатег:

curl -s https://сайт.ru/ | grep -o '<meta[^>]*viewport[^>]*>'

Прокрутка вбок — в консоли браузера при ширине 390:

document.documentElement.scrollWidth > window.innerWidth

Мелкие кнопки — там же:

[...document.querySelectorAll('a,button')]
  .map(e => e.getBoundingClientRect())
  .filter(b => b.width > 0 && (b.height < 40 || b.width < 40)).length

Границы замера

Одна страница с каждого сайта — главная, один город, один экран 390×844, один день. Мы мерили вёрстку, а не скорость: время загрузки на мобильной сети в этот прогон не входило. Размер кнопок считали по прямоугольнику элемента, поэтому кнопка с большой прозрачной областью вокруг попала в «мелкие» несправедливо — таких случаев в выборке единицы, но они есть.

Коротко

Смотреть мобильную версию надо тремя способами сразу: эмулятором для вёрстки, телефоном для ощущения, запросом с мобильным агентом для того, что отдаёт сервер. Грубых поломок в прогоне мало — прокрутка вбок у двоих, отсутствующий viewport у одного. Настоящая масса ошибок мельче: запрет масштабирования у 13, мелкий текст у 29, кнопки меньше 40 точек у большинства проверенных площадок.

Вопросы и ответы

FAQ по теме

Как посмотреть мобильную версию сайта на компьютере?+
В браузере нажать F12 и включить режим устройства (Ctrl+Shift+M в Chrome), выставив ширину 390 точек. Это показывает вёрстку, но не скорость и не попадание пальцем — их смотрят на настоящем телефоне.
Что значит «сайт не адаптирован под мобильные»?+
Чаще всего — что нет метатега viewport и телефон показывает страницу уменьшенной копией десктопной. В нашем прогоне такое нашлось у одной площадки из 78, остальные ошибки были мельче и заметны не сразу.
Какого размера должна быть кнопка на телефоне?+
Ориентир — 40–48 точек по каждой стороне, чтобы палец попадал без промаха. Серединная высота кнопки в прогоне вышла 44 точки, но 36% самостоятельных элементов оказались мельче 40 хотя бы по одной стороне.