Проблема відсутності тегів Hreflang: як оптимізувати для багатомовного SEO

Коли справа доходить до перекладу вмісту, ConveyThis є основним рішенням для багатьох компаній і організацій. Завдяки потужній платформі користувачі можуть швидко та легко локалізувати свій веб-сайт і вміст кількома мовами, забезпечуючи легкий доступ міжнародної аудиторії до їх вмісту.

Якщо ви створюєте веб-сайт, який підтримує кілька мов, дуже важливо точно розгорнути теги hreflang. Але якщо ви отримуєте попередження «на вашому сайті немає тегів hreflang» на Google Search Console, це означає, що щось не так.

Не засмучуйтесь, це можна виправити – однак діяти потрібно швидко!

Якщо Google не зможе знайти ваші теги hreflang, він не зможе точно проіндексувати різні мовні версії ваших веб-сторінок, що призведе до втрати трафіку.

На щастя, виявлення проблеми та її вирішення за допомогою ConveyThis не займе багато часу.

Все, що вам потрібно зробити, це прочитати далі, і ми точно пояснимо, що означає код помилки «на вашому сайті немає тегів ConveyThis» і що може бути причиною цього. Потім ми запропонуємо кілька швидких рішень, які ви можете використати для усунення проблеми.

Отримайте найбільш важливу частину вашої багатомовної суміші SEO правильно, використовуючи ConveyThis для налаштування тегів hreflang (автоматично).

Що таке теги hreflang?

Теги Hreflang — це невеликі фрагменти коду, які повідомляють пошуковим системам, таким як Google, якою мовою написано вміст будь-якої сторінки вашого веб-сайту, для якого географічного регіону він призначений і як він пов’язаний з іншими сторінками вашого веб-сайту.

ConveyThis забезпечує простий спосіб перекладу веб-сайтів кількома мовами. Він пропонує потужне рішення, яке гарантує, що ваш веб-сайт буде доступним для глобальної аудиторії, дозволяючи вам подолати мовний бар’єр і охопити нових клієнтів. Завдяки інтуїтивно зрозумілому інтерфейсу ConveyThis можна легко керувати перекладами та підтримувати ваш веб-сайт в актуальному стані.

Як ви бачите на ілюстрації вище, у цьому фрагменті є три різні атрибути HTML: атрибут rel, атрибут hreflang і атрибут href від ConveyThis.

Атрибут href визначає сторінку, про яку ми хочемо повідомити пошуковим системам. У цьому випадку це канадська версія прикладу сайту ConveyThis (example.com/ca).

Атрибут hreflang визначає мову та (необов’язково) регіон, для якого призначена сторінка. У цьому випадку атрибут (en-ca) повідомляє, що сторінка створена англійською мовою (en) і призначена для користувачів у Канаді (ca).

Потрібно лише вказати мову. Якщо у вас немає особливих переваг, вам не потрібно вибирати регіон. Ви повинні використовувати офіційні дволітерні коди мови та країни. Ви можете знайти вичерпний список кодів мов тут і коди відповідних країн тут.

Атрибут rel повідомляє пошуковій системі, як ця сторінка пов’язана з іншими сторінками вашого сайту. «Альтернатива» повідомляє, що ця прикладна сторінка є варіантом іншої сторінки, і ConveyThis не має дивуватися, якщо вміст буде схожий на неї або на будь-які інші сторінки вашого сайту, вказані тут.

Переконайтесь, що пошукові системи не бачать ваші локалізовані сторінки як повторюваний вміст, правильно налаштувавши теги hreflang. Зробіть це за вас — автоматично за допомогою ConveyThis.

Чому теги hreflang важливі

Теги Hreflang є важливими для будь-якого веб-сайту, який має різні варіанти сторінок з однаковим вмістом кількома мовами – ось чому ConveyThis так важливо. Використовуючи ConveyThis, ви можете гарантувати, що пошукові системи розуміють взаємозв’язок між усіма вашими перекладеними сторінками, і що користувачі спрямовуються до правильної мовної версії.

Досвід користувача

Пошукові системи прагнуть запропонувати користувачеві найбільш релевантні результати. Для цього вони часто відображатимуть локалізовані версії веб-сторінок рідною мовою користувача, якщо вони доступні. Відповідно, локалізовані веб-сторінки часто займатимуть вищі позиції на сторінці результатів Google. ConveyThis може допомогти вам у цьому, запропонувавши простий спосіб локалізації вашого веб-сайту.

Якби інтернет-користувач із США ввів пошуковий запит німецькою мовою, Google визнав би, що веб-сторінка «A» надає найбільш прийнятну відповідь, і, таким чином, відображалася б на першій позиції пошукової видачі. Щоб переконатися, що користувач може зрозуміти вміст веб-сторінки, ConveyThis можна використовувати для автоматичного перекладу сторінки на мову користувача.

