Рекомендации по мобильным сайтам и индексированию с приоритетом мобильного контента
При индексировании и ранжировании используется мобильная версия сайта, просканированная с помощью Googlebot для смартфонов. Это называется индексированием с приоритетом мобильного контента.
Вам необязательно создавать мобильную версию сайта, чтобы ваш контент показывался в результатах поиска Google. Однако мы советуем сделать это. Рекомендации в этом руководстве применимы к мобильным сайтам в целом, а также к индексированию с приоритетом мобильного контента.
Чтобы ваш сайт всегда был удобным для пользователей, следуйте рекомендациям в этом руководстве.
Создайте сайт, оптимизированный для мобильных устройств
Создайте сайт, оптимизированный для мобильных устройств, чтобы пользователям было удобнее просматривать его со своих телефонов. Это можно сделать с помощью одной из перечисленных ниже конфигураций.
- Адаптивный дизайн. Сервер отправляет один и тот же HTML-код всем устройствам (компьютерам, планшетам, мобильным телефонам, невизуальным браузерам), но отрисовка сайта выполняется по-разному в зависимости от размера экрана. Google рекомендует использовать адаптивный дизайн, поскольку с ним проще всего работать.
-
Динамический показ. На разных устройствах открывается один и тот же URL. Для того чтобы показывать отдельные версии HTML-кода на разных устройствах, используется директива
user-agent
и заголовок HTTP-ответаVary: user-agent
. - Разные URL. В зависимости от типа устройства выбираются разные варианты кода и разные URL. Система пытается определить тип устройства пользователя, а затем перенаправляет его на нужную страницу при помощи директивы
user-agent
и HTTP-заголовкаVary
.
Рекомендации в этом руководстве применимы только к динамическому показу и разным URL. Если сайт имеет адаптивный дизайн, то в мобильной и полной версиях используется одинаковый контент и метаданные.
Убедитесь, что Google может сканировать страницы
У Google должен быть доступ к вашим ресурсам и контенту на страницах для мобильных устройств.
-
В полной и мобильной версиях сайта следует внедрять одни и те же теги
meta
с атрибутом robots. При использовании для мобильной версии сайта других теговmeta
с атрибутом robots, особенно теговnoindex
илиnofollow
, у робота Googlebot могут возникнуть проблемы: он не сможет обрабатывать такие страницы, если для них включено индексирование с приоритетом мобильного контента. - Не используйте для основного контента отложенную загрузку, связанную с действиями пользователей. Google не всегда может найти контент, для загрузки которого пользователь должен что-то сделать, например перелистнуть страницу, нажать кнопку или ввести текст. Подробнее о том, как обеспечить индексацию контента с отложенной загрузкой…
-
Необходимо предоставить Google возможность сканировать ваши ресурсы. Иногда адрес мобильного сайта не совпадает с адресом полной версии. Робот Googlebot может проиндексировать только те URL, которые не заблокированы правилом
disallow
.
Убедитесь, что в полной и мобильной версиях сайта опубликован один и тот же контент
Даже при одинаковом контенте различия в модели DOM или дизайне мобильной и полной версий могут помешать роботу Google воспринимать их как один и тот же сайт. Однако одинаковое содержание гарантирует, что обе версии сайта смогут появляться в результатах поиска при запросах по одним и тем же ключевым словам.
- Мобильная версия сайта должна содержать те же материалы, что и его полная версия. Если мобильный сайт содержит меньше контента, мы рекомендуем привести его в соответствие с основным. Вы можете изменить дизайн, чтобы повысить удобство использования сайта (например, переместить контент в аккордеоны или вкладки), но обязательно убедитесь в том, что на мобильном сайте опубликован тот же контент, что и на основном. Это важно, поскольку индексирование затрагивает мобильный сайт.
- Используйте одинаковые, в равной степени понятные и информативные заголовки для обеих версий сайта.
Проверьте структурированные данные
Если вы используете структурированные данные, убедитесь, что они есть в обеих версиях сайта. Вот несколько советов.
-
Проверьте, совпадают ли структурированные данные в мобильной и полной версиях сайта.
Если вы не знаете, какие типы структурированных данных подойдут для мобильного сайта, сначала ознакомьтесь с информацией о свойстве
Breadcrumb
и типахProduct
иVideoObject
. - Используйте в структурированных данных правильные URL. Убедитесь, что URL в структурированных данных, добавленных в мобильную версию сайта, ведут на страницы, которые оптимизированы для мобильных устройств.
- Если вы используете Маркер, не забывайте о проверках. Если вы добавляете структурированные данные с помощью Маркера, регулярно выполняйте проверку на наличие проблем с извлечением информации.
Разместите одинаковые метаданные в обеих версиях сайта
Убедитесь, что на обоих сайтах совпадают элементы title
и метаописания.
Проверьте места размещения объявлений
Используйте такие методы размещения рекламы, которые не нанесут вреда рейтингу вашего мобильного сайта. При показе объявлений на мобильных устройствах соблюдайте стандарты Better Ads Standards. Например, объявления в верхней части страницы зачастую занимают слишком много места. Это может производить неблагоприятное впечатление на пользователей.
Проверьте графику и видео
Проверьте изображения
Убедитесь, что изображения на вашем мобильном сайте соответствуют нашим рекомендациям. Вот некоторые их них:
- Используйте качественные изображения. Они не должны быть слишком маленькими или иметь недостаточно высокое разрешение.
-
Используйте только поддерживаемые форматы.
Это касается как изображений, так и тегов. Например, Google поддерживает формат SVG, но наши системы не могут проиндексировать JPG-изображение в теге
<image>
внутри встроенного SVG-файла. - Не используйте URL, которые меняются каждый раз при загрузке изображений. В таком случае наша система не сможет обработать и проиндексировать ваши ресурсы.
- Убедитесь, что для изображений в обеих версиях сайта указан один и тот же альтернативный текст. На мобильном сайте он должен быть настолько же информативным, как и в полной версии.
- Контент должен быть в равной степени качественным как на страницах для компьютеров, так и для мобильных устройств. Используйте одни и те же информативные заголовки, подписи, текстовые фрагменты и названия файлов для обеих версий сайта.
Проверьте видео
Убедитесь, что видео на вашем мобильном сайте соответствуют нашим рекомендациям. Вот некоторые их них:
- Не используйте URL, которые меняются каждый раз при загрузке видео. В таком случае наша система не сможет обработать и проиндексировать ваши ресурсы.
-
Используйте при добавлении видео только поддерживаемые форматы и теги. Присутствие видео на странице определяется по наличию соответствующего HTML-тега, например
<video>
,<embed>
или<object>
. - Используйте одни и те же структурированные данные для видео в обеих версиях сайта. Рекомендуем перечитать раздел статьи, посвященный проверке структурированных данных.
- Разместите видео на странице так, чтобы его было легко найти пользователю смартфона или планшета. Если пользователи будут вынуждены долго прокручивать страницу, чтобы обнаружить ролик, его рейтинг может снизиться.
Дополнительные рекомендации для сайтов с отдельными URL
Если у мобильной и полной версий сайта разные URL (например, мобильная версия находится в субдомене m.), следуйте советам, приведенным ниже.
- Убедитесь, что статус страницы с сообщением об ошибке одинаков в обеих версиях сайта. Если в версии страницы для компьютеров контент доступен, а ее версия для мобильных устройств возвращает ошибку, страница не будет проиндексирована.
-
Убедитесь, что в мобильной версии сайта не используются фрагменты URL. Фрагмент – это часть URL, которая расположена в конце и начинается с элемента
#
. Как правило, фрагменты URL не индексируются. Мы перестанем сохранять их после того, как ваш домен будет переведен на индексирование с приоритетом мобильного контента. - Проверьте, есть ли у версий страниц для компьютеров, содержащих несколько разных вариантов контента, аналогичные версии для мобильных устройств. Если на смартфонах и планшетах переадресация с разных URL ведет на одну и ту же страницу, например на главную, то исходные страницы пропадут из индекса после перехода на новый способ индексирования.
- Подтвердите право собственности как на мобильную, так и на полную версию сайта в Search Console, чтобы вам были доступны данные и уведомления, связанные с обеими версиями. Когда Google начнет использовать для вашего сайта индексирование с приоритетом мобильного контента, на сайте может произойти сдвиг данных.
-
Проверьте атрибуты
hreflang
в каждой версии сайта. Если на многоязычном сайте используются элементыlink
с атрибутомrel=hreflang
, ссылки между страницами для компьютеров и мобильных устройств следует настраивать отдельно. Атрибутыhreflang
в мобильных URL должны указывать на мобильные URL, а URL для компьютеров, имеющие атрибутhreflang
, – на версии URL для компьютеров.Вот пример атрибутов
hreflang
для главной страницы сайта с разными URL мобильной и полной версий:Мобильная версия
URL мобильной версии сайта:
https://m.example.com/
.<link rel="canonical" href="https://example.com/"> <link rel="alternate" hreflang="es" href="https://m.example.com/es/"> <link rel="alternate" hreflang="fr" href="https://m.example.com/fr/"> <link rel="alternate" hreflang="de" href="https://m.example.com/de/"> <link rel="alternate" hreflang="th" href="https://m.example.com/th/">
Полная версия
URL полной версии сайта:
https://example.com/
.<link rel="canonical" href="https://example.com/"> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/"> <link rel="alternate" hreflang="es" href="https://example.com/es/"> <link rel="alternate" hreflang="fr" href="https://example.com/fr/"> <link rel="alternate" hreflang="de" href="https://example.com/de/"> <link rel="alternate" hreflang="th" href="https://example.com/th/">
- Убедитесь, что ваши серверы смогут обеспечить достаточную производительность, если увеличится частота сканирования мобильной версии сайта.
- Проверьте, правильно ли работают правила в файле robots.txt для обеих версий сайта. Файл robots.txt позволяет определить, какие разделы сайта нужно сканировать, а какие нет. Обычно для полной и мобильной версий сайта используются одни и те же правила этого типа.
-
Проследите, чтобы в обеих версиях сайта были правильно указаны атрибуты
rel=canonical
иrel=alternate
в элементахlink
. URL полной версии сайта всегда является каноническим, а URL мобильной версии – альтернативным.Атрибуты
rel=canonical
иrel=alternate
для сайтов с отдельными URL.Мобильная версия
URL мобильной версии сайта:
https://m.example.com/
. Он содержит элементlink
, который указывает на URL полной версии как на канонический URL.<link rel="canonical" href="https://example.com/">
Полная версия
URL полной версии сайта:
https://example.com/
. Он содержит элементlink
, который указывает сам на себя как на канонический URL, и ещё один элементlink
, указывающий на мобильную версию как на альтернативный URL.<link rel="canonical" href="https://example.com/"> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.example.com/">
Устранение неполадок
Ознакомьтесь со списком самых распространенных ошибок, которые возникают при индексировании с приоритетом мобильного контента. Эти проблемы не только препятствуют индексированию, но и могут привести к снижению рейтинга сайтов. Если вы ещё не включили такое индексирование, заметили снижение рейтинга или получили уведомление в Search Console, проверьте свой сайт в соответствии с этим списком и устраните неполадки.
Ошибки | |
---|---|
Отсутствуют структурированные данные |
error Причина. Разметка структурированных данных на мобильной странице не такая, как на странице для компьютеров. done Решение:
|
На страницах есть тег
|
error Причина. Тег noindex препятствует индексированию мобильной страницы.
done Решение. Используйте одни и те же теги |
Отсутствует изображение |
error Причина. На мобильную страницу не добавлены некоторые важные изображения, которые есть на странице для компьютеров.
done Решение:
|
Изображение заблокировано |
error Причина. Важное изображение на мобильной странице заблокировано в файле robots.txt.
done Решение. Разрешите Google сканировать ваши ресурсы. URL изображений для разных версий сайта иногда не совпадают. Если вы хотите, чтобы робот Googlebot сканировал ваши URL, не блокируйте их с помощью правила |
Низкое качество изображения |
error Причина. У важного изображения на мобильной странице слишком маленький размер или низкое разрешение.
done Решение. Следите за качеством изображений. Они не должны быть слишком маленькими или иметь недостаточно высокое разрешение. |
Отсутствует альтернативный текст |
error Причина. В HTML-коде мобильной страницы нет альтернативного текста, относящегося к важному изображению. done Решение. Используйте один и тот же альтернативный текст для изображений в обеих версиях сайта. |
Отсутствует название страницы |
error Причина. В коде мобильной страницы нет ее названия. done Решение. Убедитесь, что на обоих сайтах совпадают названия и метаописания. |
Отсутствует метаописание |
error Причина. У мобильной страницы нет метаописания. done Решение. Убедитесь, что на обоих сайтах совпадают названия и метаописания. |
Ошибка при переходе по мобильному URL |
error Причина. При попытке открыть мобильную страницу происходит ошибка. done Решение. Убедитесь, что статус страницы с сообщением об ошибке одинаков в обеих версиях сайта. Если на странице сайта для компьютеров контент доступен, а ее версия для мобильных устройств возвращает ошибку, страница не будет проиндексирована. |
В мобильном URL есть анкер |
error Причина. URL мобильной страницы содержит анкер. Google не может индексировать такие URL. done Решение. Убедитесь, что в мобильной версии сайта не используются фрагменты URL. Как правило, фрагменты URL не индексируются. Мы перестанем сохранять их после того, как ваш домен будет переведен на индексирование с приоритетом мобильного контента. |
Файл robots.txt блокирует доступ к странице |
error Причина. Доступ к мобильной странице запрещен правилом в файле robots.txt.
done Решение. Проверьте, правильно ли работают директивы в файле robots.txt и теги robots ( |
Выполняется переадресация с нескольких страниц для компьютеров на одну мобильную |
error Причина. На нескольких страницах для компьютеров настроена переадресация на одну и ту же мобильную. done Решение. Проверьте, есть ли у версий страниц для компьютеров, содержащих несколько разных вариантов контента, аналогичные версии для мобильных устройств. Если на смартфонах и планшетах переадресация с разных URL ведет на одну и ту же страницу, то исходные страницы пропадут из индекса после перехода на новый способ индексирования. |
Выполняется переадресация на главную страницу мобильного сайта |
error Причина. Большинство страниц для компьютеров или все они перенаправляют пользователей на главную страницу мобильного сайта. done Решение. Проверьте, есть ли у версий страниц для компьютеров аналогичные версии для мобильных устройств. Если разные URL перенаправляют на главную страницу для мобильных устройств, все они будут исключены из индекса после того, как для вашего домена будет включен приоритет мобильного контента. |
Недостаточно высокое качество страницы |
error Причина. На странице есть проблемы с рекламой, отсутствием контента, заголовками или описательными элементами для изображений. done Решение:
|
Проблемы с видео |
error Причина. На мобильной странице есть видео в неподдерживаемом формате, его сложно найти, для него нет метаописаний или оно слишком медленно загружается. done Решение:
|
Проблемы с нагрузкой на хост |
error Причина. На некоторые хосты приходится недостаточно нагрузки. done Решение. Убедитесь, что ваши серверы смогут обеспечить достаточную производительность, если увеличится частота сканирования мобильной версии сайта. |