Основні висновки

Атрибут hreflang допомагає вказати Google мовну та регіональну належність сторінок, покращуючи релевантність у пошуку.
Правильне налаштування hreflang запобігає проблемам з дублюванням та покращує поведінкові фактори користувачів.
Теги hreflang мають бути взаємними — на сторінках мають бути посилання в обидва боки між мовними версіями.
Атрибут можна впроваджувати різними способами: в HTML, HTTP-заголовках та XML-карті сайту.
Використання тега hreflang x-default допомагає оптимізувати показ версії сайту за замовчуванням для невказаних мов або регіонів.
Перевірка та регулярний моніторинг hreflang є обов’язковими при масштабних оновленнях сайту.

Атрибут hreflang — це HTML-атрибут, який дозволяє вказати пошуковим системам, якою мовою та для якого регіону призначена конкретна версія сторінки. Простішою мовою — він повідомляє Google, яку сторінку показувати користувачу залежно від його мови та географії. Помилки в налаштуванні hreflang можуть дорого коштувати: неправильні версії сторінок призводять до проблем з дублюванням контенту, некоректного геотаргетингу і зниження CTR. Розуміння та правильне застосування цього атрибута — запорука успішної міжнародної SEO-стратегії.

Детальніше про рекомендації Google щодо роботи з hreflang можна дізнатися в офіційній документації. Нижче ми розповімо більше про те, як hreflang працює на практиці і на що звертаємо увагу під час проведення технічного аудиту сайту.

Як Google використовує hreflang

Google аналізує атрибут hreflang, щоб вибрати найбільш релевантну версію сайту для пошуку. Якщо на сайті представлені версії кількома мовами або для різних регіонів, пошуковик орієнтується на цей атрибут:

Тут rel="alternate" означає, що це альтернативні версії сторінки, а hreflang="en" — код мови і регіону (en — англійська). За допомогою цих тегів Google визначає, яку версію показувати конкретному користувачу, що підвищує якість пошуку і користувацький досвід.

Принцип взаємних посилань

Вкрай важливо розуміти: теги hreflang повинні працювати за принципом двосторонніх посилань. Якщо сторінка А посилається на сторінку B через hreflang, то сторінка B у свою чергу має посилатися назад на сторінку A такими ж тегами.

Якщо цього не зробити, Google може заплутатися і не розпізнати правильні версії, що призведе до помилок та зниження ефективності SEO.

Приклад правильної настройки взаємних посилань:

Якщо один з цих тегів відсутній — це так звана «несиметрична» посилання, що Google трактуватиме як помилку.

Що таке x-default і навіщо він потрібен

Тег hreflang="x-default" вказує пошуковим системам універсальну версію сторінки — ту, яку слід показувати користувачам, чия мова або регіон не відповідає жодній локалізації сайту. Простішими словами, це страховка від невизначеності: якщо Google не може визначити, яку версію сторінки показати, він обирає ту, що позначена як x-default.

Найчастіше x-default використовують для:

головної сторінки, де користувач обирає мову або країну;
міжнародних сайтів, де контент за замовчуванням доступний однією мовою (наприклад, англійською);
ситуацій, коли потрібно направляти трафік на універсальну версію, не прив’язану до конкретного регіону.

Приклад налаштування:

Важливо пам’ятати: x-default не замінює інші мовні версії, а доповнює їх, допомагаючи Google уникнути помилок у виборі сторінки. Якщо цього тега немає, користувачі з неідентифікованою мовою можуть потрапити на випадкову локалізацію — що часто призводить до високого показника відмов і втрати конверсій.

Для чого потрібен hreflang: коли варто застосовувати

Багатомовні та мульти-регіональні сайти часто запитують — чи дійсно їм потрібен hreflang? Розглянемо, коли це дійсно маст-хев, а коли не має великого значення.

Сценарії, коли hreflang необхідний

