HTML атрибут hreflang, определение и примеры использования
Меню
Веб-разработка

Атрибут hreflang HTML

Атрибут hreflang

HTML-Атрибут hreflang указывает язык связанного документа.


Атрибут hreflang - синтаксис и код

Несколько примеров использования атрибута hreflang:

1. Для разных языков
Указывает страницы для разных языков:

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

2. Для разных регионов
Разделение по языкам и регионам:

<link rel="alternate" hreflang="en-us" href="https://example.com/us/" /> 
<link rel="alternate" hreflang="en-gb" href="https://example.com/uk/" /> 
<link rel="alternate" hreflang="fr-ca" href="https://example.com/ca/" />

3. Для страницы по умолчанию (без языка)
Указывает глобальную версию страницы:

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

3. Для страницы по умолчанию (без языка)
Указывает глобальную версию страницы:

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

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

Синтаксис

<a hreflang="language_code">
<area hreflang="language_code">
<link hreflang="langauge_code">

Определение и использование

Атрибут hreflang используется в HTML для указания языка и региона, на который ориентирована конкретная версия страницы. Он помогает поисковым системам правильно отображать страницы в результатах поиска для пользователей с учетом их языка или местоположения. Этот атрибут чаще всего применяется в элементах <link> внутри <head> или в HTTP-заголовках.

Примечание: этот атрибут носит исключительно рекомендательный характер.

Применимо

Атрибут hreflang можно использовать для следующих элементов:

Элемент Атрибут
<a> hreflang
<area> hreflang
<link> hreflang

Поддержка hreflang браузерами

Chrome Поддерживает
Yandex Browser Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Полный список всех доступных атрибутов HTML см. в Справочнике HTML атрибутов.

Поделиться ссылкой