Что такое атрибут hreflang

Атрибут hreflang — это технический HTML-атрибут, который указывает поисковым системам на наличие альтернативных языковых или региональных версий определенной страницы.

Он используется в связке с атрибутом rel="alternate", образуя конструкцию, которая помогает поисковым роботам, таким как Google, показывать правильную версию контента пользователю в зависимости от его языка и местоположения.

Hreflang — это сигнал для поисковика: «У этой страницы есть аналоги на других языках. Вот ссылки на них. Пожалуйста, покажи пользователю из Франции французскую версию, а пользователю из Испании — испанскую».

Использование атрибута hreflang является ключевой частью SEO-оптимизации для мультиязычных и мультирегиональных сайтов.

Зачем нужен hreflang

Главное предназначение hreflang — улучшение пользовательского опыта и корректная индексация контента. Без него поисковики могут столкнуться с трудностями.

  • Проблема релевантности. Пользователь из Германии может увидеть в выдаче страницу на английском, хотя существует полностью переведенная и локализованная немецкая версия. Hreflang решает эту проблему, указывая на нужный URL.
  • Проблема дублированного контента. Если у вас есть две страницы с почти идентичным контентом, но для разных регионов (например, для США и Великобритании, с разной валютой и написанием), Google может посчитать их дублями. Hreflang атрибуты помогают поисковым системам понять, что это не дубли, а альтернативные страницы для разной аудитории.

Таким образом, правильное внедрение атрибута hreflang помогает избежать склейки страниц и гарантирует, что целевая аудитория увидит наиболее подходящий ей контент.

Как работает hreflang: синтаксис и атрибуты

Атрибут hreflang состоит из нескольких частей. Его базовый синтаксис в HTML выглядит так:

<link rel="alternate" hreflang="код-языка-страны" href="URL-страницы" />

Разберем каждый элемент:

  • <strong>link rel="alternate"</strong>: Указывает, что ссылка ведет на альтернативную версию текущего документа. Hreflang всегда используется с этим значением.
  • <strong>hreflang="xx-YY"</strong>: Самая важная часть. Здесь задается язык (и опционально регион) страницы, на которую ведет ссылка.
  • <strong>href="URL-страницы"</strong>: Здесь должен быть указан абсолютный URL альтернативной страницы. Использование относительных ссылок является распространенной ошибкой.

Коды языков и стран

Для корректной работы атрибута необходимо использовать стандартизированные коды. Hreflang коды языков и стран строго регламентированы.

  • Код языка (обязательно): используется двухбуквенный формат ISO 639-1. Например, en для английского, de для немецкого, ru для русского.
  • Код региона (необязательно): используется двухбуквенный формат ISO 3166-1 Alpha 2. Он уточняет, для какой страны предназначен контент. Например, GB для Великобритании, US для США, CA для Канады.

Коды языка и страны разделяются дефисом. Важно соблюдать порядок: сначала язык, потом регион.

Код hreflang Что означает
en Английский язык для любого региона.
en-GB Английский язык для пользователей из Великобритании.
en-US Английский язык для пользователей из США.
de-AT Немецкий язык для пользователей из Австрии.

Специальное значение x-default

Существует также специальное значение hreflang="x-default". Оно используется для указания страницы по умолчанию, которая будет показана пользователям, если их язык или регион не совпадает ни с одним из указанных в тегах hreflang.

hreflang x-default — это резервная страница. Чаще всего в ее роли выступает главная страница сайта с возможностью выбора языка или международная англоязычная версия.

<link rel="alternate" hreflang="x-default" href="https://example.com/en/" />

Использование x-default является хорошей практикой для мультиязычных сайтов.

Способы внедрения hreflang

Существуют три основных способа внедрения атрибута hreflang. Выбор зависит от типа вашего сайта и контента.

1. В HTML-коде через тег

Это самый распространенный способ. Hreflang теги добавляются в секцию <head> каждой страницы, у которой есть альтернативные версии.

Ключевое правило здесь — реципрокность (взаимность). Все альтернативные страницы должны ссылаться друг на друга. Также каждая страница должна содержать ссылку на саму себя (self-referencing hreflang).

