Цифровий маркетинг

Тег hreflang для мультимовних сайтів: повний посібник з налаштування

  • 15 хвилини на читання
Тег hreflang для мультимовних сайтів: повний посібник з налаштування

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

У мультимовних проєктах проблема зазвичай не обмежується лише перекладом контенту; головний виклик — дохідливо пояснити пошуковим системам, що ці матеріали є альтернативами одне одного. Сам факт перекладу сторінки ще не означає, що Google автоматично призначить її для правильного ринку. Особливо це стосується різних варіацій однієї мови, як-от en-us та en-gb, де можуть відрізнятися валюта, умови доставки, ціни, юридичні тексти та користувацькі наміри. Теги hreflang перетворюють ці відмінності на впорядковану мапу, зрозумілу пошуковим роботам.

У цьому посібнику, підготовленому для блогу Hostragons, ми розберемо відповідно до стандартів SEO 2026 року, що таке тег hreflang, в яких ситуаціях його варто застосовувати, як впровадити його через HTML, XML sitemap та HTTP-заголовки, а також розглянемо найтиповіші помилки та етапи перевірки з практичними прикладами. Якщо ви тільки плануєте запуск мультимовного сайту, вам варто одночасно продумати архітектуру, SSL-сертифікати, домен та хостинг; у цьому вам стануть у пригоді сторінки Вибір хостингу для багатомовного вебсайту, Послуги реєстрації доменів та продукти сертифікатів SSL.

Що таке тег hreflang?

hreflang — це атрибут HTML-посилання, який повідомляє пошуковим системам про альтернативні мовні або регіональні версії вебсторінки. Технічно він використовується разом із атрибутом rel='alternate', а значення hreflang містить код мови та, за потреби, код країни. Найпростіший приклад має такий вигляд: <link rel='alternate' hreflang='uk' href='https://example.com/uk/' />. Цей запис вказує, що за вказаною URL-адресою міститься українськомовний контент.

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

Як працюють коди мов і країн?

Значення hreflang записуються відповідно до стандартів ISO. Код мови використовує дволітерний формат ISO 639-1: uk, en, de, fr тощо. Код країни пишеться за стандартом ISO 3166-1 Alpha-2: UA, US, GB, DE. Загальноприйнятою практикою для кращої читабельності є написання коду мови малими літерами, а коду країни — великими. Наприклад: uk-UA, en-US, en-GB, de-DE. Якщо потрібне лише мовне націлювання без прив'язки до країни, можна використовувати просто en або de.

Ключовий момент: код країни не можна використовувати окремо. hreflang='UA' є некоректним записом; слід надавати перевагу hreflang='uk-UA' або просто hreflang='uk'. Крім того, хибні коди країн можуть спричинити втрату позицій. Наприклад, для Великої Британії слід використовувати не en-UK, а en-GB. Такі, здавалося б, дрібниці на великих сайтах можуть призвести до неправильного зіставлення тисяч URL-адрес.

Чому hreflang критично важливий для мультимовних сайтів?

Мета міжнародного SEO — не просто публікація контенту різними мовами, а скерування правильного користувача на правильну сторінку. Якщо людина, яка шукає інформацію українською, потрапить на англійську сторінку, а покупець із Німеччини побачить умови доставки для США, конверсія неминуче впаде. Використання тегу hreflang вирішує цю проблему, демонструючи пошуковим системам зв'язки між альтернативними сторінками.

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

  • Зменшує ймовірність показу в пошуку сторінки невідповідною мовою.
  • Гарантує, що локальні ціни, валюта та інформація про доставку дійдуть до цільового клієнта.
  • Допомагає коректніше розподіляти SEO-вагу між перекладеними сторінками.
  • Робить звіти з міжнародного органічного трафіку прозорішими для аналізу.
  • Покращує користувацький досвід (UX) та підвищує коефіцієнт конверсії.

Уявімо IT-компанію, яка працює на ринки України, Німеччини та США, але використовує одну англійську сторінку для всіх. У Німеччині діють свої юридичні вимоги, у США — специфічні платіжні методи, в Україні — окрема мова підтримки. Створення окремих URL-структур, як-от /uk/, /de/ та /en-us/, і зв'язування їх через hreflang є значно здоровішим підходом і з погляду SEO, і з погляду користувацького досвіду.

