Перейти к содержимому
Словарь

Мобильная версия

Команда NEXFORCE·SEO-специалистыОпубликовано Проверено

То, как сайт выглядит и работает на телефоне. Поиск оценивает сайт именно по ней.

Подробно

Мобильная версия — что это простыми словами

Мобильная версия — не уменьшенная копия обычной. Порядок блоков, размеры зон нажатия и объём текста на узком экране решаются отдельно, иначе получается страница, по которой невозможно попасть пальцем.

Отдельная ошибка — запрет масштабирования. Строка вроде «user-scalable=no» в настройках страницы отбирает у человека возможность увеличить текст пальцами. Для читателя с плохим зрением сайт становится нечитаемым, и поиск считает это дефектом.

Проверять мобильную версию надо на настоящем телефоне, а не сужением окна браузера. Узкое окно не воспроизводит ни палец вместо курсора, ни всплывающую клавиатуру, ни поведение фиксированной шапки при прокрутке — а именно там и ломается большинство форм.

Чем мобильная версия отличается от адаптивной вёрстки

Мобильная версия в узком смысле — отдельный сайт на поддомене вида m.site.ru со своим содержимым. Адаптивная вёрстка — один и тот же сайт, который перестраивается под ширину экрана.

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

Как проверить мобильную версию сайта

Самый честный способ — открыть сайт на настоящем телефоне. Сужение окна браузера не воспроизводит ни палец вместо курсора, ни всплывающую клавиатуру, ни поведение фиксированной шапки при прокрутке, а формы ломаются именно там.

Что смотреть в первую очередь: получается ли увеличить текст пальцами, попадаете ли вы по кнопкам и ссылкам без промаха, не уезжает ли страница вбок, видно ли поля формы, когда открыта клавиатура.

Часть признаков видна и по разметке — например, запрет масштабирования или жёстко заданная ширина блока. Их можно посмотреть нашей бесплатной проверкой мобильной версии, но она читает разметку и не заменяет живой экран.

Что с этим делать на практике

Откройте свой сайт на телефоне и попробуйте увеличить текст пальцами. Не увеличивается — это чинится одной строкой.