Правило простое: поиск оценивает то, что видит на телефоне. Разбираем, что из этого следует для сайтов с отдельной мобильной версией и для адаптивных, и как проверить себя.
Коротко
- Для индексирования используется мобильная версия страницы.
- Урезанное мобильное содержимое урезает оценку страницы.
- Разметка и мета-теги должны совпадать на обеих версиях.
- Проверять нужно с телефона, а не в узком окне браузера.
Что это означает
Для индексирования и ранжирования используется мобильная версия содержимого, обойденная агентом для смартфонов.
Основа оценки — мобильная версия
Не та, что вы видите на компьютере.
Чего нет на мобильной, того нет вовсе
Для оценки страницы.
Разметка тоже берётся оттуда
Если её там нет, она не учтена.
Скорость важна именно мобильная
И условия связи другие.
Второй пункт меняет привычную логику работы. Раньше мобильную версию проверяли последней, «для удобства посетителей»; теперь именно она определяет, как оценят страницу, а десктопная становится дополнительной.
Что сравнивать между версиями
| Элемент | Требование |
|---|---|
| Основной текст | Полностью совпадает |
| Заголовки | Те же и в той же иерархии |
| Мета-теги | Эквивалентные заголовки и описания |
| Структурированная разметка | Присутствует на обеих версиях |
| Изображения | Качественные, не уменьшенные до нечитаемости |
| Правила robots | Одинаковые |
| Ссылки canonical и alternate | Согласованы между версиями |
Четвёртая строка теряется чаще остальных. Разметку обычно добавляют в десктопный шаблон и забывают про мобильный; она есть на сайте, но не в той версии, по которой оценивают страницу. Про разметку — в статье про расширенные результаты.
Где чаще всего теряют
Типичные потери
- Блок описания скрыт на мобильном
- Характеристики свёрнуты и не выводятся
- Отзывы доступны только на десктопе
- Разметка есть лишь в одной версии
- Изображения заменены на мелкие
Как правильно
- Содержимое присутствует, даже если свёрнуто
- Свёрнутое раскрывается без перезагрузки
- Разметка в обоих шаблонах
- Изображения нормального качества
Разница между «свёрнуто» и «отсутствует» здесь решающая. Блок, скрытый оформлением, но присутствующий в коде, учитывается; блок, который на мобильном шаблоне не выводится, — нет. Проверяется это просмотром кода мобильной версии, а не внешним видом.
Как проверить
Откройте сайт на настоящем телефоне
Узкое окно браузера — не то же самое.
Посмотрите исходный код мобильной версии
Сравните с десктопной.
Используйте инструмент проверки адреса
Он показывает, что видит поиск.
Проверьте по образцу каждого типа страниц
Товар, категория, статья.
Проверьте скорость на мобильной связи
Не на офисном интернете.
Первый пункт важнее, чем кажется. Сужение окна браузера показывает вёрстку, но не показывает реальную скорость, поведение всплывающих блоков и то, как ведут себя элементы при касании. Половина мобильных проблем видна только на устройстве.
Отдельно про всплывающие блоки
| Что | Как это выглядит на телефоне |
|---|---|
| Окно на весь экран сразу после загрузки | Содержимое закрыто целиком |
| Баннер согласия поверх текста | Читать невозможно |
| Подписка через несколько секунд | Прерывает чтение |
| Кнопка закрытия за краем экрана | Выхода нет |
Последняя строка встречается чаще, чем можно предположить, и убивает визит полностью. Окно, свёрстанное под десктоп, на узком экране обрезается вместе с кнопкой закрытия — человек не может ни читать, ни уйти дальше главной. Такие вещи находятся только проверкой на устройстве.
Частые вопросы
Что такое mobile-first индексация?
Для индексирования и ранжирования используется мобильная версия содержимого, обойденная агентом для смартфонов. Десктопная версия перестаёт быть основой оценки.
Что будет, если мобильная версия короче?
Того, чего нет на мобильной версии, для оценки страницы не существует. Урезанное мобильное содержимое урезает оценку всей страницы.
Что должно совпадать между версиями?
Основной текст, заголовки и их иерархия, мета-теги, структурированная разметка, качество изображений, правила robots и ссылки canonical и alternate.
Как правильно проверять мобильную версию?
На настоящем телефоне, а не в узком окне браузера: скорость, поведение всплывающих блоков и реакция элементов на касание видны только на устройстве.
Продвинем сайт в поиске
Соберём семантику, доведём структуру и текст до уровня топа и будем вести проект до заявок.
Обсудить SEO-продвижение