Сайти з кількома мовами — базові версії для різних країн, наприклад, англомовна та німецька версії сайту;
Мультідоменна структура — коли використовуються різні домени або ccTLD (.com, .ua, .pl) для різних країн;
Регіональні варіації однієї мови — наприклад, англійська для США (en-us) і Великобританії (en-gb), французька для Канади (fr-ca) і Франції (fr-fr), де контент і локалізація відрізняються.

Саме для таких сценаріїв атрибут hreflang підвищує якість SEO, допомагає уникнути проблем з дублюванням і покращує користувацький досвід.

Коли hreflang не потрібен

Якщо сайт монолінгвальний — налаштування hreflang не має сенсу;
Якщо Google і поточні налаштування сайту вже правильно визначають мову та регіон користувачів (наприклад, завдяки чіткій структурі, канонікалам і IP-таргетингу), то додаткове використання hreflang буде малопродуктивним.

Як правильно налаштувати hreflang

Налаштування hreflang можна здійснювати кількома способами, розглянемо основні з них.

Через HTML-теги <link rel="alternate">

Найпоширеніший метод — додавання в кожної сторінки набору тегів з посиланнями на альтернативні мовні версії. Приклад для сайту з англійською і українською версіями:

Важливо, щоб коди мов відповідали стандартам ISO 639-1, наприклад, uk для української, а не ua (поширена помилка).

Через HTTP-заголовки

Можна вказувати атрибут hreflang у спеціальному HTTP-заголовку Link — це підходить для не-HTML ресурсів (PDF-файли, мультимедійні матеріали). Цей спосіб застосовують рідше, але в комплексних проектах він іноді необхідний.

Через XML sitemap

Якщо сайт дуже великий і включати теги вручну проблематично, можна додати hreflang у карту сайту у спеціальному форматі:

<url>

<loc>https://site.com/en/</loc>

<xhtml:link rel="alternate" hreflang="en" href="https://site.com/en/" />

<xhtml:link rel="alternate" hreflang="uk" href="https://site.com/uk/" />

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

</url>

Типові помилки при налаштуванні hreflang

На жаль, налаштування hreflang часто супроводжуються помилками, які знижують ефективність мульти-мовного SEO. Ось найпоширеніші з них:

Відсутність взаємних посилань: коли одна версія вказує на іншу, а зворотного посилання немає;
Неправильні коди мов: наприклад, використання ua замість правильного uk;
hreflang вказує на неіснуючу сторінку — призводить до помилок індексації;
Конфлікт з тегом canonical — якщо canonical вказує іншу сторінку, це суперечить hreflang і вводить пошуковики в оману;
Змішування hreflang і canonical — не можна замінювати один тег іншим, їх потрібно використовувати разом, але грамотно.

Як перевірити коректність налаштувань

Для аналізу правильності можна використовувати:

Будь-який зручний краулер або інструмент для технічного аудиту — перевіряє hreflang та інші SEO-помилки;
Merkle hreflang Tags Generator & Validator — зручний безкоштовний інструмент для генерації й перевірки тегів;
Ручна перевірка коду сайту — перегляд та sitemap, аналіз посилань на сторінки.

Висновки

Атрибут hreflang — це той випадок, коли деталь вирішує дуже багато. Він допомагає пошуковим системам правильно інтерпретувати структуру вашого сайту і демонструвати користувачам саме ту версію сторінки, яка їм справді потрібна. Без коректного налаштування hreflang навіть ідеальний контент може працювати не на повну силу.

Налаштовуючи hreflang, важливо пам’ятати: це не одноразова дія, а частина постійного процесу підтримки сайту. Перевіряйте взаємні посилання, оновлюйте теги при редизайні і стежте, щоб вони не конфліктували з canonical.

Тоді пошукові системи точно розумітимуть ваші наміри, а користувачі бачитимуть ваш сайт саме у тій версії, яка їм близька за мовою, регіоном та контекстом.