Hreflang це невеликий фрагмент розмітки, який повідомляє пошуковим системам, що сторінка має версії іншими мовами чи регіонами, і яка версія належить якій аудиторії. Власними словами Google, ви використовуйте hreflang, «щоб повідомити Google про варіанти вашого вмісту, щоб ми могли зрозуміти, що ці сторінки є локалізованими варіантами того самого вмісту».
Без нього виникають дві проблеми. По-перше, Google може надати пошукачу неправильну мовну версію, показуючи італійському відвідувачу вашу сторінку англійською. По-друге, майже ідентичні сторінки (перекладена сторінка має спільну структуру, зображення та макет) можуть виглядати як дубльований вміст, через що Google не впевнений, який рейтинг вибрати. Hreflang вирішує обидва: він групує версії як одну частину вмісту на різних мовах і вказує кожному пошукачу правильну.
Простий приклад тегу hreflang
Хрефланг живе в <head> вашої сторінки як набір <link> теги — по одному на мовну версію. Уявіть сторінку, яка існує англійською, італійською та німецькою мовами:
<link rel="alternate" hreflang="en" href="https://example.com/page/" />
<link rel="alternate" hreflang="it" href="https://example.com/it/page/" />
<link rel="alternate" hreflang="de" href="https://example.com/de/page/" />
<link rel="alternate" hreflang="x-default" href="https://example.com/page/" />The hreflang значення – це код мови (як en), необов'язково після регіону (en-GB). Google приймає три еквівалентні методи щоб оголосити ці: HTML <link> теги, HTTP Link заголовки або мапу сайту — вам знадобиться лише одна. URL-адреси завжди мають бути повністю кваліфікованими, зокрема https://.
Тег x-default (не пропускайте його)
В останньому рядку вище використовується зарезервоване значення, x-default. За Google, «зарезервоване значення x-default використовується, якщо жодна інша мова/регіон не відповідає налаштуванням браузера користувача». Подумайте про це як про резервний варіант: коли носії португальської чи японської мови потрапляють на ваш сайт, а у вас немає версії для них, x-default повідомляє Google, яку сторінку показувати. Він ідеально підходить для вибору мови або домашньої сторінки з автоматичним переспрямуванням і непомітно запобігає неправильному вгадуванню вашого сайту для всіх, на кого ви явно не націлилися.
Найпоширеніші помилки hreflang
Hreflang не прощає дрібних помилок — несправна анотація просто ігнорується. Ось ті, які найбільше збентежують людей:
- Відсутні теги повернення. Це великий. Google вимагає, щоб посилання були двонаправленими: «Якщо дві сторінки не вказують одна на одну, теги ігноруватимуться». Якщо ваша сторінка італійською вказує на сторінку англійською, сторінка англійською має вказувати назад — і кожна версія також має посилатися на себе.
- Неправильна мова або код регіону. У кодах мов використовуються дві літери ISO 639-1 формат (
en, ніeng;ja, ніjp). Коди регіонів використовують ISO 3166-1 Alpha 2 (en-GB, а не інвалідen-UK). Іen-EUнеправильно, оскільки «ЄС» не є країною. - Порядок змінено. Це
language-REGION(en-GB), ніколиGB-en. - Немає x-default. Необов’язковий, але його пропуск залишає відвідувачів за межами цільових мов без визначеного резервного варіанту.
- Відносні або неканонічні URL-адреси. Завжди використовуйте абсолютні URL-адреси з протоколом і вказуйте hreflang на канонічній версії кожної сторінки.
Як hreflang пов’язаний зі структурою URL-адреси
Hreflang не диктує ваші URL-адреси, але вони найкраще працюють разом. Найчистішим налаштуванням для одного домену є a мовний підкаталог: example.com/it/, example.com/de/, і так далі. Це зберігає ваші повноваження в одному домені, його легко сканувати та робить відображення hreflang очевидним — кожна URL-адреса з префіксом просто відповідає одній hreflang значення.
Підкаталог стає href у ваш тег, і мова стає hreflang значення. Оскільки структура є передбачуваною, анотації можна створювати механічно, а не підтримувати вручну — це саме те, де плагін заслуговує на збереження.
Чому не слід кодувати hreflang вручну
Рукописний текст hreflang – це місце, де ламаються проекти. Кожна нова сторінка збільшує кількість тегів, які ви повинні синхронізувати, і один відсутній тег повернення мовчки анулює всю анотацію. Він не масштабується, і його втомливо перевіряти.
Хороший багатомовний плагін повністю знімає роботу. TranslateRocket — безкоштовний плагін для перекладу WordPress, який підтримує необмежену кількість мов — автоматично генерує правильні двонаправлені теги hreflang із самопосиланням (включаючи x-default) поряд з чистим /it/, /de/ URL-адреси SEO, тому кожна версія вказує на кожну іншу, не торкаючись їх <head>. Ви можете перекладати вручну, використовувати безкоштовний машинний переклад або підключати власні ключі AI, і він імпортує наявні переклади з WPML, TranslatePress, Polylang і Weglot. Вбудований режим попереднього перегляду дозволяє перевірити результат перед оприлюдненням. Вихідні дані відповідають правилам Google, тому пошукова система може обслуговувати правильну мовну версію та розглядати ваші переклади як одну частину вмісту, а не дублікати.
Часті запитання
- Чи є hreflang фактором ранжирування? Не прямо. Це сигнал, який допомагає Google показувати правильну мову чи регіональну версію потрібному пошукачу та уникати плутанини з повторюваним вмістом, що покращує досвід і може підвищити ефективність на кожному ринку.
- Чи потрібен мені hreflang, якщо мій сайт одномовний? Ні. Hreflang застосовується, лише якщо той самий вміст існує кількома мовами чи регіональними варіантами.
- Лише мова чи мова та регіон? Використовуйте лише мову (
en), коли вміст підходить усім носіям цієї мови. Додайте регіон (en-GB,en-US) лише якщо у вас справді є різні версії для кожної країни. - Чи потрібен x-default? Ні, але наполегливо рекомендується, щоб відвідувачі, які не володіють вашими цільовими мовами, мали визначену резервну сторінку.
- Теги HTML, заголовки HTTP чи карта сайту? Google розглядає всі три як еквівалентні — виберіть те, що легше. Більшість сайтів WordPress використовують HTML
<link>теги, які плагін може виводити автоматично.
Джерела
- Центр пошуку Google — Локалізовані версії ваших сторінок — developers.google.com
Зробіть свій сайт багатомовним — безкоштовно
