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

Google использует мобильную версию контента сайта, просканированную с помощью
smartphone agent, для индексации и ранжирования. Это называется индексация с приоритетом мобильного контента.

Хотя наличие мобильной версии страниц не является обязательным для включения вашего контента в результаты поиска Google, это настоятельно рекомендуется. Эти рекомендации применимы к мобильным сайтам в целом и, по определению, к индексации с приоритетом мобильного контента.

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

Создайте сайт, адаптированный для мобильных устройств

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

• Адаптивный дизайн (Responsive design):
  Предоставляет один и тот же HTML-код по одному и тому же URL независимо от устройства пользователя (например, компьютер, планшет, мобильный телефон, невизуальный браузер), но может отображать контент по-разному в зависимости от размера экрана. Google рекомендует адаптивный веб-дизайн, поскольку это самый простой в реализации и поддержке шаблон дизайна.
• Динамический показ (Dynamic serving): Использует один и тот же URL независимо от устройства. Эта конфигурация опирается на
  user-agent определение и заголовок HTTP-ответа
  Vary: user-agent
  для предоставления разным устройствам разных версий HTML. Отдельные URL-адреса:
  Предоставляет разный HTML для каждого устройства и на отдельных URL-адресах. Как и динамический показ, эта конфигурация опирается на HTTP-заголовки
• user-agent и Vary для перенаправления пользователей на версию сайта, соответствующую устройству.
  Содержание этого руководства относится только к конфигурациям динамического показа и отдельных URL-адресов. В случае адаптивного дизайна контент и метаданные одинаковы в мобильной и десктопной версиях страниц. Если вы используете CMS, такую как Wix или Blogger

, вам, возможно, придется найти новую мобильную тему для вашего сайта, если вы не можете изменить существующую. Попробуйте поискать название вашей CMS и “mobile friendly”, например, “wix mobile friendly”.

Используйте одинаковые

robots

• meta теги на мобильном и десктопном сайтах. Если вы используете другой robots
  meta тег на мобильном сайте (особенно теги noindex или
  nofollow ), Google может не просканировать и не проиндексировать вашу страницу, когда ваш сайт будет включен в индексацию с приоритетом мобильного контента. Не используйте отложенную загрузку (lazy-load) основного контента при взаимодействии с пользователем. Google не будет загружать контент, требующий взаимодействия с пользователем (например, прокрутка, клик или ввод текста) для загрузки.
• Убедитесь, что Google видит контент с отложенной загрузкой Разрешите Google сканировать ваши ресурсы.
  Некоторые ресурсы имеют разные URL на мобильном сайте по сравнению с десктопным. Если вы хотите, чтобы Google сканировал ваши URL, убедитесь, что вы не блокируете URL правилом.
• disallow Убедитесь, что контент одинаков на компьютере и мобильном устройстве
  Даже при эквивалентном контенте различия в DOM или макете между десктопной и мобильной страницами могут привести к тому, что Google будет воспринимать контент по-разному. Однако наличие одинакового контента в десктопной и мобильной версиях гарантирует, что обе версии могут ранжироваться по одним и тем же ключевым словам. Убедитесь, что ваш мобильный сайт содержит тот же контент, что и десктопный сайт..

Если на вашем мобильном сайте меньше контента, чем на десктопном, рассмотрите возможность обновления мобильного сайта, чтобы его основной контент был эквивалентен десктопному. Вы можете использовать другой дизайн на мобильном устройстве для максимизации пользовательского опыта (например, перемещение контента в аккордеоны или вкладки); просто убедитесь, что контент эквивалентен десктопному сайту, так как индексация вашего сайта происходит с мобильного сайта.

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

• 
  Используйте одинаковые четкие и значимые заголовки
  
  на мобильном сайте, как и на десктопном.
• 
  Если у вас есть структурированные данные на сайте, убедитесь, что они присутствуют в обеих версиях вашего сайта. Вот некоторые конкретные вещи, которые нужно проверить: Убедитесь, что ваши мобильный и десктопный сайты имеют одинаковые структурированные данные.

Если вам нужно расставить приоритеты, какие типы добавить на ваш мобильный сайт, начните со структурированных данных

Навигационная цепочка

• Product
  и
  VideoObject,
  .Используйте правильные URL в структурированных данных.
  Убедитесь, что URL в структурированных данных в мобильных версиях обновлены до мобильных URL.
  Если вы используете Data Highlighter, обучите его на своем мобильном сайте.
• Если вы используете Data Highlighter
• для предоставления структурированных данных, регулярно проверяйте Data Highlighter dashboard
  на наличие ошибок извлечения.
  Размещайте одинаковые метаданные в обеих версиях вашего сайта
  Убедитесь, что элемент
  title

и

тот
ru ru ru
мета-описание эквивалентны в обеих версиях вашего сайта.

Проверьте размещение вашей рекламы

Не позволяйте рекламе ухудшать рейтинг вашей мобильной страницы. Следуйте
Better Ads Standard
при показе рекламы на мобильных устройствах. Например, реклама в верхней части страницы может занимать слишком много места на мобильном устройстве, что ухудшает пользовательский опыт

Проверьте визуальный контент

Проверьте ваши изображения

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

