Сьогодні глобальна присутність є однією з важливих умов успіху для багатьох компаній. Однак під час просування вебресурсів у різних країнах і регіонах SEO-фахівці часто стикаються з різними викликами. Один із них — коректний таргетинг. У цій статті ми розповімо, як правильно налаштовувати відображення сторінок багатомовного сайту.
Почнемо з азів
При просуванні дуже важливо допомогти пошуковим системам коректно інтерпретувати різні мовні версії вебресурсу. Щоб вони змогли визначити, яка мова використовується, застосовується атрибут hreflang. Виглядає він так:
У першому прикладі атрибут hreflang="en" інформує, що посилання веде на сторінку англійською мовою.
А у другому прикладі rel alternate hreflang ="es" повідомляє, що це іспанська версія тієї ж сторінки.
У яких випадках використовується атрибут hreflang?
Атрибут alternate hreflang необхідний, коли на одному сайті є різномовні версії сторінки. Він повідомляє, що лінк веде на ту саму сторінку, але іншою мовою. І пошукові системи правильно визначають, що повинен побачити користувач залежно від його мовних уподобань.
Наприклад, користувач із Італії, який виконує пошуковий запит італійською мовою, швидше за все, буде більше зацікавлений італійською версією сайту, а не українською. Завдяки link rel alternate hreflang пошукова система розпізнає, що на сайті є італійська версія сторінки, і відобразить її у видачі цього користувача.
Атрибут link rel alternate також допомагає запобігти дублюванню контенту. Замість створення копій сторінок можна зв'язати оригінальну сторінку з її мовними версіями за допомогою tag hreflang. При правильному впровадженні атрибута пошукові системи сприймають різномовні версії не як дублікати, а як взаємопов'язані переклади одного контенту. Це особливо важливо для міжнародних компаній, освітніх порталів, сайтів новин, інтернет-магазинів з доставкою по всьому світу тощо.
Користь alternate hreflang для СЕО
Використовуючи атрибут хрефланг, ви підвищуєте ефективність пошукової оптимізації. Він дає кілька важливих переваг:
- Поліпшення видимості у пошуковій видачі. Коли пошукова система розпізнає, що на сайті є версії різними мовами, вона показує найбільш релевантну версію для кожного користувача залежно від його розташування та мови. Це допомагає залучати більше цільових відвідувачів.
- Збереження позицій у пошуку. Якщо на сайті є версії різними мовами, але вони не пов'язані атрибутом hreflang alternate, пошукові системи можуть сприймати їх як дублі. Це може призвести до втрати позицій у видачі. Впровадження атрибуту допомагає уникнути цієї проблеми, чітко вказуючи пошуковикам, що це різні версії однієї і тієї ж сторінки.
- Поліпшення навігації. Коли користувачі можуть легко перемикатися між мовними версіями, це спрощує їхню взаємодію з сайтом і підвищує залученість.
- Прискорення індексації. Грамотне використання атрибуту alternate в SEO допомагає пошуковим системам більш точно розуміти структуру сайту та зв'язки між його мовними версіями. Це сприяє кращому індексуванню контенту та підвищенню довіри до ресурсу з боку пошукових систем.
Правильне використання hreflang в SEO також сприяє зниженню показника відмов і підвищенню конверсії. Коли людина відразу знаходить потрібну інформацію, вона з більшою ймовірністю залишиться на сайті та здійснить цільову дію. А низький рівень відмов — один із важливих факторів, що впливають на ранжування сайту в пошуковій видачі. Чим рідше відвідувачі повертаються до результатів пошуку після переходу на ваш сайт, тим вищі ваші позиції. Загалом hreflang — це важливий інструмент підвищення релевантності пошукової видачі.
Способи впровадження атрибуту на сайт
Тепер розповімо про те, як впровадити html hreflang. Зробити це можна трьома способами. Розглянемо докладно кожен із них.
За допомогою HTML-тегів
Для цього необхідно додати атрибут до тегів «link» або «a».
Наприклад, якщо у вас є сторінка англійською мовою для США й інша сторінка іспанською мовою для Мексики, ви можете додати наступні alternate hreflang links:
Зверніть увагу, що важливо також використовувати атрибут rel="canonical" на кожній сторінці, щоб допомогти пошуковикам визначити основну версію.
Використання тегів link є кращим, оскільки вони дають чіткий сигнал пошуковим системам про зв'язок між сторінками. Але також можна застосувати атрибут «hreflang tag google a», якщо це необхідно.
За допомогою XML-картки
Інший спосіб впровадження hreflang — використання XML-карти сайту. Вона дозволяє вказати усі мовні версії сторінок на вашому сайті в одному місці.
Для додавання hreflang url у XML-карту необхідно включити наступний елемент для кожної мовної версії сторінки:
Зауважте, що xhtml:link використовується замість стандартного link, тому що він є частиною розширення Sitemap для багатомовних сайтів.
Як тільки ви додасте XML-карту на ваш сайт і переконаєтеся, що вона коректно обробляється пошуковими системами, вони знатимуть про доступні мовні версії ваших сторінок.
За допомогою HTTP-заголовків
Цей підхід корисний, коли ви не можете безпосередньо змінювати HTML-код сторінок, наприклад якщо контент генерується динамічно.
Для використання атрибуту через заголовки HTTP необхідно додати заголовок Link hreflang для кожної сторінки, яка вказує на альтернативні мовні версії. Формат заголовка виглядає так:
У цьому прикладі один заголовок вказує на мексиканську версію іспанською мовою, інший — на американську версію англійською. Для кожної сторінки можна використовувати декілька таких елементів Link, позначаючи всі наявні мовні варіанти контенту.
Перевага використання HTTP-заголовків полягає в тому, що ви можете впровадити hreflang без необхідності редагування HTML-коду. Це особливо корисно, якщо у вас є динамічні сторінки або ви використовуєте систему керування контентом, яка не дозволяє легко редагувати HTML.
Що таке x-default
Атрибут x-default відіграє важливу роль в управлінні багатомовним контентом сайту. Його головна функція — визначати за умовчанням сторінку, яка буде показана відвідувачеві, коли пошукова система не може встановити мовні переваги.
Давайте розглянемо конкретний приклад: скажімо, у вас є вебсайт із контентом російською, англійською та французькою мовами. У випадку, коли браузер користувача не надає даних про мову, атрибут x-default вказує системі, яку версію слід відобразити.
Зазвичай версією за замовчуванням обирається англійська мова, оскільки вона найбільш поширена в інтернеті. Однак ви можете встановити будь-яку іншу мову залежно від вашої цільової аудиторії.
Поширені помилки під час впровадження атрибуту
Використовувати атрибут потрібно дуже уважно, оскільки його неправильне застосування може негативно вплинути на просування ресурсу. Однією з найчастіших помилок є неправильний формат написання мовних кодів. Google hreflang вимагає використання стандартних кодів ISO 639-1 (дволітерні) або ISO 639-2 (трилітерні) для мови, а також необов'язкових дволітерних кодів ISO 3166-1 для країни. Наприклад, правильний формат: en-US, es-MX, fr-FR. Використання нестандартних кодів призведе до того, що пошукові системи не зможуть правильно ідентифікувати ваші мовні версії.
Ще одна поширена помилка — неправильна структура посилань на альтернативні мовні версії. Посилання мають бути абсолютними (починатися з https:// чи https://), а не відносними. Крім того, переконайтеся, що посилання дійсно ведуть на існуючі сторінки відповідними мовами. Регулярно перевіряйте, щоб усі ваші мовні версії були доступні та коректно оброблялися пошуковими системами.
Підіб'ємо підсумки
Перевірка hreflang — важлива умова ефективного використання атрибуту. Перевірити наявність і коректність можна різними способами. Один із них — перегляд вихідного коду сторінки. Для цього потрібно клацнути правою кнопкою миші на сторінці та знайти теги link або a з атрибутом hreflang.
Багато браузерів, таких як Google Chrome та Mozilla Firefox, також мають вбудовані інструменти для розробників, які дозволяють легко переглядати структуру HTML-коду сторінки, включаючи атрибути hreflang html.
Крім того, існують різні SEO-інструменти, які можуть перевірити наявність і коректність hreflang на вашому сайті. Наприклад, необхідні звіти надають Google Search Console, Screaming Frog SEO Spider тощо.
Загалом ми рекомендуємо всім власникам багатомовних сайтів запровадити hreflang. З його допомогою ви зможете набагато ефективніше просувати свій вебресурс і займати вищі позиції в органічній видачі. Головне — правильно додати його на сайт. У людей без досвіду можуть виникнути з цим складності, тому що потрібно розуміти технічні аспекти, які часто виходять за рамки базових знань багатьох вебмайстрів. А неправильне застосування загрожує серйозними проблемами. Тому краще довірити це фахівцям, які зможуть запровадити атрибут таким чином, щоб максимально покращити видимість сайту.
Залишіть ваші контактні дані.
Будемо раді обговорити ваш проект!