Коли слід використовувати hreflang?

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

Ситуації, коли використання обов'язкове

  • Наявність різних мовних версій однієї сторінки: української, англійської, німецької тощо.
  • Контент однією мовою, але адаптований під різні країни: en-US, en-GB, en-AU.
  • Зміна валюти, залишків на складі, умов доставки, податків або законодавчих норм залежно від країни.
  • Одночасне використання глобальної головної сторінки та локальних цільових сторінок.
  • Управління мультимовним блогом, документацією, центром підтримки або каталогом продуктів.

Коли використання недоцільне або потребує обережності

  • Для сторінок, створених машинним перекладом без редакторського контролю якості, hreflang сам по собі не є панацеєю.
  • Не варто зв'язувати сторінки, які мають абсолютно різний контент, лише тому, що вони торкаються суміжної теми.
  • Якщо сторінка закрита через noindex, додавати для неї hreflang зазвичай безглуздо, адже Google не зможе проіндексувати її.
  • Якщо канонічна адреса (canonical) вказує на іншу URL, сигнал hreflang може конфліктувати з нею.
  • URL-адреси, що повертають редирект, помилку 404 або заблоковані для сканування, не можна додавати до кластера hreflang.

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

Методи впровадження hreflang

hreflang можна реалізувати трьома основними способами: через секцію HTML head, через XML sitemap та через HTTP-заголовки. Вибір методу залежить від розміру сайту, технічного стеку, використовуваної CMS та процесів у команді. Для невеликих і середніх сайтів найпоширенішим є метод HTML head. Для великих інтернет-магазинів або порталів із тисячами URL зручнішим в управлінні може бути XML sitemap. Для файлів, що не є HTML (наприклад, PDF), потрібен метод HTTP-заголовків.

Методи впровадження hreflang
МетодНайкраще підходить дляПеревагаНа що звернути увагу
HTML headСайти з невеликою або середньою кількістю сторінокВидимий прямо на сторінці, легко тестуватиКожна сторінка мусить містити повний перелік усіх альтернатив
XML sitemapВеликі сайти з тисячами URL-адресЦентралізоване управління, зменшує ризик шаблонних помилокПотрібен регулярний контроль актуальності sitemap та кодів стану URL
HTTP headerPDF-файли, документи та інші не-HTML ресурсиДає змогу налаштувати альтернативи для не-HTML контентуКонфігурація сервера має бути бездоганною

1. Використання hreflang у HTML head

Найвідоміший метод — додавання альтернативних посилань у секцію head кожної сторінки. Наприклад, для сторінки з українською, англійською та німецькою версіями на всіх трьох URL має бути присутня така логіка: <link rel='alternate' hreflang='uk-UA' href='https://example.com/uk/product/' />, <link rel='alternate' hreflang='en-US' href='https://example.com/en/product/' />, <link rel='alternate' hreflang='de-DE' href='https://example.com/de/produkt/' />. Ці теги мають бути присутні на кожній із трьох сторінок.

Метод HTML зручний для невеликих сайтів, але ручне управління несе ризики. Коли додається нова мова, доводиться додавати нову альтернативу на всі наявні сторінки. Найнадійніший підхід для WordPress, самописних CMS або headless-архітектур — автоматизувати цей процес на рівні шаблонів. Для мультимовних сайтів на WordPress можуть бути корисними матеріали WordPress хостинг та Встановлення багатомовного сайту WordPress щодо технічної інфраструктури.

2. Використання hreflang через XML sitemap

На великих сайтах замість вбудовування тегів hreflang у HTML-код, більш сталим рішенням може бути управління ними через XML sitemap. За такого підходу альтернативні мовні URL-адреси для кожної сторінки вказуються безпосередньо в мапі сайту. Це забезпечує централізований контроль, особливо в проєктах із десятками тисяч карток товарів, категорій або сторінок документації.

При використанні методу sitemap правила залишаються незмінними: кожен набір альтернативних URL має бути перехресним, URL-адреси повинні повертати код стану 200, не конфліктувати з canonical і не бути заблокованими у файлі robots.txt. Крім того, важливо надсилати файли sitemap через Google Search Console для відстеження індексації та помилок. Якщо використовується багато файлів sitemap, варто організувати чітку структуру за допомогою індексного файлу sitemap.

