Атрибут hreflang тега <link>
Описание
Атрибут hreflang для тега <link> указывает язык и регион целевого документа, на который ссылается элемент. Используется для многоязычных сайтов, помогая поисковым системам правильно определять языковые версии страниц.
<!-- Указание альтернативных языковых версий -->
<link rel="alternate" hreflang="en" href="https://example.com/en/page">
<link rel="alternate" hreflang="es" href="https://example.com/es/pagina">
<link rel="alternate" hreflang="fr" href="https://example.com/fr/page">
<!-- Региональные варианты -->
<link rel="alternate" hreflang="en-GB" href="https://example.co.uk/page">
<link rel="alternate" hreflang="en-US" href="https://example.com/page">
Форматы значений:
| Формат | Пример | Описание |
|---|---|---|
| Код языка | hreflang="es" |
Испанский язык (все регионы) |
| Язык-регион | hreflang="pt-BR" |
Бразильский португальский |
| x-default | hreflang="x-default" |
Версия по умолчанию для несоответствующих языков |
Правила использования:
- Всегда используйте с
rel="alternate" - Должен быть двусторонним (если страница A ссылается на B, то B должен ссылаться на A)
- Можно указывать в HTTP-заголовках или sitemap.xml
- Для региональных вариантов сначала укажите общий языковой код
Пример полной реализации:
<!-- На странице на английском (США) -->
<link rel="alternate" hreflang="en" href="https://example.com/page">
<link rel="alternate" hreflang="en-US" href="https://example.com/page">
<link rel="alternate" hreflang="es" href="https://example.com/es/pagina">
<link rel="alternate" hreflang="x-default" href="https://example.com/page">
SEO рекомендации:
- Используйте правильные коды языков (ISO 639-1)
- Для регионов используйте коды стран (ISO 3166-1 alpha-2)
- Проверяйте работоспособность всех указанных URL
- Избегайте конфликтов с геотаргетингом в Search Console
Распространённые ошибки:
<!-- Неправильно: отсутствует rel="alternate" -->
<link hreflang="fr" href="https://example.com/fr/page">
<!-- Неправильно: неполная взаимность ссылок -->
<!-- Страница A ссылается на B, но B не ссылается на A -->
<!-- Неправильно: неверный код языка -->
<link rel="alternate" hreflang="english" href="https://example.com/page">
Поддержка браузерами:
- Не влияет на отображение в браузере
- Используется преимущественно поисковыми системами
- Может учитываться при автоматическом переводе
Примечание: Атрибут hreflang особенно важен для международных сайтов с одинаковым контентом на разных языках. Для сложных многоязычных проектов рассмотрите использование hreflang в сочетании с sitemap и геотаргетингом в Search Console.