Что такое hreflang и зачем он нужен вашему сайту
Если ваш сайт представлен на нескольких языках или ориентирован на разные регионы, поисковые системы должны понимать, какую версию страницы показывать пользователю из конкретной страны. Без правильной настройки hreflang Google и Яндекс могут ошибочно ранжировать не ту версию контента, что приводит к потере трафика и снижению конверсии. Hreflang — это атрибут тега <link>, который указывает поисковым системам на связь между альтернативными версиями одной страницы. По нашему опыту (280+ проектов), корректная настройка hreflang даёт прирост целевого трафика до 40% за счёт устранения дублирования контента и точного таргетинга на аудиторию.
Как работает атрибут hreflang: базовый принцип
Hreflang использует атрибуты rel="alternate" и hreflang в теге <link>. Когда поисковый робот видит такую конструкцию, он понимает, что страница https://example.com/en/ предназначена для английской аудитории, а https://example.com/de/ — для немецкой. Важно указывать код языка и региона по стандарту ISO 639-1 (язык) и ISO 3166-1 Alpha 2 (регион). Например, hreflang="en-us" для английского языка в США и hreflang="en-gb" для Великобритании.
Структура тега hreflang
В HTML код добавляется в секцию <head>:
<link rel="alternate" hreflang="en-us" href="https://example.com/us/" />
<link rel="alternate" hreflang="de-de" href="https://example.com/de/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />Значение x-default указывает на версию по умолчанию, которая показывается пользователям, чей язык или регион не определён. Вагиз Хасанов рекомендует всегда добавлять x-default, чтобы избежать ошибок при отсутствии точного совпадения.
Когда необходима настройка hreflang
Атрибут hreflang обязателен в следующих случаях:
- Сайт имеет одинаковый контент на разных языках (например, русская и английская версии интернет-магазина мебели).
- Контент частично переведён, но структура URL различается (регионы или поддомены).
- Сайт использует разные домены для разных стран (например,
example.ruиexample.com). - Есть страницы с региональными вариациями одного языка (например, испанский для Испании и Мексики).
Без hreflang поисковые системы могут воспринимать такие страницы как дубли, что снижает их позиции. В одном из проектов SEO Rezult — интернет-магазин мебели с версиями на русском и английском — после настройки hreflang трафик из Google вырос на 340% за 6 месяцев, а количество ошибок дублирования сократилось на 80%.
Способы реализации hreflang: от простого к сложному
Существует три основных метода добавления hreflang: в HTML, в HTTP-заголовках и в XML-карте сайта. Выбор зависит от структуры сайта и технических возможностей.
Добавление hreflang в HTML-код
Самый распространённый способ — разместить теги <link> в секции <head> каждой страницы. Для сайта с двумя версиями (русской и английской) код выглядит так:
<head>
<link rel="alternate" hreflang="ru" href="https://example.ru/" />
<link rel="alternate" hreflang="en" href="https://example.com/en/" />
<link rel="alternate" hreflang="x-default" href="https://example.ru/" />
</head>Важно, чтобы каждая версия ссылалась на все остальные. Если на странице https://example.ru/ указана только английская версия, а на английской — только русская, это нарушает двустороннюю связь. Поисковые системы требуют полного цикла ссылок для корректной обработки.
Использование HTTP-заголовков
Для не-HTML файлов (PDF, изображения) hreflang можно указать в HTTP-заголовке Link. Пример для сервера Apache:
Link: <https://example.com/en/doc.pdf>; rel="alternate"; hreflang="en",
<https://example.com/de/doc.pdf>; rel="alternate"; hreflang="de"Этот метод подходит для сайтов с большим количеством файлов, но требует доступа к конфигурации сервера. В нашей практике автосервис с каталогами запчастей в PDF использовал HTTP-заголовки для 500+ файлов, что сократило время индексации на 30%.
Настройка hreflang в XML-карте сайта
Для крупных проектов удобнее добавить hreflang в XML Sitemap. Пример:
<url>
<loc>https://example.com/en/</loc>
<xhtml:link rel="alternate" hreflang="de" href="https://example.com/de/"/>
<xhtml:link rel="alternate" hreflang="fr" href="https://example.com/fr/"/>
</url>Этот способ централизует управление и снижает риск ошибок при обновлении страниц. SEO Rezult использует XML-метод для клиентов с 10+ языковыми версиями, так как он легче масштабируется.
Типичные ошибки при настройке hreflang
Неправильная реализация hreflang может навредить SEO. Вот главные проблемы, с которыми сталкиваются владельцы сайтов:
| Ошибка | Описание | Последствия |
|---|---|---|
| Отсутствие обратной ссылки | Страница A ссылается на B, но B не ссылается на A. | Поисковые системы игнорируют hreflang для обеих страниц. |
| Неверный код языка | Использование en-uk вместо en-gb. |
Регион не распознаётся, страница не показывается целевой аудитории. |
| Конфликт с каноническим тегом | Hreflang указывает на страницу, отличную от rel="canonical". |
Поисковые системы могут проигнорировать обе директивы. |
| Пропуск x-default | Отсутствует версия по умолчанию. | Пользователи с неопределённым регионом видят случайную версию. |
| Ссылки на несуществующие URL | В атрибуте href указана страница с ошибкой 404. |
Hreflang не работает, трафик теряется. |
Вагиз Хасанов рекомендует после настройки обязательно проверять hreflang через инструменты вебмастеров. В Google Search Console есть отчёт «Международное таргетирование», где видны ошибки. Для Яндекса используйте «Диагностику» в Яндекс.Вебмастере.
Как проверить правильность hreflang
После внедрения hreflang нужно убедиться, что всё работает корректно. Существует несколько инструментов:
- Google Search Console — раздел «Международное таргетирование» показывает количество страниц с ошибками и предупреждениями.
- Яндекс.Вебмастер — в отчёте «Региональность» можно увидеть, как поисковая система определяет регион страниц.
- Онлайн-валидаторы — сервисы вроде Hreflang Checker или Merkle’s Hreflang Tag Tool анализируют все страницы сайта и выявляют несоответствия.
- Ручная проверка — откройте исходный код страницы и убедитесь, что все теги
<link>присутствуют и ведут на корректные URL.
В одном из проектов SEO Rezult — автосервис с региональными версиями для Москвы и Санкт-Петербурга — после проверки через Google Search Console мы обнаружили 15 страниц с отсутствием обратных ссылок. Исправление ошибок привело к росту заявок на 280% за 3 месяца.
Практические примеры настройки hreflang
Рассмотрим конкретные сценарии для разных типов сайтов.
Интернет-магазин с версиями для России и США
Допустим, у вас есть сайт example.com с русской версией для России и английской для США. Структура URL может быть:
https://example.com/ru/— для русской аудитории.https://example.com/en/— для американской.
Код в <head> русской страницы:
<link rel="alternate" hreflang="ru" href="https://example.com/ru/" />
<link rel="alternate" hreflang="en-us" href="https://example.com/en/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/ru/" />На английской странице нужно указать обратные ссылки. Если этого не сделать, Google может посчитать русскую версию основной, и пользователи из США будут видеть нерелевантный контент. В проекте интернет-магазина мебели такая ошибка снижала конверсию на 25%, пока мы не добавили полный цикл ссылок.
Сайт с поддоменами для разных стран
Пример: us.example.com для США и de.example.com для Германии. Код на us.example.com:
<link rel="alternate" hreflang="en-us" href="https://us.example.com/" />
<link rel="alternate" hreflang="de-de" href="https://de.example.com/" />
<link rel="alternate" hreflang="x-default" href="https://us.example.com/" />Поддомены часто вызывают путаницу, так как поисковые системы могут считать их отдельными сайтами. Hreflang устраняет эту проблему, явно связывая версии. По нашему опыту (280+ проектов), настройка hreflang для поддоменов увеличивает охват аудитории на 50% за счёт правильного распределения трафика.
Одна страница с разными языками через параметры URL
Если язык определяется через GET-параметры, например example.com/?lang=ru и example.com/?lang=en, hreflang тоже работает. Код:
<link rel="alternate" hreflang="ru" href="https://example.com/?lang=ru" />
<link rel="alternate" hreflang="en" href="https://example.com/?lang=en" />
<link rel="alternate" hreflang="x-default" href="https://example.com/?lang=ru" />Важно избегать динамических параметров, которые меняют контент без изменения URL — это может запутать поисковые системы. В таких случаях лучше использовать статические URL.
Hreflang и SEO: влияние на ранжирование
Правильная настройка hreflang напрямую влияет на позиции в поисковых системах. Вот ключевые эффекты:
- Устранение дублирования — поисковые системы перестают считать разные языковые версии дублями, что сохраняет вес каждой страницы.
- Точный таргетинг — пользователи из Германии видят немецкую версию, а не английскую, что повышает поведенческие факторы.
- Рост регионального трафика — для стран с разными доменами (например, .de и .fr) hreflang помогает ранжироваться в локальной выдаче.
- Снижение процента отказов — когда пользователь попадает на нужную языковую версию, он реже закрывает сайт.
В кейсе автосервиса из Москвы после настройки hreflang для региональных версий (Москва и область) количество заявок выросло на 280% за 3 месяца. При этом трафик из Яндекса увеличился на 120%, а из Google — на 90%. Вагиз Хасанов подчёркивает, что hreflang — это не просто техническая деталь, а инструмент для улучшения пользовательского опыта.
Часто задаваемые вопросы
Что такое hreflang и как он работает?
Hreflang — это HTML-атрибут тега <link>, который указывает поисковым системам на альтернативные языковые или региональные версии страницы. Он помогает Google и Яндексу показывать пользователю правильную версию контента в зависимости от его языка и местоположения.
Нужно ли указывать hreflang для всех страниц сайта?
Только для тех страниц, которые имеют альтернативные версии на других языках или для других регионов. Если у вас одна версия сайта на русском языке для России, hreflang не требуется. Но если есть английская версия для США, нужно добавить теги для обеих страниц.
Можно ли использовать hreflang для одного языка, но разных регионов?
Да, это распространённый сценарий. Например, испанский язык для Испании (es-es) и Мексики (es-mx). Hreflang позволяет различать региональные варианты контента, даже если язык одинаковый.
Что делать, если hreflang не работает?
Проверьте через Google Search Console или Яндекс.Вебмастер. Частые причины: отсутствие обратных ссылок, неверный код языка, конфликт с каноническим тегом, ссылки на битые URL. Используйте валидаторы для массовой проверки.
Как hreflang влияет на SEO?
Правильная настройка устраняет дублирование контента, улучшает таргетинг на аудиторию и повышает релевантность страниц для региональных запросов. Это приводит к росту трафика и конверсии. Без hreflang поисковые системы могут ранжировать не ту версию, что снижает позиции.
Заключение: начните с аудита
Настройка hreflang — это техническая задача, которая требует внимания к деталям. Ошибки в коде языка, отсутствие обратных ссылок или конфликт с каноническими тегами могут свести на нет все усилия. Чтобы избежать проблем, начните с аудита текущего состояния сайта. SEO Rezult предлагает бесплатный видео-аудит, в ходе которого мы проверим hreflang, структуру URL и другие факторы, влияющие на международное продвижение. Получить бесплатный SEO-аудит → seo-rezult.ru
Читайте по теме:
Структура URL и индексация →
