- html5css.dev
- SEO
- SEO продвижение
- Сайт целиком и коммерция
- Наличие мобильной версии сайта
Наличие мобильной версии сайта
Вопрос «нужна ли мобильная версия» закрыт: в индекс попадает именно она. Разбираем, какой она должна быть, чем адаптив выигрывает у поддомена и что чаще всего теряется при «упрощении для телефона».
Почему это уже не «фактор», а базовое требование
Когда-то мобильная адаптация давала прибавку к позициям — просто потому, что у большинства конкурентов её не было. Сейчас логика другая: поисковая система видит ваш сайт таким, каким его видит смартфон. Если чего-то нет в мобильной версии — этого нет в индексе. Отсутствие адаптации перестало быть «минусом в оценке» и стало причиной, по которой страница может вовсе не ранжироваться по своим запросам.
Три способа сделать мобильную версию
| Адаптивная вёрстка | Динамическая отдача | Отдельный поддомен | |
|---|---|---|---|
| URL | Один | Один | Два: site.ru и m.site.ru |
| HTML | Один, меняется CSS | Разный, по User-Agent | Разный, отдельные страницы |
| Риск расхождения контента | Практически нулевой | Средний | Высокий |
| Служебная разметка | Не нужна | Vary: User-Agent | canonical + alternate в паре |
| Стоимость поддержки | Одна кодовая база | Две ветки шаблонов | Фактически два сайта |
| Рекомендация | По умолчанию | Только при особых требованиях | Легаси, стоит переезжать |
Если поддомен всё-таки остался
Пока переезд не сделан, связка должна быть корректной в обе стороны:
<!-- на десктопной странице -->
<link rel="alternate" media="only screen and (max-width: 640px)"
href="https://m.site.ru/page/">
<!-- на мобильной странице -->
<link rel="canonical" href="https://site.ru/page/">Плюс переадресация должна вести на соответствующую страницу, а не на главную:
редирект всех мобильных пользователей на m.site.ru/ — классическая ошибка,
которая обнуляет глубокие страницы.
Что теряют при «упрощении для телефона»
- Часть основного текста. Убирают «лишние» абзацы — вместе с ними уходят подтемы, по которым страница ранжировалась.
- Структурированные данные. JSON-LD оказывается только в десктопном шаблоне.
- Атрибуты
alt. Мобильная галерея часто рисуется скриптом без них. - Внутренние ссылки. Мобильное меню урезают до пяти пунктов, и половина структуры остаётся несвязанной.
- Мета-теги. Разные
titleиdescriptionна версиях — прямой источник расхождений. - Изображения первого экрана. Ленивая загрузка на JavaScript вместо
loading="lazy"прячет картинку от робота и портит LCP.
Три уровня требований
1. Доступность
Робот должен получить полноценный HTML и не встретить блокировок. Проверка —
инструмент проверки URL в Search Console: смотрим итоговый HTML и скриншот от
смартфон-робота. CSS и JS не должны быть закрыты в robots.txt.
2. Удобство
- Базовый размер шрифта от 16 px, межстрочный интервал не меньше 1,5.
- Кликабельные зоны не меньше 44×44 px и не вплотную друг к другу.
<meta name="viewport" content="width=device-width, initial-scale=1">— без запрета масштабирования.- Никакой горизонтальной прокрутки: широкие таблицы и блоки кода прокручиваются внутри своего контейнера.
- Всплывающие окна не перекрывают содержание сразу после перехода из поиска.
3. Скорость
Ориентир — Core Web Vitals именно во вкладке «Мобильные»: LCP до 2,5 с, INP до 200 мс, CLS до 0,1. Мобильный отчёт почти всегда хуже десктопного, и смотреть нужно на него.
Чек-лист проверки
| Что | Чем | Норма |
|---|---|---|
| Что видит робот | Search Console → Проверка URL | Полный текст страницы в HTML |
| Совпадение версий | Сравнение видимого текста | Расхождение только в служебных блоках |
| Разметка | Тест расширенных результатов | JSON-LD присутствует на мобильной |
| Ресурсы | Отчёт о заблокированных ресурсах | /css/ и /js/ открыты |
| Скорость | Core Web Vitals, вкладка «Мобильные» | Три метрики в зелёной зоне |
| Живой тест | Реальный телефон, мобильная сеть | Целевое действие выполняется без раздражения |
| Мобильность в Яндексе | Яндекс.Вебмастер → Инструменты | Нет ошибок мобильной пригодности |
Итог
Мобильная версия — не отдельная задача из списка внутренней оптимизации, а среда, в которой существуют все остальные факторы. Правильный порядок работы: проектировать и верстать сначала под смартфон, потом расширять до десктопа — тогда паритет контента получается сам собой. Подробности — в отдельном курсе по мобильному SEO.
Частые вопросы
Влияет ли мобильная версия на позиции в десктопной выдаче?
Да. Google индексирует сайт смартфон-роботом, поэтому оценка релевантности строится по мобильной версии — включая запросы, заданные с компьютера.
Адаптивная вёрстка или отдельный мобильный поддомен?
Адаптив на одном URL. Поддомен m.site.ru требует зеркального контента, парных canonical и alternate, переадресации по User-Agent и удваивает работу на каждом релизе.
Достаточно ли просто «чтобы сайт открывался на телефоне»?
Нет. Проверяются удобство (размер шрифта и кликабельных зон, отсутствие горизонтальной прокрутки), скорость по Core Web Vitals на мобильных и полнота содержания относительно десктопа.
Что делать, если мобильная версия сильно урезана?
Вернуть в неё весь основной текст, разметку, alt-атрибуты и внутренние ссылки. Ускорять нужно техническими средствами, а не удалением содержимого.
Вся глава «Сайт целиком и коммерция» — 22 урока
- Соотношение текста и HTML
- Выделения слов в тексте
- Использование заголовков H1, H2, H3
- Наличие мобильной версии сайта
- Структура сайта
- Число страниц сайта
- Простота и удобство использования
- Карта сайта или Sitemap
- Хлебные крошки
- Доменные зоны: ccTLD и gTLD
- Возраст домена
- Выделенный IP-адрес
- Коммерческие факторы ранжирования
- Контактная информация
- Профили компании в социальных сетях
- Отсутствие сторонней рекламы
- Ассортимент товаров
- Карточка товара
- Доставка и транспортные услуги
- Служба поддержки клиента
- Онлайн-консультант
- Скидки и акции