Главное Авторские колонки Вакансии Вопросы
86 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

10 ошибок мобильной версии сайта, которые убивают ваши позиции в поиске

Сайт выглядит отлично на ноутбуке. Дизайнер доволен, клиент принял работу, всё красиво. Потом смотришь в аналитику – 70% трафика приходит с телефонов, а конверсия с мобильных втрое ниже, чем с десктопа. И позиции в поиске почему-то падают, хотя контент хороший и ссылки есть.
Мнение автора может не совпадать с мнением редакции

Причина почти всегда одна: мобильная версия сделана по остаточному принципу. Проверили на одном телефоне, убедились, что «в целом открывается» — и закрыли задачу.

Гугл завершил переход на адаптивную версию (mobile-first) — теперь это единственный режим для всех сайтов без исключений: поисковик смотрит на мобильную версию как на основную. Яндекс сделал то же самое — и тоже ранжирует по мобильной версии даже тех, кто ищет с компьютера. Если мобильная версия плохая — страдают позиции всего сайта в обоих поисковиках. Вот десять ошибок, которые встречаются чаще всего.


❌Ошибка 1. Медленная загрузка

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

Гугл ориентируется на метрики Core Web Vitals: главный элемент страницы должен появляться на экране быстрее 2,5 секунды, а страница должна реагировать на любое нажатие пользователя быстрее 200 миллисекунд — это метрика INP (отклик на взаимодействие), которая с марта 2024 года заменила прежний показатель FID. Яндекс использует собственный показатель качества сайта, в котором поведенческие факторы и скорость загрузки играют существенную роль. Медленный сайт теряет позиции в обоих поисковиках.

Главный виновник медленной загрузки на мобильных — неоптимизированные изображения. Сайт грузит картинку размером 3000 на 2000 пикселей, которая отображается в блоке шириной 360 пикселей. Телефон тянет мегабайты данных, которые пользователь никогда не увидит. Решение: форматы WebP или AVIF вместо JPEG, атрибут srcset для разных размеров экранов, отложенная загрузка изображений вне экрана.

Проверить скорость можно в Гугл PageSpeed Insights и Яндекс Вебмастере — оба инструмента бесплатны и дают конкретные рекомендации.

❌Ошибка 2. Мелкие зоны нажатия

Кнопка есть. Нажать на неё с первого раза почти невозможно — попадаешь рядом, открывается не то, закрываешь, пробуешь снова.

Гугл рекомендует минимальный размер интерактивного элемента — 48 на 48 пикселей. Яндекс в своих рекомендациях по мобильной адаптации также указывает на необходимость достаточного размера кликабельных элементов и расстояния между ними — не менее 8 пикселей свободного пространства между соседними кнопками.

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

❌Ошибка 3. Контент шире экрана

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

Причины бывают разные: фиксированная ширина блоков в CSS, таблицы без горизонтальной прокрутки, изображения без атрибута max-width: 100%, встроенные виджеты с жёсткими размерами.

Проверяется быстро: откройте сайт в браузере на телефоне или через инструменты разработчика в режиме мобильного устройства. Если появляется горизонтальная полоса прокрутки — проблема есть. Google Search Console показывает эту ошибку в разделе «Удобство для мобильных», Яндекс Вебмастер — в разделе «Мобильные устройства».

❌Ошибка 4. Всплывающие окна, перекрывающие контент

Гугл с 2017 года официально снижает позиции страниц, где всплывающие окна блокируют основной контент на мобильных. Яндекс также негативно оценивает агрессивные всплывающие элементы — это прямо влияет на поведенческие факторы, которые Яндекс традиционно взвешивает очень серьёзно: если пользователь сразу закрывает страницу, не добравшись до контента, алгоритм делает выводы.

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

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

❌Ошибка 5. Шрифт, который нужно разглядывать

Минимальный читаемый размер шрифта для мобильных — 16 пикселей для основного текста. Гугл фиксирует всё, что меньше, как проблему «мелкого шрифта» в Search Console. Яндекс оценивает читаемость косвенно — через поведение пользователей: если люди быстро уходят со страницы, не прокрутив её, это сигнал о низком качестве.

