Поиск
Удалить поисковый запрос
Закрыть поиск
Приложения Google
Главное меню

Как использовать атрибут hreflang для указания языка или регионального URL

Сейчас веб-сайты нередко переводятся на иностранные языки и адаптируются для разных регионов. С помощью атрибутов rel="alternate" hreflang="x" Google предлагает результаты поиска на языке пользователя и с соответствующим региональным URL.

Creating multi-regional and multilingual sites

Атрибут rel="alternate" hreflang="x" рекомендуется использовать в следующих случаях:

  • Вы перевели только шаблон веб-страницы (например, панель навигации и нижний колонтитул), а основное содержание осталось на исходном языке. Обычно так делается на страницах, контент которых создается пользователями (например, сообщения на форумах).
  • На сайте представлено содержание на одном языке, однако оно немного различается в зависимости от региона. Так, контент на английском языке может быть предназначен для пользователей из Великобритании, Ирландии и США.
  • Содержание сайта полностью переведено. Например, если у каждой страницы есть версии на немецком и английском языках.

Использование языковых атрибутов

Допустим, у вас есть сайт на английском и испанском языках. Вы можете указать, что http://www.example.com/ и http://es.example.com/ – это разные версии одной страницы, что ускорит поиск нужного веб-сайта для пользователей. Есть три способа это сделать.

  • Элемент link в заголовке страницы. В раздел <head> страницы http://www.example.com/ добавьте элемент link, который переадресует пользователя на испанскую версию веб-сайта по адресу http://es.example.com/.
    <link rel="alternate" hreflang="es" href="http://es.example.com/" />
  • HTTP-заголовок. Если вы публикуете файлы не в формате HTML (например, PDF), используйте HTTP-заголовок, чтобы указать URL на другом языке:
    Link: <http://es.example.com/>; rel="alternate"; hreflang="es"
    Если нужно добавить несколько атрибутов hreflang в элемент link заголовка страницы, разделите их запятыми:
    Link: <http://es.example.com/>; rel="alternate"; hreflang="es",<http://de.example.com/>; rel="alternate"; hreflang="de"
  • Файл Sitemap. Сведения о языковой версии можно указывать не с помощью разметки, а в файле Sitemap.

Если у вас несколько версий страницы на разных языках, то информация обо всех версиях должна содержаться в коде каждой из них.  Например, если ваш сайт предлагает контент для носителей французского, английского и испанского языков, то в адрес страницы на испанском должен быть включен собственный атрибут rel="alternate" hreflang="x", а также ссылки на остальные версии. То же самое касается страниц на французском и английском.

Вы можете разместить версии сайта на нескольких языках как в одном домене, так и в разных.

Предположим, вам нужно уменьшить количество двунаправленных ссылок на сайте, чтобы его было легче обслуживать (например, если вы поддерживаете 40 языков и переводите свои новые страницы на испанском с HTTP на HTTPS). В этой ситуации важно создать двунаправленные ссылки с новых испаноязычных страниц на страницы на основном языке. Например, если ваш сайт изначально был создан на русском языке в домене .ru, то важнее задать двунаправленные связи новых страниц для мексиканцев (.mx) и испанцев (.es) с основным доменом .ru, а не связи этих испаноязычных страниц друг c другом.

Если для людей, которые говорят на одном языке, но находятся в разных регионах, предназначено несколько альтернативных страниц, рекомендуется также создать общий URL для пользователей, не связанных с определенной страной. Например, вы можете предложить отдельные URL для англоговорящих жителей Ирландии (en-ie), Канады (en-ca) и Австралии (en-au). Но вместе с тем жители других стран, которые понимают английский язык, смогут попадать на общую версию сайта (en). В этом случае вам следует указать общую страницу на английском языке (en), например для поисковых запросов из Великобритании. Вы можете обозначить эту группу страниц при помощи файла Sitemap или HTML-тегов link следующим образом:

<link rel="alternate" href="http://example.com/en-ie" hreflang="en-ie" />
<link rel="alternate" href="http://example.com/en-ca" hreflang="en-ca" />
<link rel="alternate" href="http://example.com/en-au" hreflang="en-au" />
<link rel="alternate" href="http://example.com/en" hreflang="en" />

