Hreflang

Материал из Энциклопедия интернет-маркетинга MarketWiki

Hreflang - HTML-атрибут, используемый для указания поисковым системам связи между веб-страницами, содержащими 1 и тот же контент на разных языках или предназначенными для разных регионов. Тег rel="alternate" hreflang="x" сообщает поисковикам, какую версию страницы показывать пользователям в зависимости от их языка и местоположения.

В интернет-маркетинге и SEO правильное использование hreflang критически важно для международных и многоязычных сайтов. Оно позволяет избежать проблем с дублированием контента, улучшить пользовательский опыт и повысить релевантность выдачи для разных аудиторий.

Зачем нужен hreflang

[править]

Hreflang решает несколько важных задач.

Предотвращение дублей

[править]

Когда 1 и тот же контент доступен на разных языках или для разных стран, поисковые системы могут воспринимать его как дубли. Hreflang показывает, что это разные версии 1 контента, предназначенные для разных аудиторий, а не копии.

Улучшение пользовательского опыта

[править]

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

Правильное ранжирование

[править]

Поисковые системы показывают нужную версию сайта в нужном регионе. Например, французская версия сайта будет показываться во Франции, а немецкая - в Германии.

Учёт региональных особенностей

[править]

Hreflang позволяет учитывать различия в языке (например, португальский в Португалии и Бразилии) и региональные особенности контента.

Как работает hreflang

[править]

Hreflang реализуется с помощью тега `<link>` в разделе `<head>` HTML-документа.

Базовый синтаксис

[править]
<link rel="alternate" hreflang="en" href="https://example.com/en/page" />

Где:

  • rel="alternate" - указывает, что это альтернативная версия страницы
  • hreflang="en" - код языка (и опционально региона)
  • href="https://example.com/en/page" - URL альтернативной версии

Указание языка и региона

[править]

Код может состоять только из языка (`en`, `ru`, `de`) или из языка и региона (`en-US`, `en-GB`, `pt-BR`, `pt-PT`). Регион указывается, если контент адаптирован под конкретную страну.

Обратные ссылки

[править]

Важное правило: если на странице А есть hreflang на страницу Б, то на странице Б должна быть обратная ссылка на страницу А. Это создаёт двустороннюю связь.

Самореферентный hreflang

[править]

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

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

x-default

[править]

Специальный код `x-default` указывает на версию страницы по умолчанию, которая показывается пользователям, если их язык или регион не соответствуют ни одному из указанных.

Способы реализации hreflang

[править]

Существует несколько методов внедрения hreflang.

HTML-теги

[править]

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

<head>
  <link rel="alternate" hreflang="ru" href="https://marketwiki.ru/page" />
  <link rel="alternate" hreflang="en" href="https://marketwiki.com/page" />
  <link rel="alternate" hreflang="x-default" href="https://marketwiki.com/page" />
</head>

HTTP-заголовки

[править]

Используется для не-HTML файлов (PDF, изображения). В ответе сервера передаются заголовки Link:

Link: <https://marketwiki.ru/page>; rel="alternate"; hreflang="ru",
      <https://marketwiki.com/page>; rel="alternate"; hreflang="en"

Карта сайта (Sitemap)

[править]

В XML-карте сайта можно указать языковые версии для каждого URL. Это удобно для крупных сайтов.

<url>
  <loc>https://marketwiki.ru/page</loc>
  <xhtml:link rel="alternate" hreflang="ru" href="https://marketwiki.ru/page" />
  <xhtml:link rel="alternate" hreflang="en" href="https://marketwiki.com/page" />
</url>

Плагины для CMS

[править]

Большинство CMS имеют плагины для автоматической генерации hreflang:

  • WordPress - WPML, Polylang
  • 1С-Битрикс - модуль «Многосайтовость» с настройками языковых версий
  • ModX - дополнительные компоненты

Типичные ошибки

[править]
  • Отсутствие обратных ссылок
  • Неправильные коды языков и регионов
  • Использование hreflang для страниц с разным контентом (должен быть одинаковым или очень похожим)
  • Отсутствие самореферентных ссылок
  • Блокировка страниц в robots.txt или с помощью noindex
  • Страницы, на которые ведут hreflang, возвращают ошибку 4xx или 5xx
  • Несколько версий на 1 язык и регион
  • Отсутствие x-default

Проверка hreflang

[править]

Проверить правильность реализации hreflang можно несколькими способами.

Яндекс.Вебмастер

[править]

В разделе «Диагностика» → «Диагностика сайта» есть информация о проблемах с hreflang.

Google Search Console

[править]

Раздел «Международный таргетинг» показывает ошибки и статистику по hreflang.

Онлайн-инструменты

[править]
  • Sitebulb - сканирование сайта с отчётом по hreflang
  • Merkle Hreflang Tag Tester - проверка реализации
  • Hreflang.ninja - анализ страниц

Ручная проверка

[править]

Можно посмотреть исходный код страницы и убедиться, что теги присутствуют и содержат корректные URL.

Hreflang и региональность

[править]

Hreflang тесно связан с региональной принадлежностью сайта. Если сайт имеет разные версии для стран с одним языком (например, английский для США и Великобритании), необходимо использовать коды en-US и en-GB.

Для региональных версий без изменения языка можно использовать региональную привязку в панелях вебмастеров (в Яндекс.Вебмастере - раздел «Региональность», в Google Search Console - «Международный таргетинг»), но hreflang остаётся более точным и предпочтительным методом.

Связанные термины

[править]