Создаем разные языковые версии AMP-страниц

Для решение проблемы локализации, обычно, используется тег hreflang . Hreflang является частью метаданных веб-сайта и используется для аннотирования страницы таким образом, что поисковым роботам могут обнаруживать альтернативные переводы определенной статьи. Поисковые системы, такие как Google, распознают веб-сайты, которые используют hreflang. Обозначение hreflang используется с тегом ссылки для ссылки на другую страницу:

<link rel="alternate" hreflang="fr" href="https://www.example.com/path/to/french.html" />

Страниці AMP также могут использовать нотацию hreflang, чтобы указывать сканеры на другие версии себя на других языках.

Важно правильно настроить отношения hreflang среди всех страниц AMP, особенно существующие отношения метаданных между каноническими страницами и AMP-страницами. Ниже приведены два примера того, как веб-сайты могут структурировать свои отношения hreflang для канонических и AMP-страниц в статье.

Пример 1: Canonical + AMP

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

Первый пример использования hreflang в AMP

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

Кроме того, эта диаграмма включает  каноническую французкую версию как канонического версии страницы, так и странице AMP. Поэтому страницы должны включать теги link с атрибутами hreflang для подключения различных альтернативных языковых версий канонических и AMP-страниц. Применяются следующие правила:

  • Каждый каноническая страница должна иметь тег ссылки с rel=amphtml, указывающий на соответствующую страницу AMP на том же языке.
  • Каждая страница AMP должна иметь тег ссылки с rel=canonical, указывающий на соответствующий соответствующий канонической страницы основной страницы, опять же, на том же языке.
  • Каждый каноническая страница должна иметь тег ссылки с rel=alternate и атрибут hreflang для каждой альтернативной языковой версии канонической страницы.
  • Каждая страница AMP должен иметь тег ссылки с rel=alternate и атрибут hreflang для каждой альтернативной языковой версии страницы AMP.

Поэтому, учитывая статью с самими языковыми версиями языка (включая английский), каждый каноническая страница будет включать:

  • 1 тег ссылки с rel=amphtml
  • И X теги ссылок с rel=alternate и атрибут hreflang

Пример 2: Canonical + Alternate + AMP

Следующий пример — расширенная версия первого примера. Этот пример включает 3 версии страниц на определенном языке:

  • Каноническая компьютерная версия
  • Альтернативная страница мобильного сайта
  • AMP-страница

Следующая диаграмма иллюстрирует, как обеспечить переводы для этой структуры:

второй пример использования hreflang в AMP

Те же правила из предыдущего примера применяются в этом примере с добавлением следующих правил:

  • Каждая каноническая страница должна иметь иметь тег link с атрибутом rel=alternate и hreflang, указывающий на соответствующий ему альтернативную мобильную версию страницы на том же языке.
  • Каждая альтернативная мобильная страница должна иметь тег link с rel=canonical, указывающий на соответствующую канонический версию компьютерной страницы, опять же, на том же языке.
  • Каждая альтернативная мобильная страница должна иметь тег link с rel=alternate и атрибут hreflang для каждой альтернативной языковой версии альтернативной мобильной страницы.

 

Оставить комментарий

avatar
25412
  Подписаться  
Уведомление о