Чтобы обеспечить выбор языка или страны, а также автоматическую переадресацию на главную страницу, необходимо использовать параметр hreflang со значением "x-default":
<link rel="alternate" href="http://example.com/" hreflang="x-default" />

Допустимые значения языковых атрибутов

Атрибут hreflang указывает на язык (в формате ISO 639-1) и, при необходимости, регион (в формате ISO 3166-1 Alpha 2) альтернативного URL. Например:

  • de – содержание на немецком языке для любого региона;
  • en-GB – содержание на английском языке для пользователей из Великобритании;
  • de-ES – содержание на немецком языке для пользователей из Испании.

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

  • be – содержание на белорусском языке для любого региона (не бельгийский французский);
  • nl-be – содержание на нидерландском для пользователей из Бельгии;
  • fr-be – содержание на французском для пользователей из Бельгии. 

Если в языке несколько систем письма, то нужный вариант выбирается с учетом кода страны. Например, для пользователей из Тайваня с кодом zh-TW будет автоматически задан традиционный китайский язык. Набор символов также можно задать явно с помощью кодов ISO 15924, как показано ниже:

  • zh-Hant – традиционный китайский;
  • zh-Hans – упрощенный китайский.

Кроме того, можно указать комбинацию языка и региона. Например, zh-Hans-TW означает упрощенный китайский для пользователей из Тайваня.

Наконец, зарезервированное значение "x-default" позволяет переходить в раздел, который не соответствует какому-либо языку или региону, например на главную страницу вашего сайта с интерактивной картой мира.

Распространенные ошибки

Обязательно указывайте действительное значение атрибута hreflang. Обратите внимание на следующие распространенные ошибки:

  • Нет обратных ссылок. Если страница А ссылается на страницу Б, то вторая страница должна содержать обратную ссылку на первую. В противном случае атрибуты могут быть не прочтены или неправильно определены.
  • Неверные языковые коды. Все языковые коды должны указывать на язык (в формате ISO 639-1) и, при необходимости, регион (в формате ISO 3166-1 Alpha 2) альтернативного URL. Нельзя указывать только регион.
Пример использования атрибута hreflang

Компания Example Widgets, Inc владеет веб-сайтом, который предназначен для пользователей из Великобритании, Германии и США. Региональные версии страниц со следующими URL имеют лишь некоторые отличия:

  • http://www.example.com/ – страница по умолчанию, для которой не определен язык или страна. Здесь пользователи могут выбрать свой язык и регион.
  • http://en.example.com/page.html – главная страница на английском языке. Содержит информацию о тарифах на международную доставку из США.
  • http://en-gb.example.com/page.html – страница на английском языке с ценами в фунтах стерлингов.
  • http://en-us.example.com/page.html – страница на английском языке с ценами в долларах США.
  • http://de.example.com/seite.html – страница с тем же содержанием, переведенным на немецкий язык.

rel="alternate" hreflang="x" используется на уровне страницы, а не сайта. Вам потребуется добавить этот атрибут на все страницы, включая главную. Количество вариантов содержания и региональных или языковых версий не ограничено.

Если нужно сообщить нам, что у пользователей Google.de в поиске должна появляться версия вашего сайта на немецком языке (соответственно, американская версия en-us в поиске на google.com и британская en-gb – на google.co.uk), используйте rel="alternate" hreflang="x" для определения дополнительных языковых версий.

Добавьте в HTML-код каждой страницы элементы link с атрибутом rel="alternate" hreflang="x". Для страницы по умолчанию, не связанной с определенным регионом или страной, используйте rel="alternate" hreflang="x-default":


<link rel="alternate" hreflang="x-default" href="http://www.example.com/" />
<link rel="alternate" hreflang="en-gb" href="http://en-gb.example.com/page.html" />
<link rel="alternate" hreflang="en-us" href="http://en-us.example.com/page.html" />
<link rel="alternate" hreflang="en" href="http://en.example.com/page.html" />
<link rel="alternate" hreflang="de" href="http://de.example.com/seite.html" />

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

 

Была ли эта статья полезна?
Как можно улучшить эту статью?