3. Використання hreflang через HTTP-заголовки

Для контенту, який не є HTML, hreflang можна визначити через HTTP-заголовки. Наприклад, якщо у вас є PDF-каталоги різними мовами, і ви не можете редагувати HTML head, альтернативи вказуються у відповіді сервера. Цей метод потребує глибших технічних знань і стосується налаштування сервера. Необхідно прописати правильні правила на рівні Apache, Nginx або сервера застосунків. Для забезпечення стабільної та швидкої відповіді на стороні сервера можна розглянути такі рішення, як Серверні рішення VPS або Пакети корпоративного хостингу.

Покроковий план впровадження hreflang

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

1. Складіть мапу мов і ринків

Спочатку визначте, на які мови та країни ви націлюєтесь. Ви будете орієнтуватися лише на мову, чи потрібні також регіональні відмінності? Наприклад, якщо англійський контент єдиний для всього світу, достатньо hreflang='en'. Але якщо ціни, написання слів, доставка та юридичні тексти відрізняються для США та Великої Британії, слід зробити розділення на en-US та en-GB.

2. Визначтеся з URL-архітектурою

У мультимовних сайтах є три поширені структури: підкаталоги, піддомени та домени з кодом країни. Приклад підкаталогу: example.com/uk/ — зазвичай його легше адмініструвати. Приклад піддомену: uk.example.com. Домен із кодом країни — це example.ua або example.com.ua. Рішення слід ухвалювати з огляду на SEO, бренд, операційні витрати та бюджет. На етапі запуску нового проєкту варто ознайомитися з Посібник з вибору доменного імені та Що таке веб-хостинг, щоб прояснити базові рішення.

3. Створіть таблицю відповідності сторінок

Складіть список, яка сторінка має відповідники якими мовами. Наприклад, /uk/web-hosting/ може мати відповідники /en/web-hosting/ та /de/webhosting/. Не намагайтеся примусово зв'язати сторінки, які не є перекладом одна одної. Якщо український допис у блозі не має англійського перекладу, ця сторінка не додається до кластера hreflang. Неповна відповідність безпечніша, ніж помилкова.

4. Не забувайте про self-referencing тег

Кожна сторінка повинна вказувати власну URL-адресу у списку hreflang. Це називається self-referencing hreflang. Тобто українська сторінка має показувати не лише англійську та німецьку альтернативи, а й саму себе як uk-UA. Така практика допомагає пошуковим системам чіткіше зрозуміти структуру кластера.

5. Використовуйте x-default

x-default використовується для вказівки сторінки за замовчуванням, яка не має конкретної мовної чи регіональної прив'язки. Зазвичай він підходить для сторінок вибору мови, глобальних головних сторінок або сторінок, які перенаправляють користувача залежно від його місцезнаходження. Приклад: <link rel='alternate' hreflang='x-default' href='https://example.com/' />. x-default не є обов'язковим, але на глобальних сайтах це потужне доповнення з погляду користувацького досвіду.

6. Налаштуйте процес тестування, публікації та моніторингу

Перед публікацією слід перевірити тестові набори URL, а після — відстежувати дані інструментів сканування та Google Search Console. На великих сайтах ідеально запускати автоматичну перевірку hreflang після кожного розгортання. Наприклад, у середовищі staging можна вибрати 100 випадкових URL і перевірити їхні коди стану, canonical, перехресність hreflang та індексаційну придатність.

Як використовувати Canonical та hreflang разом?

Canonical та hreflang часто плутають. Canonical вказує на пріоритетну (канонічну) URL-адресу серед схожих або скопійованих сторінок. hreflang же повідомляє, що різні мовні чи регіональні версії є альтернативами. На мультимовних сторінках кожна мовна версія зазвичай повинна вказувати canonical на саму себе. Тобто канонічний тег української сторінки має вести на українську URL, англійської — на англійську.

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