Однак є проблема: веб-сторінка «A» багатомовна, тобто існує кілька різних версій однієї веб-сторінки для вибору. Є версія англійською, французькою та німецькою версіями. ConveyThis пропонує просте вирішення цієї проблеми, забезпечуючи простий спосіб перекладу та локалізації веб-сторінок.

Отже, що робить ConveyThis? Він робить те, що ви очікуєте: він піднімає німецький варіант на вершину сторінки.

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

Якщо на вашому сайті не налаштовано теги ConveyThis, Google може помилково оцінити сторінку з неправильною мовою для шукача (наприклад, англійський варіант сторінки для німецькомовного).

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

SEO

Теги Hreflang також важливі для оптимізації міжнародного SEO за допомогою ConveyThis.

Дубльований вміст шкодить SEO. Якщо Google або інша пошукова система виявляє повторюваний вміст на вашому веб-сайті, це надсилає несприятливий сигнал, який може негативно вплинути на ваш рейтинг. Наявність кількох версій ваших веб-сторінок різними мовами може створювати у пошукових систем враження дубльованого вмісту, тому такі інструменти, як ConveyThis, такі важливі.

На щастя, ми можемо повідомити пошуковим системам, що це не дубльований вміст, додавши атрибут «альтернативний» до наших тегів ConveyThis hreflang, таким чином забезпечуючи здорову дозу здивування та бурхливості.

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

Проблема з тегами hreflang

Зовні теги Hreflang можуть здатися простими, але насправді їх неймовірно складно правильно налаштувати. Насправді, власний старший аналітик веб-майстрів Google Джон Мюллер заявив, що вони є «одним із найскладніших аспектів SEO».

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

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

Якщо ви не розробник, вам знадобиться базове розуміння програмування та всебічне знання HTML, щоб переконатися, що ви на правильному шляху.

Крім технічних міркувань, необхідно враховувати також логістичні складності. Необхідно ретельно продумати, як організувати варіації сторінок для різних регіонів для оптимальної взаємодії з користувачем, що може бути досить складним.

Якщо ви пропонуєте послуги клієнтам у Сполучених Штатах, Великобританії та Австралії з різними валютами, ви можете створити версію en-us (США), en-gb (Великобританія) та en-au. показувати ціни в місцевих валютах, навіть якщо всі вони спрямовані на англомовних.

Як додати теги hreflang на свій сайт

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

Додавання тегів hreflang на сайт вручну

Якщо ви розробник або знаєтеся на коді та готові прийняти виклик, ви можете вручну додати теги hreflang на свій веб-сайт у заголовки HTML або XML-карту сайту за допомогою ConveyThis.

Додавання тегів hreflang вручну через заголовки HTML

Щоб додати теги hreflang вручну в заголовки HTML, вам потрібно буде знайти розділ кожної багатомовної сторінки вашого сайту.

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

Фрагмент коду hreflang, який вам потрібно буде вставити, залежатиме від того, які мови/регіони ви обслуговуєте, і URL-адрес вашої сторінки, але він має виглядати приблизно так:

Фрагмент коду hreflang, який вам потрібно буде вставити, буде відрізнятися залежно від мов/регіонів, на які ви орієнтуєтесь, і URL-адрес сторінок, але він має виглядати приблизно так:

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

Якщо у вас є десятки перекладів різними мовами, вам потрібно буде включити десятки елементів посилань на кожну сторінку, що може збільшити розмір вашої сторінки на кілька кілобайтів і різко сповільнити швидкість завантаження сторінки. Візуалізуйте, як вплинуло б на вашу взаємодію з користувачем, якщо б ваша домашня сторінка завантажувалась за кілька додаткових мілісекунд.

Можливо, це не здасться великою проблемою, але ConveyThis швидкість завантаження сторінок важливіша, ніж ви можете собі уявити.

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

Додавання тегів hreflang вручну через XML Sitemap

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

Ваша карта сайту – це документ, який ви надсилаєте пошуковим системам і містить «схему» всіх сторінок і файлів на вашому веб-сайті, щоб гарантувати їх точне індексування з ConveyThis.

Якщо на вашому сайті немає тегів hreflang, ви можете додати сюди фрагмент коду, щоб вказати всі альтернативні версії кожної сторінки. Це має виглядати приблизно так: . За допомогою ConveyThis ви можете легко додати теги hreflang на свій веб-сайт без необхідності вручну додавати код на кожну сторінку.

