Техника

Мобильная версия сайта: как проверить, удобно ли им пользоваться с телефона

Обновлено 27.09.2026

Коротко

Мобильная версия сайта нужна не для галочки: Google индексирует и ранжирует сайт по тому, что видит его робот для смартфонов. Проверить её можно бесплатно. Откройте сайт со своего телефона и пройдите путь клиента до заявки, потом прогоните страницу через PageSpeed Insights на вкладке для мобильных и через «Проверку мобильных страниц» в Яндекс Вебмастере. Если страницу приходится увеличивать пальцами, она уезжает вбок или номер телефона не нажимается, мобильной версии по сути нет.

Непонятное слово? Словарик ниже ↓
  1. GoogleИндексирует сайт по мобильной версии
  2. Нет viewportТелефон рисует страницу как на широком экране и сжимает её
  3. PageSpeedВкладка для мобильных устройств
  4. ВебмастерИнструмент «Проверка мобильных страниц»

Почему телефон решает, как сайт видит Google

В справке Google сказано прямо: при индексировании и ранжировании используется мобильная версия сайта, которую сканирует Googlebot для смартфонов. Google называет это индексированием с приоритетом мобильного контента. Если на телефоне часть текста, цен или контактов спрятана, для поиска её тоже как будто нет.

Отсюда второе требование из той же справки: мобильная версия должна содержать те же материалы, что и полная. Самый простой способ этого добиться Google тоже называет. Это адаптивный дизайн, когда сервер отдаёт всем устройствам один и тот же код, а страница перестраивается под ширину экрана.

Источник: Google Search Central об индексировании с приоритетом мобильного контента

Одна строка в коде, без которой всё мелко

Браузер телефона не знает, что сайт умеет перестраиваться, пока ему об этом не скажут. Для этого в заголовке страницы стоит мета-тег viewport. Справочник MDN описывает, что происходит без него: телефон рисует страницу в виртуальном окне шире экрана, например 980 пикселей, а потом сжимает её до реальной ширины. Текст становится мелким, и человек начинает растягивать страницу пальцами.

Обычно тег выглядит так: . Проверить его наличие можно без программиста: откройте сайт на компьютере, нажмите Ctrl+U и поищите на открывшейся странице слово viewport. Если его нет, мобильной версии у сайта, скорее всего, нет, даже если дизайнер рисовал макет для телефона.

Источник: MDN о мета-теге viewport

Проверка своими руками: путь клиента с телефона

Сервисы покажут технические ошибки, но заявку оставляет человек. Поэтому первая проверка ручная: возьмите свой телефон, отключите Wi-Fi и откройте сайт так, как его откроет клиент, из поиска или по ссылке из карточки на картах.

  1. 1Текст читается без увеличения, а страница не уезжает вбок при прокрутке.
  2. 2Меню открывается и закрывается, пункты попадают под палец с первого раза.
  3. 3Номер телефона набирается одним нажатием, кнопка мессенджера открывает чат.
  4. 4Форму заявки можно заполнить: клавиатура не закрывает поле, кнопка отправки видна.
  5. 5Всплывающие окна, баннеры и чат-виджеты не перекрывают текст и кнопки.

Проверка сервисами: PageSpeed и Вебмастер

PageSpeed Insights показывает результат отдельно для мобильных устройств и для компьютера. Мобильную оценку он считает на эмуляции телефона среднего уровня на мобильном интернете, поэтому начинать стоит с этой вкладки. Кроме скорости там есть оценка специальных возможностей. На нашем сайте она, например, нашла бледный серый текст с недостаточным контрастом, и мы его исправили.

У Яндекса есть свой инструмент в Вебмастере, «Проверка мобильных страниц». Вписываете адрес и через несколько минут видите, считает ли Яндекс страницу удобной для телефона.

Источники: о PageSpeed Insights · справка Яндекс Вебмастера о мобильных страницах

Что мы замерили у себя

27 сентября 2026 года мы открыли статью нашего сайта в браузере с эмуляцией телефона шириной 360 пикселей. Ширина страницы совпала с шириной экрана, прокрутки вбок нет. Основной текст набран размером 17 пикселей, кнопка «Написать в Telegram» высотой 49 пикселей. Мета-тег viewport стоит на каждой странице.

Двумя днями раньше, 25 сентября, PageSpeed Insights на вкладке для мобильных оценил производительность нашего сайта в 100 из 100. Такой результат не случайность: сайт с первого дня верстался под телефон, а проверки из этой статьи входят в наш регламент техосмотра.

Замер tehosmotr-saita.ru/oshibka-404-na-sajte 27 сентября 2026 года, эмуляция экрана 360 пикселей · отчёт PageSpeed Insights, мобильные, 25 сентября 2026 года

Что сделать сегодня

PDF · 7 листов · бесплатно

Техосмотр сайта

Пять проверок, которые вы делаете сами, без программиста. Каждая про деньги: потерянную заявку, штраф или сайт, который однажды утром не открылся. Непонятные слова объяснены в словарике на каждом листе, галочки ставятся прямо в файле.

  1. 1Чей у вас домен
  2. 2Есть ли у вас ключи от сайта
  3. 3Форма заявки и персональные данные
  4. 4Доходит ли заявка до человека
  5. 5Видит ли ваш сайт Яндекс
Получить PDF в Telegram Напишите «техосмотр» в @vbiz_k

Частые вопросы

Нужна ли отдельная мобильная версия на поддомене?

Не обязательно. Google рекомендует адаптивный дизайн: один сайт, который перестраивается под экран. Так проще поддерживать одинаковое содержание на телефоне и компьютере, а это Google тоже требует.

На моём телефоне сайт выглядит нормально. Этого достаточно?

Не всегда. У клиентов другие экраны, другие браузеры и медленный интернет. Проверьте сайт хотя бы в PageSpeed Insights и в инструменте Яндекса: они смотрят на страницу глазами поисковика.

Почему на телефоне сайт мелкий, хотя дизайн рисовали под мобильные?

Чаще всего в коде нет мета-тега viewport. Без него браузер телефона считает страницу широкой и уменьшает её целиком. Исправляется одной строкой в заголовке страницы.

Словарик

Мобильная версия
То, как сайт выглядит и работает на экране телефона.
Адаптивный дизайн
Один сайт, который сам перестраивается под ширину экрана.
Viewport
Мета-тег, который говорит браузеру телефона: показывай страницу по ширине экрана.
Googlebot для смартфонов
Робот Google, который сканирует сайт так, как его видит телефон.
PageSpeed Insights
Бесплатный сервис Google, который проверяет скорость и удобство страницы.

Ещё по теме

Нашли проблему в своём сайте?

Пришлите ссылку, скажу, что чинить первым. Любой разговор бесплатный, платной бывает только сама работа.

Написать в Telegram