• 
  Предоставлять
  высококачественные изображения.
  Не используйте на мобильном сайте изображения, которые слишком малы или имеют низкое разрешение.
• 
  Используйте
  поддерживаемый формат изображений.
  Не используйте неподдерживаемые форматы или теги. Например, Google поддерживает изображения в формате SVG, но наши системы не могут проиндексировать .jpg-изображение в <image> теге внутри встроенного SVG.
• Не используйте для изображений URL-адреса, которые меняются при каждой загрузке страницы. Google не сможет правильно обработать и проиндексировать ваши ресурсы, если вы используете для них постоянно меняющиеся URL-адреса.
• 
  Убедитесь, что на мобильном сайте используется тот же замещающий текст (alt text) для изображений, что и на десктопном сайте.
  Используйте
  описательный замещающий текст
  для изображений на вашем мобильном сайте, как и на десктопном сайте.
• 
  Убедитесь, что качество контента на мобильной странице не уступает качеству на десктопной странице.
  Используйте те же
  заголовки, подписи, имена файлов и текст
  относящиеся к изображениям на мобильном сайте, что и на десктопном сайте.

Проверьте ваши видео

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

• Не используйте для ваших видео URL-адреса, которые меняются при каждой загрузке страницы.
  Google не сможет правильно обработать и проиндексировать ваши ресурсы, если вы используете для них постоянно меняющиеся URL-адреса.
• 
  Используйте поддерживаемый формат
  для ваших видео и размещайте видео в поддерживаемых тегах. Видео идентифицируются на странице по наличию HTML-тега, например: <video>,
  <embed>или <object>.
• Используйте одни и те же структурированные данные для видео как на мобильном, так и на десктопном сайте. Для получения дополнительной информации, проверьте ваши структурированные данные.
• 
  Разместите видео в легкодоступном месте на странице при просмотре на мобильном устройстве.
  Например, рейтинг видео может пострадать, если пользователям приходится слишком долго прокручивать страницу вниз, чтобы найти видео на мобильной странице.

Дополнительные лучшие практики для отдельных URL-адресов

Если ваш сайт имеет отдельные URL-адреса для десктопной и мобильной версий страницы (также известные как m-dot), мы рекомендуем следующие дополнительные лучшие практики:

• 
  Убедитесь, что статус страницы ошибки одинаков как на десктопном, так и на мобильном сайте.
  Если страница на вашем десктопном сайте отображает обычный контент, а мобильная версия этой страницы отображает страницу ошибки, эта страница будет отсутствовать в индексе.
• Убедитесь, что ваша мобильная версия не содержит фрагментов URL. Фрагмент URL — это часть URL, начинающаяся с #. В большинстве случаев фрагменты URL не индексируются, и эти страницы будут отсутствовать в индексе после того, как ваш домен будет включен в индексацию с приоритетом мобильного контента.
• 
  Убедитесь, что десктопные версии, отображающие разный контент, имеют эквивалентные мобильные версии.
  Если разные URL-адреса перенаправляют на один и тот же URL (например, на домашнюю страницу на мобильных устройствах) после того, как ваш домен будет включен в индексацию с приоритетом мобильного контента, все эти страницы будут отсутствовать в индексе.
• 
  Подтвердите обе версии вашего сайта в
  Search Console
  чтобы убедиться, что у вас есть доступ к данным и сообщениям для обеих версий. Ваш сайт может столкнуться с изменением данных, когда Google переключит ваш сайт на индексацию с приоритетом мобильного контента.

• Проверьте hreflang ссылки на отдельных URL-адресах. Когда вы используете
  rel=hreflang
ссылка элементы
  для
  интернационализации, связывайте мобильные и десктопные URL-адреса отдельно. Ваши мобильные URL-адреса hreflang
  должны указывать на мобильные URL-адреса, и аналогично десктопный URL hreflang должен указывать на десктопные URL-адреса.

  Вот пример hreflang для домашней страницы сайта с отдельными URL-адресами для мобильных устройств и десктопа.

  Мобильный

  В этом примере URL-адрес мобильного сайта — это https://m.example.com/.

  Десктоп

  В этом примере URL десктопного сайта — https://example.com/.
• Убедитесь, что ваш мобильный сайт обладает достаточной мощностью, чтобы справиться с потенциальным увеличением
  частоты сканирования
  на мобильной версии вашего сайта.
• 
  Проверьте, что ваши
  правила robots.txt
  работают так, как вы задумали, для обеих версий вашего сайта. Файл robots.txt позволяет указать, какие части веб-сайта могут сканироваться, а какие нет. В большинстве случаев используйте одни и те же правила robots.txt для мобильной и десктопной версий вашего сайта.

• 
  Используйте правильные rel=canonical и rel=alternate
элементы ссылок
  между вашими мобильной и десктопной версиями. Десктопный URL всегда является каноническим, а мобильная версия — альтернативой этого URL.

  Вот пример rel=canonical и rel=alternate для

  настройки сайта с отдельными URL.

  Мобильный В этом примере URL мобильного сайта — https://m.example.com/ и включает

  элемент

  ссылки, который указывает на десктопный URL как канонический URL. Десктоп В этом примере URL десктопного сайта — https://example.com/ и включает

элемент

ссылки, который указывает на самого себя как канонический URL, за которым следует другой