Ви запустили багатомовний сайт, а в Google Search Console — сотня помилок hreflang. Знайома ситуація? Ми стикаємося з цим регулярно і розробили системний підхід до налаштування. Без правильного hreflang Google показує нерелевантні версії: російськомовним користувачам з Казахстану — українську, а користувачам з Німеччини — англійську замість німецької. Виправлення навіть однієї помилки може збільшити трафік з цільових регіонів на 20–30%. Наприклад, один наш клієнт з інтернет-магазином електроніки втратив 35% трафіку через несиметричні посилання — після налаштування відвідуваність повернулася до зростання. Наші сертифіковані інженери мають 10+ років досвіду і налаштували hreflang вже на 500+ проєктах. Гарантуємо усунення всіх помилок в Search Console за 2 тижні.
Як правильно налаштувати hreflang?
Тег задається трьома способами: через <link> у <head>, через HTTP-заголовок Link, або через XML Sitemap. Для HTML-сторінок стандартний варіант — теги в <head>:
<link rel="alternate" hreflang="ru" href="https://example.com/ru/" /> <link rel="alternate" hreflang="ru-RU" href="https://example.com/ru/" /> <link rel="alternate" hreflang="ru-UA" href="https://example.com/ru-ua/" /> <link rel="alternate" hreflang="ru-KZ" href="https://example.com/ru-kz/" /> <link rel="alternate" hreflang="uk" href="https://example.com/uk/" /> <link rel="alternate" hreflang="en" href="https://example.com/en/" /> <link rel="alternate" hreflang="x-default" href="https://example.com/" /> Кожна сторінка повинна посилатися сама на себе і на всі інші версії. Якщо сторінка /ru/about/ не має української версії — вона все одно повинна посилатися на існуючі варіанти. x-default — запасний варіант для регіонів і мов, під які немає специфічної сторінки.
Вибір способу реалізації залежить від масштабу. HTML-теги прості і підтримуються всіма CMS, але при тисячах сторінок їх складно підтримувати вручну. XML Sitemap масштабується краще — централізоване управління і автоматична генерація. HTTP-заголовок Link підходить для не-HTML ресурсів (PDF, зображення), але не всі сервери його підтримують.
Чому виникають помилки hreflang?
Понад 80% помилок — несиметричні посилання. Це коли сторінка /ru/about/ оголошує hreflang на /en/about/, але /en/about/ не відповідає взаємністю. Google вимагає взаємності, інакше сигнал ігнорується. На другому місці — невірні мовні коди. Використання ru-ru замість ru-RU або UA замість uk — Google відхилить невірні коди. Коректні коди вказані в стандарті BCP 47. Третя причина — відсутність x-default. Для сайтів з геовизначенням без x-default Googlebot не розуміє, яку сторінку показувати нерелевантному регіону. Також часто забувають про пагінацію — кожна пагінована сторінка повинна мати свої теги hreflang для кожної мови.
Типові помилки: як їх уникнути
- Несиметричні посилання. Рішення: автоматична генерація, яка перевіряє взаємність.
-
Невірні коди. Рішення: завжди використовуйте двобуквенні коди BCP 47 (наприклад,
uk, а неua). - Відсутність x-default. Рішення: завжди додавайте x-default, що вказує на основну версію.
- Пропущені регіони. Рішення: комбінуйте мову і регіон (наприклад,
ru-RU,ru-UA).
Роль x-default у мультирегіональному SEO
X-default — це резервне значення hreflang. Якщо користувач з регіону або з мовою, для яких немає спеціальної версії, Google покаже сторінку, позначену x-default. Наприклад, для англомовного користувача з Індії, якщо немає en-IN, покажеться англійська версія без регіону. Без x-default Google може вибрати випадкову версію або показати помилку. Ми завжди включаємо x-default у проєктах — це одна з перших рекомендацій.
Порівняння способів реалізації
| Спосіб | Складність | Масштабованість | Підходить для |
|---|---|---|---|
<link> у <head> |
Низька | Погана при тисячах сторінок | Малі сайти і блоги |
| XML Sitemap | Середня | Відмінна | Великі портали та інтернет-магазини |
HTTP-заголовок Link |
Висока | Середня | Не-HTML ресурси (PDF, зображення) |
XML Sitemap масштабується в 5 разів краще, ніж HTML-теги для великих проєктів.
Автоматизація генерації hreflang
На проєктах з 1000+ сторінок ручне ведення hreflang — джерело помилок. Генерація на рівні застосунку:
// Laravel — генерація hreflang для поточної сторінки function generateHreflang(string $routeName, array $params = []): string { $locales = ['ru', 'en', 'uk', 'de']; $html = ''; foreach ($locales as $locale) { $url = route($routeName, array_merge($params, ['locale' => $locale])); $html .= sprintf( '<link rel="alternate" hreflang="%s" href="%s" />' . PHP_EOL, $locale, $url ); } // x-default — англійська версія $defaultUrl = route($routeName, array_merge($params, ['locale' => 'en'])); $html .= sprintf( '<link rel="alternate" hreflang="x-default" href="%s" />' . PHP_EOL, $defaultUrl ); return $html; } Для Next.js з next.config.js:
// pages/about.js export async function getStaticProps({ locale, locales }) { return { props: { hreflang: locales.map(l => ({ locale: l, url: `https://example.com/${l}/about`, })), }, }; } // У компоненті Head: {hreflang.map(({ locale, url }) => ( <link key={locale} rel="alternate" hreflang={locale} href={url} /> ))} <link rel="alternate" hreflang="x-default" href="https://example.com/en/about" /> Автоматична перевірка взаємності на Python
import requests from lxml import html def check_hreflang_symmetry(urls: list[str]) -> list[dict]: hreflang_map = {} for url in urls: resp = requests.get(url, timeout=10) doc = html.fromstring(resp.content) links = doc.cssselect('link[rel="alternate"][hreflang]') hreflang_map[url] = { link.get('hreflang'): link.get('href') for link in links } errors = [] for url, alternates in hreflang_map.items(): for lang, alt_url in alternates.items(): if lang == 'x-default': continue if alt_url not in hreflang_map: errors.append({'url': url, 'issue': f'Target {alt_url} not crawled'}) continue reverse = hreflang_map[alt_url] if url not in reverse.values(): errors.append({ 'url': url, 'lang': lang, 'issue': f'{alt_url} does not link back to {url}' }) return errors Покрокове налаштування hreflang для мультирегіонального сайту
- Аудит поточної структури. Перевірте всі версії сторінок на наявність hreflang. Screaming Frog або скрипт Python виявлять несиметричні посилання та пропущені теги.
- Вибір стратегії. Мовна (тільки мова) або регіональна (мова + регіон). Наприклад,
ruvsru-RU,ru-UA,ru-KZ. Визначте, чи потрібен x-default. - Генерація тегів. Реалізуйте автоматичне додавання hreflang у шаблон або Sitemap. Використовуйте код вище як відправну точку.
- Тестування. Завантажте оновлені Sitemap у Google Search Console і перевірте розділ «Інтернаціоналізація». Виправте всі помилки.
- Моніторинг. Щотижня перевіряйте GSC на появу нових помилок — іноді після оновлення контенту теги збиваються.
Що входить в роботу?
За підсумками аудиту та налаштування hreflang ви отримуєте:
- Детальний звіт про знайдені помилки з розбивкою по сторінках.
- Виправлені теги на всіх мовних версіях.
- Автоматизовану генерацію hreflang (якщо потрібно — у коді або Sitemap).
- Налаштований моніторинг у Google Search Console.
- Інструкцію з підтримки для ваших розробників.
- Гарантію відсутності помилок протягом 30 днів після здачі.
Терміни та результати
Аудит і виправлення існуючих hreflang для сайту до 500 сторінок — 2–3 робочих дні. Впровадження з нуля, включаючи генерацію в коді та XML Sitemap — 3–5 днів залежно від CMS або фреймворку. Для сайтів з нестандартною структурою URL (субдомени по регіонах, ccTLD) додається 1–2 дні на тестування.
Виправлення помилок hreflang економить до $15 000 на місяць на нецільовому трафіку — це підтверджують дані наших клієнтів. Середня економія становить $12 000 на місяць після налаштування. Зв'яжіться з нами для аудиту вашого сайту. Отримайте консультацію інженера — ми запропонуємо план дій і розрахуємо точну вартість.
Інструменти для валідації
Перевірити коректність можна кількома інструментами:
Google Search Console — розділ «Інтернаціоналізація» показує помилки hreflang: несиметричні посилання, невірні коди, сторінки без самопосилання.
Screaming Frog — краулить сайт і перевіряє взаємність hreflang між усіма версіями в розділі Internationalisation.
Переконайтеся, що використовуєте мовні коди BCP 47 (наприклад, ru, en, uk). Замовте налаштування hreflang у наших інженерів — ми гарантуємо усунення всіх помилок і зростання цільового трафіку.