Плохой контраст между текстом и фоном создаёт ту же проблему. Длинные строки без достаточного межстрочного интервала — тоже. Оптимальная длина строки на мобильных — 45–75 символов, при правильной вёрстке это достигается автоматически.

Время на странице и глубина прокрутки — поведенческие факторы, которые Яндекс учитывает особенно активно. Неудобный для чтения текст напрямую роняет эти показатели.

❌Ошибка 6. Разный контент на мобильной и десктопной версии

Классическая ловушка для тех, кто делал отдельный мобильный сайт на поддомене или скрывал часть контента на мобильных через CSS.

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

Проверьте: если на мобильном скрыты описания товаров, технические характеристики, отзывы — это прямые потери в ранжировании в обоих поисковиках.

❌Ошибка 7. Неработающие технические элементы

Флеш-анимация — мобильные браузеры её не поддерживают уже много лет, но на некоторых сайтах встречается до сих пор. Видео, которое воспроизводится только через плагины — та же история.

Отдельная проблема — функции, требующие наведения курсора. На мобильном нет hover-состояния: если текст кнопки или пояснение появляется только при наведении мышью, на телефоне пользователь его никогда не увидит.

Формы, под которые не открывается клавиатура, PDF-файлы вместо адаптированных страниц, карты без интеграции с мобильными приложениями — всё это ломает пользовательский опыт. Для Яндекса поведенческий сигнал от такого взаимодействия особенно чувствителен: отказы с мобильных напрямую влияют на позиции в российской поисковой выдаче.

❌Ошибка 8. Отсутствие структурированной разметки на мобильной версии

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

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

Проверяется через инструмент проверки разметки от Гугл и валидатор микроразметки Яндекса — оба бесплатны.

❌Ошибка 9. Неправильная настройка viewport

Viewport — метатег, который говорит браузеру, как отображать страницу на разных экранах:

Без него браузер на телефоне показывает уменьшенную десктопную версию — пользователь видит мелкий нечитаемый текст. Оба поисковика фиксируют отсутствие или некорректную настройку viewport как техническую ошибку адаптации.

Запрет на масштабирование (user-scalable=no) — отдельная проблема. Он мешает людям с плохим зрением увеличивать текст. Гугл учитывает доступность как фактор ранжирования. Яндекс оценивает это через поведение: пользователи с плохим зрением быстро уходят со страниц, где нельзя приблизить текст.

❌Ошибка 10. Неправильные переадресации между версиями сайта

Если у вас отдельная мобильная версия на поддомене — убедитесь, что каждая ссылка десктопной версии корректно ведёт на соответствующий мобильная ссылка. Частая ошибка: переадресация работает для главной и каталога, но ломается на карточках товаров или страницах блога.

Ещё хуже — переадресация на главную вместо нужной страницы. Пользователь ищет конкретный товар, кликает на результат поиска, попадает на главную и теряется. Гугл называет это «неправильными переадресациями» и снижает позиции. Яндекс реагирует жёстче: такое поведение сайта он может расценить как некачественный ресурс и пессимизировать его в выдаче целиком, а не только отдельные страницы.

Проверьте переадресации вручную на нескольких десятках ссылок или с помощью краулеров — Screaming Frog или аналогов.

Как проверить свой сайт прямо сейчас


Четыре инструмента, которые закрывают большинство вопросов:

✅Google Search Console — раздел «Удобство для мобильных» показывает конкретные страницы с проблемами и их тип.

✅PageSpeed Insights — анализ скорости и Core Web Vitals отдельно для мобильных и десктопа с конкретными рекомендациями.

✅Яндекс Вебмастер — раздел «Мобильные устройства» выводит страницы с ошибками адаптации, раздел «Качество сайта» показывает проблемы, которые влияют на ранжирование в Яндексе.

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

Мобильная версия — это не упрощённая копия сайта для маленьких экранов. Для обоих ведущих поисковиков это основная версия, по которой они судят о сайте в целом. Исправление даже трёх-четырёх ошибок из этого списка даёт заметный эффект. Начните с аудита в Вебмастере и Search Console — там всё уже подсвечено, остаётся расставить приоритеты и передать в работу.

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем