Узнайте, что такое hreflang, как этот атрибут помогает Google понимать Ваш сайт и как добавить его на Ваш многоязычный сайт WordPress.
WPML автоматически вставляет теги hreflang на Ваши страницы и обновляет их по мере внесения изменений на сайте. Этот процесс происходит в фоновом режиме и не требует от Вас никаких действий.
Что такое hreflang?
Теги hreflang — это HTML-атрибуты, которые указывают, для какого языка и региона предназначена страница. На многоязычном сайте теги hreflang сообщают поисковым системам, на какую аудиторию рассчитана каждая версия страницы.
Например, следующий атрибут hreflang указывает, что у главной страницы есть версия для испаноязычных пользователей по указанному URL-адресу:
<link rel="alternate" href="https://www.repaircafe.com/es" hreflang="es" />
Поэтому, когда пользователь в Испании ищет эту главную страницу, Google показывает её испанскую версию.
Помимо испанского, у главной страницы также есть версия на английском языке. Поэтому, когда пользователь в США ищет её, Google показывает английскую версию.
Hreflang — это важный компонент, помогающий поисковым системам понимать Ваш многоязычный сайт. Но для начала — когда именно нужно использовать теги hreflang?
Когда необходимо использовать hreflang?
Есть четыре случая, когда на сайт необходимо добавлять теги hreflang:
- Когда Ваш сайт поддерживает несколько языков
- Когда Вы хотите настроить таргетинг на определенные географические регионы
- Когда в Вашем контенте есть небольшие региональные различия (американский и британский английский)
- Когда тема одна и та же, но контент отличается (лучшие пляжи в США, лучшие пляжи в Австралии)
Как правило, если на Вашем сайте есть варианты одной страницы и они предназначены для разной аудитории, Вам нужно добавить теги hreflang на эти страницы.
Что произойдет, если не добавить hreflang?
У тегов hreflang есть две основные задачи: сообщить Google, для какой аудитории предназначена страница, и указать, что страница является вариантом исходного контента.
Поскольку Google не может определить, является ли страница вариантом другой, без четких тегов hreflang поисковая система может счесть Ваши варианты дублирующимся контентом и наложить санкции на страницы.
Как работают теги hreflang?
Теги hreflang размещаются в разделе <head> и указывают на альтернативные версии страницы.
Напомним, как выглядят теги hreflang:
<head> … <link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/de" hreflang="de" /> … </head>
Теги hreflang содержат три элемента информации:
rel="alternate"— указывает, что это альтернативная версия исходной страницы- href=URL — указывает URL-адрес альтернативной страницы
- hreflang=LANG — указывает язык альтернативной страницы
Если описать приведенный выше пример словами, он будет звучать так:
У текущей страницы есть альтернативная версия на испанском языке по URL-адресу http://www.domain.com/es и альтернативная версия на немецком языке по URL-адресу http://www.domain.com/de.
Как видите, теги hreflang используют двухбуквенный код для обозначения языков. В данном примере es означает испанский язык (Español). Полный список аббревиатур можно найти в стандартах кодов языков — ISO 639-1.
Чтобы указать язык и целевой регион, например испанский для Мексики, нужно добавить код страны в конец компонента hreflang, вот так:
hreflang="es-mx"
В этом примере es означает испанский язык, а mx — Мексику. Коды стран, как и коды языков, представляют собой двухбуквенные аббревиатуры и основаны на стандарте ISO 3166-1 alpha-2.
При добавлении тегов hreflang на сайт важно следовать рекомендациям Google по использованию hreflang, изложенным ниже.
Перекрестные ссылки на альтернативные страницы
Убедитесь, что каждая версия Вашей страницы содержит тег hreflang, ссылающийся на все остальные версии. Это помогает Google понять полный набор Ваших альтернативных страниц и то, как они связаны друг с другом.
Например, если у Вас есть страница на английском и испанском языках, английская версия должна содержать тег hreflang, указывающий на испанскую версию. И наоборот, испанская версия должна содержать тег hreflang, указывающий на английскую версию.
Включение тега hreflang, ссылающегося на саму страницу
В каждую версию добавьте тег hreflang, который указывает на неё саму.
Например, если у Вас есть 2 версии — английская и испанская, то помимо взаимных ссылок в каждой версии должен быть ещё один тег hreflang, указывающий на ту страницу, где он размещён.
Вот как это будет выглядеть в испанской версии:
<link rel="alternate" href="https://www.domain.com/en" hreflang="en" /> <link rel="alternate" href="https://www.domain.com/es" hreflang="es" />
А вот как это будет выглядеть в английской версии:
<link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/en" hreflang="en" />
Определение резервной страницы, когда нет подходящего перевода
Атрибут x-default указывает на «резервную» страницу, если ни одна из версий не подходит пользователю. Вот как это выглядит:
<link rel="alternate" href="https://www.domain.com/" hreflang="x-default" />
Например, на сайте на английском и испанском языках не будет подходящей страницы для франкоязычного пользователя. В этом случае Google попытается показать ту страницу, которую сочтет лучшей. Однако, чтобы контролировать, какую страницу должен показывать Google, Вы можете включить тег hreflang со значением x-default и указать URL-адрес, который хотите использовать как резервный.
Вот как это будет выглядеть на английской странице, если мы хотим, чтобы наша английская главная страница была резервной:
<link rel="alternate" href="https://www.domain.com/es" hreflang="es" /> <link rel="alternate" href="https://www.domain.com/" hreflang="en" /> <link rel="alternate" href="https://www.domain.com/" hreflang="x-default" />
Как добавить hreflang на сайт WordPress
Вы можете легко добавить теги hreflang на Ваш сайт WordPress с помощью многоязычного плагина. У плагина есть несколько преимуществ по сравнению с добавлением тегов вручную:
- Автоматическое размещение — теги hreflang автоматически помещаются в HTML-заголовок Ваших страниц. Нет необходимости открывать исходный код и добавлять теги вручную.
- Автоматическая организация — теги hreflang автоматически создаются и обновляются каждый раз, когда Вы создаете и обновляете контент.
Если Вы ищете многоязычный плагин, который предлагает все вышеперечисленное (и даже больше), Вы можете использовать WPML — самый популярный многоязычный плагин для WordPress.
Автоматическое добавление тегов hreflang на сайт с помощью WPML
С WPML Вам не нужно беспокоиться о тегах hreflang.
По мере добавления новых языков и перевода контента WPML автоматически вставляет и обновляет теги hreflang на Ваших исходных и переведенных страницах.
Все тарифные планы WPML включают автоматическое управление hreflang для Вашего сайта. Чтобы узнать больше о наших тарифах, посетите страницу Цены.
Добавление регионального таргетинга с помощью WPML (необязательно)
По умолчанию языки, которые Вы добавляете в WPML, не привязаны к странам. Если Вы хотите добавить региональный таргетинг, Вам нужно добавить пользовательские языки.
Пользовательские языки позволяют создавать значение hreflang с выбранными Вами атрибутами языка и страны. Например, если Вы хотите настроить таргетинг на франкоканадских читателей, Вы можете создать пользовательский язык с hreflang="fr-ca".
Чтобы добавить пользовательский язык, перейдите в WPML → Языки и в разделе Языки сайта нажмите на ссылку Редактировать языки. Затем нажмите кнопку Добавить язык внизу.
Подробнее о настройке пользовательских языков читайте в нашем пошаговом руководстве по добавлению пользовательских языков.