Интернационализация в AMP

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

На этой диаграмме имеется каноническая английская версия страницы и соответствующая страница 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-страница

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

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

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

Если Вас заинтересовала технология, рекомендуем посетить наш сайт:amp-lessons.com