Правильний підхід такий: якщо мовні чи регіональні версії справді обслуговують різні цілі, кожна з них повинна мати self-canonical і бути зв'язаною з іншими через hreflang. Якщо ж сторінки відрізняються лише незначними параметрами, як-от трекінговий код чи параметр сортування, то питання canonical слід розглядати окремо.

Найпоширеніші помилки hreflang

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

  • Відсутність перехресних посилань: Сторінка A посилається на B, але сторінка B не посилається назад на A.
  • Некоректний код країни: Використання en-UK замість правильного en-GB та інші помилки у стандартах.
  • URL з 404 помилкою або редиректом: URL у hreflang має повертати код 200; ланцюжки 301 редиректів можуть послабити сигнал.
  • Noindex сторінки: Додавання до кластера hreflang сторінок, закритих від індексації, створює суперечливий сигнал.
  • Конфлікт з Canonical: Якщо сторінка вказує canonical на іншу мовну версію, hreflang може стати неефективним.
  • Відсутність self-reference: Поширена помилка — не додавати саму сторінку до її ж списку hreflang.
  • Зловживання автоматичним перенаправленням: Примусове перенаправлення користувачів за IP-адресою може ускладнити Googlebot сканування альтернатив.

Розглянемо приклад: ваша сторінка /uk/hosting/ посилається через hreflang на /en/hosting/, але на англійській сторінці немає зворотного посилання на українську. Google може не довіряти такому односторонньому зв'язку. Інший приклад: URL /de/hosting/ присутній у sitemap, але сама сторінка віддає 302 редирект на /de-de/hosting/. Це розмиває чіткість цільової адреси. Тому hreflang, URL-архітектура та правила редиректів мають керуватися комплексно.

Рекомендації щодо технічної інфраструктури мультимовних сайтів

Успіх hreflang залежить не лише від тегів; швидкість сайту, безпека, здатність до сканування та узгодженість URL також мають значення. На мультимовному вебсайті кожен мовний каталог повинен відповідати однаковим стандартам продуктивності. Якщо сторінки для однієї країни завантажуються швидко, а для іншої — повільно, це порушує баланс користувацького досвіду та SEO-показників.

  • Використовуйте HTTPS: Усі мовні версії повинні працювати з дійсним SSL-сертифікатом. Змішаний контент і помилки сертифікатів підривають міжнародну довіру. як встановити сертифікат SSL
  • Розгляньте CDN: Якщо ви отримуєте відвідувачів з різних країн, роздача статичних ресурсів через глобальну мережу може зменшити час завантаження.
  • Дотримуйтесь єдиних стандартів URL: Політика щодо кінцевого слеша, малих літер, параметрів і редиректів має бути однаковою для всіх мов.
  • Моніторте відповіді сервера: Помилки 5xx або повільний TTFB ускладнюють Google сканування міжнародних сторінок.
  • Зробіть перемикач мов доступним для сканування: Перемикачі мов, які працюють лише на JavaScript і не генерують HTML-посилань, можуть бути непомітними для пошукових роботів.

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

Як виміряти ефективність hreflang?

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

У Google Search Console можна аналізувати звіт про ефективність із фільтрами за країною та сторінкою. Наприклад, варто відстежувати тренди показів і кліків для каталогу /de/ з Німеччини, а для /uk/ — з України. Якщо видимість нерелевантних сторінок зменшується, а релевантних — зростає, це означає, що hreflang і контентне націлювання працюють правильно.

  • Динаміка показів і кліків у розрізі цільових країн
  • Частка показів сторінок невідповідною мовою
  • Коефіцієнт органічної конверсії та показник відмов
  • Кількість проіндексованих URL та помилки покриття
  • Помилки перехресних посилань hreflang під час технічного аудиту

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

Чек-лист найкращих практик на 2026 рік

