В 2024 году более 65% поискового трафика в России приходит с мобильных устройств. Яндекс это знает — и с 2020 года использует mobile-first индексирование: именно мобильная версия является основой для ранжирования всех страниц, включая десктопные запросы.
Это означает: если ваша мобильная версия хуже десктопной — весь сайт ранжируется хуже. Даже для пользователей, которые заходят с компьютера. Разберём конкретные технические ошибки и способы их исправления.
Что такое mobile-first индексирование на практике
Яндекс.Бот теперь приходит на сайт с User-Agent мобильного устройства: Mozilla/5.0 (Linux; Android 6.0.1; Nexus 5X Build/...) AppleWebKit/537.36. Именно эту версию он индексирует, оценивает скорость, анализирует контент и определяет релевантность запросам.
Практическое следствие: если у вас «отдельная мобильная версия» на поддомене m.site.ru с урезанным контентом — Яндекс индексирует именно урезанную версию. Весь уникальный контент десктопной версии может не попасть в индекс. Решение: адаптивный дизайн (один URL, один контент, разные CSS для разных устройств).
8 технических ошибок, которые Яндекс замечает
1. Отсутствие viewport мета-тега. Без него браузер отображает страницу как уменьшенную копию десктопной версии. Яндекс фиксирует это как проблему удобства для мобильных.
2. Текст меньше 16px. Читать нечего — пользователь уходит. Высокий отказ = плохой поведенческий сигнал.
3. Кнопки и ссылки меньше 48x48px. Пользователь промахивается, нажимает не то. Google и Яндекс считают это UX-проблемой.
4. Горизонтальная прокрутка. Элемент шире экрана — вёрстка сломана. Яндекс показывает это как ошибку в Вебмастере.
5. Всплывающие окна (интерстиции). Яндекс штрафует страницы с попапами, которые перекрывают основной контент на мобильных.
6. Скрытый контент на мобиле. Если контент скрыт через display:none и показывается только на десктопе — Яндекс его не учитывает.
7. Медленная мобильная загрузка. Мобильный интернет медленнее Wi-Fi. Изображения без оптимизации дают 4-8 секунд загрузки — критично.
8. Flash-элементы. Не работают на iOS, плохо работают на Android. Заменяйте на HTML5.
Как проверить мобильную версию
Яндекс.Вебмастер → «Диагностика» → «Мобильные устройства»: официальная проверка. Яндекс покажет конкретные URL с проблемами и типы ошибок.
Chrome DevTools: F12 → значок телефона (Ctrl+Shift+M) → выберите iPhone или Samsung Galaxy из списка. Прокрутите страницу, нажмите на кнопки, проверьте читабельность текста.
PageSpeed Insights: проверьте мобильный балл и раздел «Возможности» — там будут конкретные рекомендации по мобильным проблемам.
Пошаговое исправление основных ошибок
Viewport мета-тег — добавьте в <head> если отсутствует:
<meta name="viewport" content="width=device-width, initial-scale=1">
Размер шрифта: в CSS добавьте базовый размер шрифта для мобильных:
@media (max-width: 768px) {
body { font-size: 16px; line-height: 1.6; }
h1 { font-size: 24px; }
h2 { font-size: 20px; }
}Размер кнопок: все кликабельные элементы должны иметь минимальный размер:
a, button, .btn {
min-height: 48px;
min-width: 48px;
padding: 12px 20px;
}Горизонтальная прокрутка: добавьте в CSS:
* { max-width: 100%; box-sizing: border-box; }Мобильная оптимизация — обязательная часть технического аудита сайта. Проверим вашу мобильную версию бесплатно.
Проверим мобильную версию вашего сайта
Бесплатный аудит — список ошибок и готовые CSS-правки.
Получить бесплатный аудитНашли технические проблемы на своём сайте?
Описанные выше ошибки — лишь часть того, что может тормозить рост сайта в Яндексе. Анатолий Кузнецов проведёт полный технический SEO-аудит: проверит индексацию, скорость, структуру, ссылки и метаданные — и выдаст приоритетный план исправлений. Не знаете, с чего начать? Начните с бесплатного экспресс-аудита — первые выводы уже сегодня.
Увеличьте позиции и продажи вашего сайта
Профессиональное SEO-продвижение с гарантией результата. Выберите подходящую услугу:
Остались вопросы по продвижению?
Меня зовут Анатолий Кузнецов, я SEO-оптимизатор с 20-летним стажем. Разберу ваш сайт, отвечу на вопросы и подскажу, что улучшить для роста позиций в Яндексе и Google.
Связаться со мной →
Старт 
Стандарт 
Премиум 
Полезно новичкам которые верстают сразу под десктоп и забывают про телефоны.
А я думал адаптив решает всё оказалось есть нюансы с сенсорными элементами.
Толково и по делу. Мобильные давно важнее десктопа а многие всё ещё это игнорируют.
По опыту чаще всего страдают тяжёлые картинки и всплывающие окна на телефонах.
Сохранила буду проверять все проекты по вашему списку.
Добавлю Яндекс Вебмастер отлично показывает мобильные ошибки не забывайте туда заглядывать.
Спасибо за понятный язык обычно про технику пишут так что ничего не разберёшь.
Как проверить мобильную версию сайта на реальных устройствах а не только в эмуляторе браузера
Кирилл, эмулятор не заменит живого теста откройте сайт на паре реальных телефонов с разными экранами. Плюс смотрите отчёты Яндекс Вебмастера по мобильной пригодности там видны ошибки на реальных заходах.
Хорошо но не хватило примеров кода как правильно настраивать адаптив.
У нас после исправления скорости на мобильных позиции подросли за месяц заметно.
Отличный разбор особенно про вьюпорт и мелкие кликабельные элементы. Забрал в работу.
Обязательно ли делать отдельную мобильную версию или достаточно адаптивной вёрстки одной для всех устройств
Наталья, в подавляющем большинстве случаев достаточно качественной адаптивной вёрстки отдельная мобильная версия сегодня скорее лишняя головная боль. Главное чтобы один и тот же адрес одинаково хорошо открывался на любом экране.
Не всё так критично. У меня куча мелких огрехов а позиции на мобильных нормальные.
Мобильный трафик у нас основной так что статья прям в точку. Иду чинить вёрстку.
Какие технические ошибки мобильной версии Яндекс наказывает жёстче всего по вашему личному опыту
Алексей, жёстче всего Яндекс реагирует на нечитаемый текст мелкие кнопки и горизонтальную прокрутку на телефоне. Это прямые сигналы плохого мобильного опыта и они бьют по позициям сильнее всего.
Проверил свой сайт по чеклисту нашёл три ошибки о которых даже не подозревал. Спасибо большое.