Рекомендации по мобильным сайтам и индексированию с приоритетом мобильного контента

При индексировании и ранжировании главным образом используется мобильная версия сайта, просканированная с помощью 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, проверьте свой сайт в соответствии с этим списком и устраните неполадки.

Ошибки

Отсутствуют структурированные данные

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

Решение:

  1. В коде обеих версий сайта должны быть структурированные данные.
  2. Проверьте, совпадают ли они.
  3. Используйте в структурированных данных правильные URL. Убедитесь, что URL в структурированных данных мобильных версий ведут на страницы, оптимизированные для мобильных устройств.
  4. Проверьте, нормально ли осуществляется извлечение информации. Если вы добавляете структурированные данные с помощью Маркера, регулярно выполняйте проверку на наличие проблем с извлечением информации.
  5. Используйте инструмент проверки URL, чтобы узнать, как робот Google воспринимает ваши страницы.

На страницах есть тег noindex

Причина. Тег noindex препятствует индексированию мобильной страницы.

Решение. Используйте одни и те же теги meta с атрибутом robots для обеих версий сайта. Не добавляйте тег noindex на мобильную страницу. При его наличии робот Googlebot не сможет просканировать и проиндексировать вашу страницу, если для нее включено индексирование с приоритетом мобильного контента.

Отсутствует изображение

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

Решение:

  1. Мобильная версия сайта должна содержать те же материалы, что и полная. Обновите основной контент мобильной версии, чтобы он совпадал с версией для компьютеров. Индексироваться будут только материалы для смартфонов и планшетов.
  2. Используйте одни и те же теги robots (meta) для обеих версий сайта. Не добавляйте тег nofollow на мобильную страницу. При его наличии робот Googlebot не сможет просканировать и проиндексировать изображения на вашей странице, если ваш сайт переведен на индексирование с приоритетом мобильного контента.
  3. Используйте только поддерживаемые форматы изображений и теги. Например, Google поддерживает формат SVG, но наши системы не могут проиндексировать JPG-изображение в теге <image> внутри встроенного SVG-файла.
  4. Не используйте для основного контента отложенную загрузку, связанную с действиями пользователей. Робот Googlebot не всегда может найти контент, для загрузки которого пользователь должен что-то сделать, например перелистнуть страницу, нажать кнопку или ввести текст. Подробнее о том, как обеспечить индексацию контента с отложенной загрузкой

Изображение заблокировано

Причина. Важное изображение на мобильной странице заблокировано в файле robots.txt.

Решение. Разрешите Google сканировать ваши ресурсы. URL изображений для разных версий сайта иногда не совпадают. Если вы хотите, чтобы робот Googlebot сканировал ваши URL, не блокируйте их с помощью правила disallow.

Низкое качество изображения

Причина. У важного изображения на мобильной странице слишком маленький размер или низкое разрешение.

Решение. Следите за качеством изображений. Они не должны быть слишком маленькими или иметь недостаточно высокое разрешение.

Отсутствует альтернативный текст

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

Решение. Используйте один и тот же альтернативный текст для изображений в обеих версиях сайта.

Отсутствует название страницы

Причина. В коде мобильной страницы нет ее названия.

Решение. Убедитесь, что на обоих сайтах совпадают названия и метаописания.

Отсутствует метаописание

Причина. У мобильной страницы нет метаописания.

Решение. Убедитесь, что на обоих сайтах совпадают названия и метаописания.

Ошибка при переходе по мобильному URL

Причина. При попытке открыть мобильную страницу происходит ошибка.

Решение. Убедитесь, что статус страницы с сообщением об ошибке одинаков в обеих версиях сайта. Если на странице сайта для компьютеров контент доступен, а ее версия для мобильных устройств возвращает ошибку, страница не будет проиндексирована.

В мобильном URL есть анкер

Причина. URL мобильной страницы содержит анкер. Google не может индексировать такие URL.

Решение. Убедитесь, что в мобильной версии сайта не используются фрагменты URL. Как правило, фрагментированные URL не индексируются. Мы перестанем сохранять их после того, как ваш домен будет переведен на индексирование с приоритетом мобильного контента.

Файл robots.txt блокирует доступ к странице

Причина. Доступ к мобильной странице запрещен правилом в файле robots.txt.

Решение. Проверьте, правильно ли работают директивы в файле robots.txt и теги robots (meta) для обеих версий сайта. Обычно для полной и мобильной версий сайта используются одни и те же правила этого типа.

Выполняется переадресация с нескольких страниц для компьютеров на одну мобильную

Причина. На нескольких страницах для компьютеров настроена переадресация на одну и ту же мобильную.

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

Выполняется переадресация на главную страницу мобильного сайта

Причина. Большинство страниц для компьютеров или все они перенаправляют пользователей на главную страницу мобильного сайта.

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

Недостаточно высокое качество страницы

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

Решение:

  1. Используйте такие методы размещения рекламы, которые не нанесут вреда рейтингу вашего мобильного сайта. При показе объявлений на мобильных устройствах соблюдайте стандарты Better Ads Standards.
  2. Мобильная версия сайта должна содержать те же материалы, что и его полная версия. Обновите основной контент мобильной версии, чтобы он совпадал с полной. Индексироваться будут только материалы для смартфонов и планшетов.
  3. Используйте одни и те же информативные заголовки для обеих версий сайта.
  4. Используйте одни и те же заголовки, подписи, текстовые фрагменты и названия файлов для обеих версий сайта.

Проблемы с видео

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

Решение:

  1. При добавлении видео используйте только поддерживаемые форматы и теги. Чтобы проверить наличие видео на странице, мы выясняем, есть ли там связанный с ним HTML-тег, например <video>, <embed> или <object>.
  2. Не используйте для основного контента отложенную загрузку, связанную с действиями пользователей. Робот Googlebot не всегда может найти контент, для загрузки которого пользователь должен что-то сделать, например перелистнуть страницу, нажать кнопку или ввести текст. Подробнее о том, как обеспечить индексирование контента с отложенной загрузкой
  3. Разместите видео так, чтобы его было легко найти на мобильном сайте. Если пользователи будут вынуждены долго прокручивать страницу, чтобы обнаружить ролик, его рейтинг может снизиться.

Проблемы с нагрузкой на хост

Причина. На некоторые хосты приходится недостаточно нагрузки.

Решение. Убедитесь, что ваши серверы смогут обеспечить достаточную производительность, если увеличится частота сканирования мобильной версии сайта.