Пример для сайта с тремя версиями (EN, FR, DE):
На странице https://example.com/en/page код в <head> будет таким:

<link rel="alternate" hreflang="en" href="https://example.com/en/page" />
<link rel="alternate" hreflang="fr" href="https://example.com/fr/page" />
<link rel="alternate" hreflang="de" href="https://example.com/de/page" />
<link rel="alternate" hreflang="x-default" href="https://example.com/en/page" />

Аналогичный блок ссылок (с соответствующими URL) должен присутствовать на французской и немецкой версиях страницы.

2. В HTTP-заголовках

Этот метод используется для контента, который не является HTML-страницей, например, для файлов PDF. Hreflang атрибуты передаются в HTTP-заголовках ответа сервера.

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

Пример HTTP-заголовка для PDF-файла:

Link: <https://example.com/en/document.pdf>; rel="alternate"; hreflang="en",
      <https://example.com/de/document.pdf>; rel="alternate"; hreflang="de"

3. В XML-карте сайта (Sitemap)

Внедрение hreflang через XML sitemap — предпочтительный вариант для очень больших сайтов. Это позволяет не перегружать HTML-код каждой страницы десятками строк с hreflang-атрибутами.

Для каждого URL в sitemap.xml создается отдельный блок, внутри которого с помощью тегов <xhtml:link> перечисляются все его альтернативные версии.

Пример hreflang в XML Sitemap:

<url>
  <loc>https://www.example.com/en/page</loc>
  <xhtml:link
     rel="alternate"
     hreflang="de"
     href="https://www.example.com/de/page"/>
  <xhtml:link
     rel="alternate"
     hreflang="fr"
     href="https://www.example.com/fr/page"/>
  <xhtml:link
     rel="alternate"
     hreflang="en"
     href="https://www.example.com/en/page"/>
</url>

Здесь также сохраняется правило взаимности и наличия ссылки на саму себя. Аналогичные блоки должны быть созданы для немецкой и французской версий URL.

Частые ошибки при внедрении hreflang

Неправильное использование атрибута hreflang может привести к тому, что поисковые системы его проигнорируют. Вот наиболее распространенные ошибки.

  1. Отсутствие обратных ссылок. Если страница А ссылается на Б как на альтернативу, то страница Б обязана ссылаться на А. Это самая частая ошибка.
  2. Неверные коды языков или регионов. Например, использование hreflang="uk" для Великобритании вместо правильного hreflang="en-GB". Код 'uk' обозначает украинский язык.
  3. Использование относительных URL. Все ссылки в атрибуте href должны быть абсолютными (полными), включая протокол (http/https).
  4. Отсутствие самореферентной (self-referencing) ссылки. Каждая страница должна иметь hreflang-ссылку на саму себя.
  5. Атрибуты hreflang ведут на страницы с редиректом или ошибкой 404. Все указанные URL должны отдавать код ответа 200 OK.
  6. Размещение тегов за пределами секции <head>. Hreflang теги в HTML-коде должны находиться только внутри <head>.

Проверка и аудит hreflang

Проверка правильности внедрения hreflang — обязательный этап технической оптимизации.

В первую очередь я рекомендую использовать отчет "Таргетинг по странам и языкам" в Google Search Console. Он покажет, нашел ли Google ваши hreflang атрибуты и какие ошибки при этом обнаружил.

Для более глубокого и массового анализа на практике принято использовать SEO-краулеры. Например, Netpeak Spider позволяет провести полную проверку hreflang на мультиязычном сайте. Этот инструмент находит все распространенные ошибки:

  • Отсутствие обратных ссылок.
  • Некорректные языковые коды.
  • Конфликты с атрибутом canonical.
  • Hreflang, ведущие на неиндексируемые страницы.

Регулярный аудит с помощью таких инструментов, как Netpeak Spider или Screaming Frog SEO Spider, помогает поддерживать техническое состояние мультиязычного сайта на высоком уровне и избегать проблем с индексацией.

Заключение

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

Несмотря на кажущуюся сложность, следование четким правилам и регулярная проверка позволяют избежать большинства ошибок и получить все преимущества от использования hreflang.