Мобильная версия или адаптивная верстка сайта: что выбрать в 2026 году

Статья написана в 2017 году и полностью обновлена в октябре 2026 года.

Когда я писал эту статью в 2017 году, мобильные пользователи впервые обогнали десктопных — их было 51,4%. С тех пор вопрос «нужна ли сайту мобильная версия» потерял смысл: со смартфона сегодня приходит от половины до 60% мирового веб-трафика, в зависимости от месяца (по данным StatCounter), а в Рунете большинство пользователей выходят в интернет именно с телефона. Остался другой вопрос — как сделать сайт удобным на телефоне: отдельной мобильной версией на поддомене или адаптивной версткой. Разберу оба варианта с учетом того, как изменились требования поисковых систем, и расскажу, что выбираю сам.

Что изменилось с 2017 года

• Google индексирует только мобильную версию. Переход на mobile-first индексацию, начатый в 2016 году, Google завершил 5 июля 2024 года: теперь все сайты сканирует только Googlebot для смартфонов. Если контент недоступен с телефона, он просто не попадет в индекс — даже для пользователей с компьютеров.
• Скорость стала фактором ранжирования. Google оценивает страницы по метрикам Core Web Vitals: скорость загрузки основного контента (LCP), скорость реакции на действия пользователя (INP, заменила FID в марте 2024 года) и стабильность верстки (CLS). На телефонах с медленным интернетом разница особенно заметна.
• Яндекс тоже смотрит на мобильное удобство. Поведение пользователей со смартфонов — отказы, глубина просмотра, время на сайте — влияет на позиции так же, как и с компьютеров. А мобильного трафика в поиске Яндекса уже больше, чем десктопного.
• Отдельные мобильные версии почти исчезли. Крупные сайты, которые в 2010-х держали m.-поддомены, в большинстве перешли на адаптивную верстку: поддерживать два сайта дорого, а поисковикам проще работать с одним адресом.

Адаптивная верстка

Один сайт, один адрес, одна HTML-разметка. Внешний вид подстраивается под ширину экрана с помощью CSS: на телефоне колонки встают друг под другом, меню прячется под кнопку, шрифты и кнопки становятся крупнее. Обязателен тег viewport в коде страницы.

Плюсы:

• Рекомендуемый вариант для Google. Google прямо называет адаптивный дизайн самым простым в поддержке и предпочтительным способом.
• Один адрес для всех. Ссылки, которыми делятся пользователи, вес страниц и поведенческие сигналы не делятся между двумя версиями.
• Нет проблем с индексацией. Контент на телефоне и компьютере одинаковый — после mobile-first индексации это главное.
• Дешевле в поддержке. Любая правка делается один раз и сразу видна на всех устройствах.

Минусы и как с ними справиться:

• Риск «тяжелых» страниц. Если просто спрятать десктопные блоки через CSS, телефон все равно их загрузит. Решение — адаптивные изображения (srcset, форматы WebP и AVIF), отложенная загрузка картинок и скриптов (loading="lazy"), меньше сторонних виджетов. Проверяйте результат в PageSpeed Insights.
• Разные задачи пользователей. С телефона чаще звонят и ищут адрес, с компьютера — сравнивают и читают подробно. Это решается порядком блоков на мобильном экране: кнопка звонка и контакты — выше, длинные таблицы — ниже или под спойлером.

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

Отдельный сайт вида m.site.ru со своей разметкой, на который телефоны перенаправляются автоматически.

Плюсы:

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

Минусы:

• Сложная настройка для поисковиков. Нужны связи между версиями: rel="alternate" с основного сайта и rel="canonical" с мобильного, правильные редиректы для каждого типа устройств. Ошибка в любом из этих мест — и страницы выпадают из индекса или конкурируют сами с собой.
• Контент обязан совпадать. Раз Google индексирует только мобильную версию, все тексты, заголовки, микроразметка и изображения с десктопа должны быть и на поддомене. Урезанная мобильная версия означает урезанный индекс.
• Две версии — двойная работа. Каждое изменение нужно вносить в два места, а версии со временем неизбежно начинают расходиться.
• Путаница с адресами. Пользователь с телефона делится ссылкой на m.-версию, и его собеседник открывает ее на компьютере.

Есть и третий вариант — динамическая выдача

Один адрес, но сервер отдает разный HTML для телефонов и компьютеров (в заголовке ответа нужно указать Vary: User-Agent). Так иногда делают сложные сервисы и маркетплейсы. Для обычного сайта или интернет-магазина это лишняя сложность: те же требования к одинаковому контенту, что и у поддомена, плюс риск, что поисковый робот получит не ту версию.

Что выбрать

В 2017 году я писал, что предпочтительнее адаптивная верстка, но для некоторых сайтов еще имеет смысл отдельная мобильная версия. Сегодня скажу однозначнее: для сайтов услуг, блогов и интернет-магазинов — только адаптивная верстка. На своих проектах я давно не встречал ситуации, где поддомен давал бы больше трафика или конверсий. Отдельная мобильная версия оправдана разве что для очень сложных веб-приложений, и тогда это уже скорее отдельный продукт.

Чек-лист: удобен ли ваш сайт на телефоне

1. В коде страниц есть тег <meta name="viewport" content="width=device-width, initial-scale=1">.
2. Нет горизонтальной прокрутки на ширине 360 px.
3. Основной текст — не меньше 16 px, кнопки и ссылки — не меньше 44×44 px и не стоят вплотную друг к другу.
4. Телефон кликабельный (tel:), кнопка звонка или заявки видна без прокрутки.
5. Всплывающие окна не закрывают контент сразу после входа на страницу.
6. Формы короткие, для полей указаны правильные типы — tel, email, — чтобы открывалась нужная клавиатура.
7. Показатели Core Web Vitals в PageSpeed Insights для мобильных — в зеленой зоне.
8. Контент на телефоне и компьютере совпадает: тексты, заголовки, изображения, микроразметка.
9. В Яндекс Метрике конверсия со смартфонов не отстает в разы от десктопной — если отстает, ищите, где мобильные пользователи «застревают», в Вебвизоре.

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

Источники данных: StatCounter — доля мобильных и десктопных устройств; блог Google Search Central о завершении перехода на mobile-first индексацию.