Коли ви публікуєте вебсайт в інтернеті та хочете зробити його багатомовним, вам потрібен тег hreflang. Він повідомляє Google, який тип мови ви використовуєте на конкретній сторінці. Тег розкриває зв'язок між вебсторінками різними мовами. Якщо ви перекладаєте сторінку іспанською, французькою або будь-якою іншою мовою, ви можете додати сигнал для визначення мови конкретної сторінки.
Тег hreflang — це атрибут HTML, який використовується для опису мови веб-сайту разом із його географічним розташуванням. Він представляє вміст веб-сайту кількома мовами. Якщо ви шукаєте веб-сайт через пошукову систему Google англійською, ви побачите веб-сайт англійською завдяки тегу hreflang.
Якщо ви відкриєте вебсайт в іншій країні, наприклад у Франції, вебсторінка відкриється французькою мовою. Однак теги Hreflang іноді можуть плутатися, оскільки вони можуть бути налаштовані неправильно. У результаті вебсайт показує помилку: “Ваш сайт не має тегів hreflang.” На щастя, ви можете швидко вирішити цю проблему.
Коли потрібні теги Hreflang?
Вебсайти потребують тегів hreflang, коли існує кілька версій відповідно до мови або регіону. Перш ніж почати вирішувати проблему відсутності тегів hreflang, вам потрібно визначити всі регіональні або мовні версії ваших вебсайтів.
Навігація та перемикачі мов спрямовують відвідувачів на правильну URL-адресу, коли вони переглядають ваш веб-сайт. Якщо веб-сайт має список різних URL-адрес, наприклад веб-сайт іншими мовами, то XML-карта сайту надасть пошуковій системі список усіх цих URL-адрес. Подібно до того, як HTML-карта сайту або просто меню навігації спрямовують відвідувача, XML-карта сайту спрямовує пошукову систему, але до правильної URL-адреси.
Ось як виглядає тег hreflang:
<html lang="en-US" data-lt-installed="true">
en-US — це код для “американського діалекту” англійської мови, який використовується в США. Ви також можете скористатися професійними інструментами від Linguise , щоб налаштувати тег hreflang для свого вебсайту без клопоту з написанням коду.
Методи розміщення тегів Hreflang
Існує два методи розміщення тегів hreflang на веб-сайті. Перший метод — використання XML-карт сайту, а другий — використання методів тегування сторінок. Ось різниця між ними:
Методи тегування сторінок через HTML Head
Тегування сторінок пропонує простий метод додавання тегів hreflang до вашого веб-сайту. У цьому методі тег hreflang додається до заголовка HTML вашого веб-сайту. Тег сторінки для вашого веб-сайту виглядатиме так:
<html lang="en" data-lt-installed="true">
Тег “en” використовується для англійської мови, і якщо ви хочете перекласти цю сторінку німецькою, вам потрібно додати “de” або для китайської версії “zh-CN” в HTML-адресі. Отримані HTML-теги виглядатимуть так:
Китайська
<html lang="zh-CN" data-lt-installed="true">
Німецька
<html lang="de" data-lt-installed="true">
Цей процес може здатися простим, але вам доведеться додавати окремий код для кожної веб-сторінки. Це займе багато часу, а також може спричинити ручні помилки під час введення кодів, що призведе до різноманітних помилок
Альтернативні мовні теги
Тег альтернативної мови доповнює атрибут hreflang і дозволяє показати пошуковим системам, який зв'язок між перекладеними веб-сторінками вашого веб-сайту.
Наприклад, яка іспанська версія цієї французької сторінки, а також яка версія цієї сторінки мовою оригіналу.
Це корисно, коли ви створили контент, призначений для локальної аудиторії. Атрибут hreflang додає сигнал для пошукових систем, що користувач, який запитує з Франції французькою мовою, хоче отримати французьку версію сторінки, а не сторінку з подібним контентом англійською мовою.
Також, якщо користувач володіє двома мовами, французькою та англійською, Google може повернути обидва результати.
Мовний тег HTTP-заголовка для файлів
Теги hreflang додаються до веб-сторінок за допомогою HTTP-заголовка для не-HTML-вмісту та PDF-файлів. Ви можете додати тег href у елементи link вашого HTTP-заголовка. Заголовок буде додано в кінці посилання, і він виглядатиме так:
<https://www.linguise.com/pre-sale-questions/document.pdf>; rel="alternate"; hreflang="es"
Ви можете додати будь-що в розділі, написаному червоним. Просто додайте URL-адресу PDF-файлу та посилання на тег hreflang у кінці.
Що таке помилка Hreflang, яку повертає Google?
Коли ви бачите “на вашому сайті немає тегів hreflang’ ‘, це означає, що існує проблема в перехресному посиланні або зв’язуванні сторінки. Це означає, що сторінка 1 посилається на сторінку 2, але сторінка 2 не посилається назад на сторінку 1. Відсутність зворотного тегу часто призводить до помилки Hreflang. Ви можете перевірити XML-карти сайту, щоб дізнатися кількість тегів Hreflang на одній сторінці та помилки, пов’язані з цими тегами. Переконайтеся, що ви ретельно дослідили, перш ніж застосовувати рішення.
Помилки мовних кодів
<xhtml:link rel="alternate" hreflang="ur-pk" href="https://www.rekhta.org/?lang=ur" />
Правильний тег hreflang для урду — lang=ur. Ви можете скористатися різними інструментами, щоб дізнатися про коди, які використовуються для кожної мови. Linguise пропонує вам просте рішення для помилок тегів hreflang. Щойно ви пов’яжете правильний код із правильною мовою та з’єднаєте його з указаною країною, ви більше не побачите помилку тегу Hreflang, коли відкриєте вебсторінки свого сайту.
Неправильні атрибути мови
Більшість людей плутають атрибути hreflang із версією мови через дефіс. Це призводить до помилок у прив'язці вебсайту до правильного мовного коду. Більшість користувачів вважають, що використання “en-uk” для британського діалекту буде достатнім для роботи їхньої вебсторінки. Правильний атрибут для британського варіанту англійської мови — “en-gb”. Щойно ви використаєте правильний атрибут, проблема некоректного атрибута hreflang зникне.
Одночасне використання карти сайту та тегування сторінок
Більшість людей вважають, що вони використовують обидва методи для тегів hreflang. Це призводить до складної серії інтеграції різних тегів hreflang у розділи head кількох URL-адрес, якщо ви використовуєте метод тегування сторінок. Інші використовують методи карти сайту hreflang для вказівки мови веб-сторінки. Коли ви використовуєте обидва методи тегування hreflang, це спричиняє надмірність, і Google може повністю відхилити ваш веб-сайт. Виберіть один метод для впровадження вашого тегу hreflang і переконайтеся, що в реалізації немає помилок.
Як впровадити теги Hreflang за допомогою Linguise?
Найпростіший спосіб вирішити проблему з Hreflang — скористатися Linguise. Він автоматично генерує та впроваджує тег hreflang, тож вам не доведеться вивчати код. Він має налаштовану систему, яка перекладає вбудований HTML-вміст. Ці переклади пов’язані з метаданими вебсайту та забезпечують швидкі результати.
Перевірка впровадження мовного тегу hreflang
Після того, як ваш вебсайт перекладено за допомогою Linguise, просто клацніть правою кнопкою миші будь-де на сторінці та натисніть “Inspect” або скористайтеся F12.
Ви матимете доступ до інструментів розробника браузера.
Тоді, якщо моя сторінка, наприклад, французькою, реалізований hreflang має бути fr.
Підсумовуючи, тег hreflang автоматично впроваджується на вашу перекладену сторінку, і тег є глобальним, тобто для французької це fr. Тож якщо франкоканадець зробить запит французькою, він також отримає сторінку в пріоритеті в пошукових системах.
Висновок
Помилки Hreflang можуть здаватися складними на перший погляд, але їх можна легко виправити. Просто скористайтеся наведеними вище методами, щоб усунути помилку та побачити різницю. Якщо у вас немає часу виправляти помилки вручну, ви можете скористатися Linguise. Це розширення для автоматичного перекладу мов, яке може усунути будь-які помилки hreflang за лічені хвилини.
