Мобильное SEO

Сайт выглядит отлично на компьютере, а заявок почти нет. При этом в Яндекс.Метрике видно: 65–80% посетителей заходят с телефонов. Они открывают сайт, ждут несколько секунд, ничего не понимают в мелком тексте и уходят к конкурентам. Яндекс это замечает и опускает сайт ниже в выдаче. Именно так работает мобильное SEO — это не отдельная услуга, а базовое условие, чтобы ваш сайт вообще имел шансы на позиции в поиске.

Мобильная адаптация сайта

Почему мобильная версия важна для Яндекса

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

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

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

Не доверяйте тому, что сайт «выглядит нормально» на вашем новом iPhone. Проверьте на нескольких устройствах: на недорогом Android с диагональю 6 дюймов и на чём-то побольше. Обратите внимание на реальные действия: попробуйте нажать кнопку заказа, раскрыть меню, пролистать прайс-лист, заполнить форму обратной связи.

Из сервисов для диагностики полезны два. Первый — «Проверка оптимизации» в Яндекс.Вебмастере. Там показываются конкретные проблемы мобильной версии: слишком мелкий шрифт, элементы, расположенные слишком близко друг к другу, контент, выходящий за границы экрана. Второй — PageSpeed Insights от Google. Да, это инструмент другого поисковика, но он даёт понятную картину по скорости и удобству мобильной версии, и эти проблемы почти всегда совпадают с тем, что не нравится Яндексу.

Частые ошибки мобильных версий

• Мелкий текст. Если на телефоне базовый шрифт меньше 14–16 пикселей, человек будет увеличивать страницу, а потом терять строку и листать влево-вправо. Большинство уйдёт.
• Кнопки, в которые невозможно попасть пальцем. Минимальный размер кликабельного элемента — примерно 44×44 пикселя. Если у вас ряд из пяти мелких иконок вплотную друг к другу, половина нажатий уйдёт мимо.
• Всплывающие окна на весь экран. Человек открывает сайт, а ему сразу закрывает половину экрана баннер «Подпишитесь на рассылку» или «Скачайте приложение». Кнопка закрытия крошечная. Яндекс прямо говорит: такие окна снижают оценку мобильной страницы.
• Горизонтальная прокрутка. Если на мобильной версии нужно листать вправо, чтобы увидеть конец таблицы или цены — это сломанная адаптация.
• Меню, которое не закрывается. Бургер-меню открывается, но чтобы его закрыть, нужно найти маленький крестик где-то в углу. Люди просто уходят.

Mobile-first индексация в Яндексе

Mobile-first индексация означает, что Яндекс в первую очередь смотрит мобильную версию сайта при оценке страниц. Раньше было наоборот: основой считалась десктопная версия, а мобильная была как бы дополнением. Сейчас приоритет изменился.

Что это значит на практике? Если на мобильной версии у вас скрыт часть текста, который есть на компьютере, Яндекс может не учесть этот текст при ранжировании. Если на мобильной версии нет ссылок на важные разделы, которые есть в подвале десктопной версии — Яндекс посчитает, что этих разделов не существует. Мобильная версия должна быть полноценной, а не урезанной.

Ускорение мобильного сайта

Оптимизация скорости на мобильных

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

Что реально тормозит мобильные сайты: тяжёлые изображения, лишние скрипты, подключение шрифтов из внешних сервисов, рекламные коды и виджеты сторонних сервисов. Часто владелец сайта даже не подозревает, что страница весит пять мегабайт, потому что на быстром Wi-Fi в офисе всё открывается мгновенно. А клиент в метро с LTE ждёт восемь секунд и закрывает вкладку.

Ленивая загрузка изображений

Ленивая загрузка (lazy loading) — это механизм, при котором картинки загружаются только тогда, когда пользователь до них доскроллит. Если у вас на странице десять фотографий работ, а человек видит только первые две, нет смысла скачивать все десять сразу.

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

AMP страницы и их актуальность

AMP — это специальный формат страниц от Google, созданный для максимального ускорения на мобильных. Раньше Яндекс активно поддерживал этот формат и даже давал преимущество AMP-страницам в выдаче. Но сейчас ситуация изменилась.

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

Как уменьшить вес мобильной страницы

Начните с проверки. Откройте Яндекс.Вебмастер, раздел «Диагностика», вкладка «Проверка оптимизации». Там будет указан вес страницы и конкретные рекомендации по ускорению. Также полезно посмотреть отчёт в Яндекс.Метрике — там показывается среднее время загрузки страниц для мобильных пользователей.

Практические шаги, которые обычно дают наибольший эффект:

• Сжатие изображений. Фотографии работ, товаров, иконки — всё это нужно оптимизировать. Формат WebP вместо JPEG позволяет уменьшить вес картинки на 25–35% без заметной потери качества. Большинство современных сайтов поддерживают WebP.
• Правильные размеры картинок. Если на мобильной версии картинка отображается шириной 400 пикселей, нет смысла загружать версию на 1200 пикселей. Настройте отдачу картинок нужного размера для мобильных устройств.
• Очистка от лишних скриптов. Счетчики, виджеты чатов, кнопки соцсетей, коды аналитики — каждый из них добавляет запросы к серверу и замедляет загрузку. Оставьте только необходимое.
• Кэширование и сжатие на сервере. Включите сжатие GZIP или Brotli — это уменьшает размер передаваемых данных. Настройте кэширование, чтобы повторные посещения открывались мгновенно.

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