Проверить мобильную версию сайта
Поиск оценивает сайт по мобильной версии в первую очередь — и первое, что он смотрит, есть ли у страницы мета-тег viewport. Без него телефон не понимает, что страница рассчитана на маленький экран, и показывает её уменьшенной копией десктопной: текст размером с пиксель, кнопки в пол-миллиметра.
Что именно смотрит проверка
- —Есть ли мета-тег viewport в разметке страницы
- —Отсутствие отмечается самой тяжёлой степенью: на телефоне страница будет нечитаемой
Почему это влияет на поиск
Поиск смотрит мобильную версию первой
И Яндекс, и Google оценивают страницу по тому, как она выглядит на телефоне, а десктопную версию считают вторичной. Страница без viewport для них — страница, непригодная для большинства посетителей.
Больше половины заходов — с телефона
В локальных нишах вроде стоматологий и автосервисов доля мобильных заходов ещё выше: ищут в дороге, из машины, по пути. Нечитаемая на телефоне страница теряет не часть аудитории, а основную.
Это одна строка, и её часто просто забывают
Тег добавляется в шапку страницы один раз. Отсутствие почти всегда означает не «решили не делать мобильную версию», а «шаблон собирали давно и не проверили».
Введите адрес — покажем за 30 секунд
Без регистрации. Проверка идёт по этой странице сайта и заодно показывает остальные заметные ошибки, если они есть.
Что обычно находим по этой проверке
Старый шаблон с одной десктопной сеткой
Сайты, собранные до 2015 года и с тех пор не переделанные. Обычно вместе с viewport отсутствуют и медиазапросы в стилях: мобильной версии нет вовсе, а не только тега.
Отдельные страницы, выпавшие из шаблона
Более коварный случай: на сайте мобильная версия есть, а какая-нибудь посадочная страница акции собрана отдельно и тега не получила. Находится только постраничной проверкой.
Как чинить то, что нашлось
Добавить тег в шапку
Строка <meta name="viewport" content="width=device-width, initial-scale=1"> в разделе head. Она говорит браузеру: ширина страницы равна ширине экрана, масштаб исходный.
Не запрещать масштабирование
Параметры user-scalable=no и maximum-scale=1 запрещают человеку увеличить текст пальцами. Тем, кто плохо видит, это закрывает сайт целиком, и браузеры такие запреты всё чаще игнорируют.
Проверить после добавления
Тег есть, а вёрстка всё равно разъезжается — значит дело в фиксированных ширинах в стилях. Машина этого снаружи не увидит, тут нужен человек с телефоном.
Если чинить некому или непонятно, с чего начинать, — это и есть наша работа: SEO-продвижение сайта, а сколько это стоит — на странице стоимость продвижения.
Вопросы про мобильная версия
Нет. Тег — необходимое условие, а не достаточное: он говорит браузеру не масштабировать страницу, но если в стилях зашиты фиксированные ширины, вёрстка всё равно разъедется. Мы проверяем наличие тега, потому что это единственное, что видно снаружи однозначно.
Сейчас — нет, и обычно это скорее вредит: два адреса одной страницы приходится склеивать, и на этом легко ошибиться. Стандартный подход — одна адаптивная вёрстка.
Он открывает страницу мобильным роботом и смотрит на неё так же, как телефон: помещается ли содержимое по ширине, не наезжают ли элементы друг на друга, хватает ли размера у ссылок и кнопок.
Что ещё можно проверить бесплатно
Все девять проверок одним списком
Отвечает ли сайт и с каким кодом
Пары страниц с совпадающим текстом — сравнение по пятёркам слов без шапки, подвала и меню
Признаки платформы в разметке страницы
Есть ли sitemap.xml и отдаётся ли он кодом 200, а не через переадресацию
Есть ли на странице разметка JSON-LD и разбирается ли она без ошибок
Есть ли robots.txt и отдаётся ли он кодом 200
Title: есть ли, длина, не обрезается ли в выдаче, не повторяется ли на других страницах
Время ответа сервера — сколько проходит до первого байта
Мета-тег robots и заголовок X-Robots-Tag: не закрыта ли страница от индексации
Сколько всего изображений на странице и у скольких из них нет атрибута alt
Открываем страницу по обычному http, не следуя за переадресацией
Есть ли og:title — без него карточка не собирается, и мессенджер берёт что придётся
Есть ли на странице тег <link rel="canonical">
Сколько слов в видимом тексте страницы, без меню, подвала и служебной разметки
Все проверки сразу: метатеги, скорость, индексация, разметка и мобильная версия — больше двадцати параметров.