Hreflang — это HTML-атрибут, который сообщает поисковым системам, какая версия страницы предназначена для пользователей с определённым языком или географическим регионом. Он используется для предотвращения дублирования контента и правильного отображения международных версий сайта в результатах поиска.
Пример базового синтаксиса для тега <link>:
<link rel="alternate" href="https://example.com/en/" hreflang="en" />
<link rel="alternate" href="https://example.com/fr/" hreflang="fr" />
Здесь href указывает на URL альтернативной версии
страницы, а hreflang — на язык или регион, используя
ISO-коды.
Языковой код: Используется стандарт ISO 639-1. Пример:
hreflang="en"
hreflang="ru"Язык + регион: Совместное использование языка и региона через дефис. Регион определяется по стандарту ISO 3166-1 Alpha 2. Пример:
hreflang="en-US" <!-- Английский для США -->
hreflang="fr-CA" <!-- Французский для Канады -->Автоматическое обозначение всех языков:
Используется x-default для страниц по умолчанию, когда язык
пользователя неизвестен или не совпадает ни с одним из указанных:
<link rel="alternate" href="https://example.com/" hreflang="x-default" />Hreflang можно внедрять тремя основными способами:
Внутри HTML: Вставляется в
<head> каждой страницы. Пример:
<link rel="alternate" href="https://example.com/en/" hreflang="en" />
<link rel="alternate" href="https://example.com/ru/" hreflang="ru" />
<link rel="alternate" href="https://example.com/" hreflang="x-default" />В HTTP-заголовках: Используется для файлов, отличных от HTML (например, PDF):
Link: <https://example.com/en.pdf>; rel="alternate"; hreflang="en"
Link: <https://example.com/ru.pdf>; rel="alternate"; hreflang="ru"В Sitemap: Позволяет централизованно указывать языковые версии всех страниц:
<url>
<loc>https://example.com/</loc>
<xhtml:link rel="alternate" hreflang="en" href="https://example.com/en/" />
<xhtml:link rel="alternate" hreflang="ru" href="https://example.com/ru/" />
<xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/" />
</url>Каждая страница должна ссылаться на все языковые версии, включая саму себя. Нарушение этого правила может привести к неправильной интерпретации поисковыми системами:
<!-- Страница на английском -->
<link rel="alternate" href="https://example.com/en/" hreflang="en" />
<link rel="alternate" href="https://example.com/ru/" hreflang="ru" />
<link rel="alternate" href="https://example.com/" hreflang="x-default" />
<!-- Страница на русском -->
<link rel="alternate" href="https://example.com/en/" hreflang="en" />
<link rel="alternate" href="https://example.com/ru/" hreflang="ru" />
<link rel="alternate" href="https://example.com/" hreflang="x-default" />
Google Lighthouse позволяет автоматически проверять корректность использования Hreflang:
Audit “Internationalization” выявляет:
Рекомендации Lighthouse включают исправление всех ошибок, добавление отсутствующих ссылок и проверку корректности всех ISO-кодов.
Hreflang атрибуты критически важны для международной SEO-оптимизации, снижения дублирования контента и корректного отображения локализованных страниц в поиске.