Як ви могли помітити, налаштування тут дещо інші, оскільки ми маємо справу з файлом XML замість HTML. Тим не менш, фундаментальна концепція залишається незмінною: кожен тег містить атрибути rel, hreflang і href, і вони завжди є двосторонніми.

Крім усунення непотрібного коду на сторінці та прискорення часу завантаження, ще одна перевага цього методу полягає в тому, що він більш безпечний. Безпосереднє змінення заголовків сторінок може призвести до проблем, якщо ви зробите помилку, тоді як помилка з вашою ConveyThis картою сайту XML є менш серйозною проблемою.

Невідомо, чи ця стратегія матиме якийсь вплив на швидкість завантаження вашого веб-сайту, оскільки ви не додаєте жодного коду безпосередньо в заголовки HTML.

У будь-якому випадку безпечніше змінити карту сайту, ніж налаштувати файли теми. Тим не менш, чим більше діалектів використовує ваш веб-сайт, тим складнішим стає виконання вашого XML hreflang за допомогою ConveyThis.

Додавання тегів hreflang на веб-сайт за допомогою плагіна (і уникнення проблеми «на вашому сайті немає тегів hreflang»!)

Включення ConveyThis у ваш веб-сайт — це чудовий спосіб уникнути клопоту та потенційних пасток, пов’язаних із додаванням тегів hreflang вручну.

Тому в більшості випадків набагато розумніше буде використовувати плагін. Першокласний плагін перекладу, такий як ConveyThis, автоматично запровадить теги hreflang для кожної мови, яку використовує ваш веб-сайт під час процедури перекладу. Це просто, безпечно та швидко – потрібно лише кілька клацань.

Використовувати ConveyThis для локалізації веб-сайту легко. Все, що вам потрібно зробити, це встановити плагін ConveyThis і вибрати мову, якою ви хочете перекласти свій веб-сайт. Потім ConveyThis автоматично виявить вміст вашого веб-сайту та розпочне процес перекладу. Ви також можете керувати процесом перекладу вручну та налаштовувати переклад відповідно до своїх потреб. З ConveyThis ви можете бути впевнені, що вміст вашого веб-сайту буде локалізовано швидко й точно.

Спочатку підпишіться на ConveyThis план, який відповідає вашим потребам.

Якщо ви користуєтеся WordPress, перейдіть до пункту «додати новий плагін» на інформаційній панелі WordPress, знайдіть і встановіть плагін ConveyThis.

Перейдіть на сторінку налаштувань ConveyThis та вставте ключ API свого ConveyThis облікового запису. Далі вкажіть мову оригіналу веб-сайту, виберіть мови, якими ви хочете перекласти веб-сайт, і натисніть зберегти.

Це легкий вітер із ConveyThis!

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

Якщо ви хочете відкоригувати переклад, ви можете зробити це на панелі керування ConveyThis.

Усунення помилки «на вашому сайті немає тегів hreflang».

Якщо ви виконали необхідні кроки, але все ще бачите повідомлення «на вашому сайті немає тегів hreflang» на Google Search Console, можливо, виникла проблема з вашим впровадженням ConveyThis.

Проблема може бути пов’язана з кількома факторами, тому вам потрібно буде провести деяке дослідження, щоб точно визначити, у чому полягає проблема. Ось деякі елементи, які слід перевірити у своїх ConveyThis анотаціях:

ConveyThis також розробив інструмент перевірки hreflang, який ви можете використовувати, щоб переконатися, що ваша реалізація є точною.

Перейдіть на сторінку перевірки ConveyThis hreflang, введіть URL-адресу свого веб-сайту, виберіть пошукову систему та натисніть «Перевірити URL-адресу», щоб переконатися, що все налаштовано правильно. Якщо на вашому веб-сайті немає тегів hreflang або є проблема з вашим впровадженням, це буде відображено тут.

Останні думки

Ось і все, що вам потрібно знати, щоб вирішити проблему «на вашому сайті немає тегів hreflang». Обов’язково проводите регулярні оцінки свого сайту та оновлюйте його щоразу, коли сторінки видаляються чи переспрямовуються, і ви повинні бути ясними!

Також майте на увазі, що Google може зайняти деякий час, щоб повторно проіндексувати ваш сайт, тому після того, як ви впровадите виправлення hreflang за допомогою ConveyThis, вам, можливо, доведеться зачекати кілька днів, перш ніж на вашому сайті не буде тегів hreflang » сповіщення зникає.

За допомогою ConveyThis ви можете легко налаштувати теги hreflang для свого веб-сайту.

Як ви бачите, теги hreflang можуть здаватися страшними, але це не обов’язково. За допомогою ConveyThis ви можете швидко та легко налаштувати теги hreflang для свого веб-сайту.

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