Содержание
Краткое саммари
Мобилопригодным считается сайт, на котором пользователю удобно работать с мобильных устройств. Это обязательное требование к сайтам при оптимизации для Яндекса или для Google. Мобильная оптимизация сайта опирается на три вещи: mobile-first индексация, скорость и удобство интерфейса.
Кому стоит прочитать статью: SEO-специалистам, вебмастерам, владельцам сайтов, маркетологам и командам, которые отвечают за мобильный трафик и заявки.
Требования Google к сайту для мобильных устройств
Google завершил переход на mobile-first indexing. Мобильная версия страницы — основная для индексации и оценки качества контента.
С декабря 2023 года Google отключил Mobile-Friendly Test и отчет Mobile Usability в Search Console. Для проверки используйте Lighthouse и PageSpeed Insights.
С марта 2024 года FID заменен на INP в Core Web Vitals. Ориентир по INP для хорошего результата — до 200 мс.
Обе версии сайта должны содержать одинаковый контент. Если в мобильной версии меньше данных, сайт может потерять трафик. То же относится к метаданным, заголовкам и структурированным данным.
Качество изображений
Используйте адаптивные изображения, поддерживаемые форматы и корректные alt-атрибуты. Для расширенных результатов в Google Картинках заполните структурированные данные.
Качество видео
Используйте поддерживаемые форматы, отдельные страницы под ролики и стабильные URL. Избегайте тяжелого JavaScript, который мешает индексации.
FAQ по разделу
Google Mobile-Friendly Test еще работает?
Нет, с декабря 2023 инструмент закрыт.
Какая метрика главная для интерактивности?
INP, в Core Web Vitals он заменил FID.
Можно ли урезать контент в мобильной версии?
Ключевой контент урезать не стоит, это ухудшает индексацию.
Требования Яндекс к сайту для мобильных устройств
Яндекс учитывает мобильную удобность: viewport, читаемость, корректную работу элементов и отсутствие критичных отличий между десктопом и мобайлом.
Турбо-страницы для контентных сайтов прекращены в 2025 году. В 2026 году приоритет — качественная мобильная версия основного сайта.
Чтобы страницы отображались корректно, разрешите в robots.txt сканирование CSS и JavaScript.
FAQ по разделу
Нужны ли Турбо-страницы в 2026 году?
Нет, поддержка технологии прекращена.
Что проверить в первую очередь?
Viewport, CSS/JS, отсутствие горизонтального скролла.
Нужно ли полное совпадение мобильной и десктопной версий?
Ключевой контент и структура должны совпадать по смыслу.
Способы создать мобильную версию сайта
Для придания сайту мобильной адаптивности используют один из вариантов: мобильную версию, адаптивную или динамическую верстку — RESS (Responsive Design + Server Side).
Отдельная мобильная версия
Это отдельный сайт на поддомене. Сервер учитывает user-agent и перенаправляет пользователя на мобильную версию. К URL обычно добавляется «m.».
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.site.com/page.html">
Плюсы: можно облегчить функциональность под мобильных пользователей. Минусы: отдельная поддержка и более высокая стоимость.
Адаптивная верстка
Один URL для всех устройств, интерфейс подстраивается под экран. Обязателен корректный viewport:
<meta name="viewport" content="width=device-width, initial-scale=1">.
RESS
Технология адаптирования сайта для мобильного на стороне сервера. В зависимости от типа устройства сервер отправляет пользователю один из вариантов HTML/CSS.
Плюсы: более гибкая оптимизация. Минусы: сложнее и дороже в реализации.
FAQ по разделу
Что выбрать для нового проекта?
Чаще всего адаптивную верстку.
Когда нужна отдельная мобильная версия?
Если мобильный сценарий заметно отличается от десктопного.
RESS подходит всем?
Нет, нужны ресурсы на разработку и поддержку.
Чек-лист оптимизации сайта под мобильные устройства
Скачайте краткий чек-лист на компьютер или скопируйте в Google Docs, чтобы отмечать выполнение.
Открыть и скачать чек-лист мобилопригодного сайта от PR-CY.ru
Пункты из чек-листа с пояснениями и примерами:
1. Реализация отображения на мобильных
Для мобильной версии указывают URL в коде основных страниц, для адаптивного шаблона устанавливают область просмотра тегом Viewport.
2. Сайт доступен для роботов
Разрешите сканирование CSS и JavaScript в robots.txt.
3. Ответ 200 OK
Проверьте коды ответа сервера, ключевые страницы должны стабильно отдавать 200 OK.
4. Поддержка всех технологий
Flash, Java-апплеты и Silverlight лучше убрать: они тормозят и плохо работают на мобильных.
5. Быстрая загрузка
Следите за скоростью и Core Web Vitals. Важны LCP, CLS и INP.
6. Отдельный фавикон
Добавьте мобильный фавикон для сохранения сайта на экран смартфона.
7. Только вертикальная прокрутка
Горизонтальный скролл ухудшает пользовательский опыт на смартфоне.
8. Крупные значки
Кликабельные элементы делайте крупными: ориентир 44-48 px, по WCAG 2.2 минимум 24x24 px.
9. Крупный шрифт
Сделайте удобный размер шрифта и межстрочного интервала, чтобы не нужно было масштабирование.
10. Контрастный текст
Проверяйте контраст в Color Contrast Checker.
11. Всплывающие окна не закрывают контент
Сокращайте агрессивные pop-up на мобильных экранах.
12. Упрощенная регистрация
Минимизируйте поля и оставьте быстрые сценарии регистрации.
13. Использование геоданных
Используйте геоданные для автозаполнения адреса, но только после согласия пользователя.
14. Упрощенная связь с компанией
Сделайте номер телефона активным для звонка в один тап.
<a href="tel:+74952235555">Call me</a>
FAQ по разделу
С чего начать оптимизацию?
С проверки кода ответа, скорости и мобильной верстки.
Нужно ли делать все пункты сразу?
Нет, начните с важных проблем, которые влияют на индексацию и конверсию.
Этот чек-лист актуален для e-commerce?
Да, особенно для карточек товара и оформления заказа.
Как проверить мобилопригодность: бесплатные инструменты
Проверить оптимизацию можно бесплатно за пару кликов, подходящие инструменты есть у поисковых систем и сторонних разработчиков.
Анализ сайта от PR-CY проверяет ресурс по более 70 параметрам, включая мобилопригодность.
Вебмастер Яндекса предлагает проверку на мобилопригодность.
PageSpeed Insights и Lighthouse помогают анализировать Core Web Vitals и UX.
Последние тренды и тенденции мобильной оптимизации
- Фокус на Core Web Vitals и реальном UX. В центре внимания интерактивность страницы, стабильность интерфейса и скорость реакции.
- INP вместо FID. В mobile SEO теперь важнее общая отзывчивость всех пользовательских действий.
- Рост mobile-first контента. Короткие сценарии, быстрые CTA и понятная структура работают лучше на смартфонах.
- PWA в проектах с повторными визитами. Подходит сервисам и каталогам, где важна скорость возврата пользователя.
Сайты, которые не оптимизированы под мобильные устройства, теряют большую часть трафика. Проверьте свой ресурс с помощью чек-листа и сделайте его мобилопригодным, чтобы нравиться и пользователям, и поисковикам.