У SEO-підході 2026 року технічна точність, користувацький досвід та якість контенту оцінюються в комплексі. Google AI Overviews та інші пошукові інструменти на основі штучного інтелекту краще розуміють чітко структуровані сторінки, які точно відповідають наміру користувача. hreflang посилює міжнародний аспект цього розуміння.

  • Готуйте контент, що відповідає реальним потребам користувачів для кожної мовної та регіональної версії.
  • Не публікуйте машинний переклад без попереднього редакторського контролю.
  • На кожній сторінці використовуйте self-canonical та self-referencing hreflang.
  • Переконайтеся, що альтернативні сторінки перехресно посилаються одна на одну.
  • Розгляньте доцільність використання x-default для глобальної сторінки або сторінки вибору мови.
  • Регулярно тестуйте, чи повертають URL-адреси в hreflang код стану 200.
  • Перевіряйте наявність noindex, блокувань у robots.txt та конфліктів canonical.
  • Підтримуйте файли sitemap в актуальному стані та надсилайте їх у Search Console.
  • У меню вибору мови використовуйте HTML-посилання, доступні для сканування роботами.
  • Забезпечте стабільне управління хостингом, SSL та продуктивністю на всіх цільових ринках.

Цей чек-лист дає швидкий старт для технічного SEO-аудиту. Однак на великих сайтах автоматизація є обов'язковою. Без щотижневих звітів про сканування, сповіщень про биті URL та тестів перед розгортанням підтримувати здоров'я hreflang вкрай складно. Особливо під час виходу на нові ринки безпечніше спочатку провести пілотне впровадження на обмеженій кількості сторінок, а потім масштабувати на весь сайт.

Часті запитання

Чи підвищує тег hreflang позиції сайту в SEO?

Тег hreflang не є прямим фактором ранжування в класичному розумінні; однак він гарантує, що правильна мовна чи регіональна сторінка буде показана правильному користувачеві, що покращує органічні кліки, задоволеність користувачів і коефіцієнт конверсії. Цей непрямий вплив може суттєво покращити загальну ефективність міжнародного SEO.

Чи обов'язково використовувати x-default на кожному мультимовному сайті?

Ні, x-default не є обов'язковим. Однак його рекомендується використовувати, якщо є глобальна головна сторінка, сторінка вибору мови або версія за замовчуванням без конкретної регіональної прив'язки. На сайтах, які пропонують користувачеві вибір мови чи регіону, x-default забезпечує чіткіший сигнал.

Чи повинні hreflang та canonical вказувати на ту саму URL-адресу?

На мультимовних сторінках кожна мовна версія зазвичай повинна вказувати canonical на саму себе. Водночас ця ж сторінка має містити у своєму списку hreflang як власну URL-адресу, так і всі інші альтернативи. Вказувати як канонічну URL-адресу іншою мовою — означає створювати конфлікт із сигналом hreflang.

Як керувати hreflang на сайтах під WordPress?

На сайтах WordPress hreflang зазвичай керується за допомогою плагінів для мультимовності або SEO-плагінів. Тим не менш, важливо перевіряти автоматично згенеровані результати. Слід регулярно тестувати коди мов, перехресні посилання, узгодженість canonical та інтеграцію з sitemap.

Як часто потрібно перевіряти помилки hreflang?

Для невеликих сайтів може бути достатньо щомісячної перевірки. Для великих інтернет-магазинів, блогів або сайтів документації рекомендується щотижневе технічне сканування. Обов'язково потрібно повторно перевіряти hreflang після додавання нової мови, зміни структури URL або перенесення сайту.

Висновок

Використання тегу hreflang на мультимовних вебсайтах є одним із найважливіших технічних кроків у міжнародному SEO. Завдяки правильним кодам мов, перехресним посиланням, структурі self-canonical, використанню x-default та регулярним процесам тестування ви можете надсилати пошуковим системам чіткі сигнали. Як наслідок, користувачі бачитимуть у пошуковій видачі сторінку, яка найкраще відповідає їхній мові та ринку.

Якщо ви плануєте запуск мультимовного вебсайту, найздоровішим підходом буде розглядати стратегію hreflang у комплексі з контентом, доменом, SSL та хостинговою інфраструктурою. Ознайомтеся з рішеннями Hostragons щодо хостингу, доменів і SSL, щоб створити безпечну та масштабовану основу для вашого проєкту: Hostragons веб-хостинг, Перевірка домену, сертифікати SSL.

Поділитися цією статтею:
Jonathan Kraemer

Старший аналітик даних

Понад 12 років працює над цифровою аналітикою та оптимізацією маркетингу. Експерт у розробці стратегій на основі даних.

Усі статті →