Когда вы публикуете сайт в интернете и хотите сделать его многоязычным, вам нужен тег 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
Тегирование страниц предлагает простой способ добавления тегов 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 в элементы ссылки вашего заголовка 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 в разделах заголовков нескольких URL-адресов, если вы используете метод тегирования страницы. Другие используют методы карты сайта hreflang, чтобы указать язык веб-страницы. Когда вы используете оба метода тегирования hreflang, это вызывает избыточность, и Google может полностью отклонить ваш веб-сайт. Выберите один метод для реализации тега hreflang и убедитесь, что в реализации нет ошибок.
Как внедрить теги Hreflang с Linguise?
Самый простой способ решить проблему Hreflang - использовать Linguise. Он автоматически генерирует и реализует тег hreflang, поэтому вам не нужно беспокоиться об изучении кода. У него есть настраиваемая система, которая переводит встроенный контент HTML. Эти переводы связаны с метаданными веб-сайта и обеспечивают быстрые результаты.
Проверка реализации языкового тега hreflang
После того как ваш сайт переведён с помощью Linguise, просто щёлкните правой кнопкой мыши в любом месте страницы и нажмите “Inspect” или используйте F12.
У вас будет доступ к инструментам разработчика браузера.
Затем, если моя страница, например, на французском языке, реализованный hreflang должен быть fr.
Подводя итог, тег hreflang автоматически добавляется на вашу переведённую страницу, и тег является глобальным, то есть для французского языка это fr. Поэтому если франкоканадец сделает запрос на французском, страница также будет возвращена ему в приоритетном порядке в поисковых системах.
Заключение
Ошибки Hreflang могут показаться пугающими на первый взгляд, но их легко исправить. Просто воспользуйтесь методами, приведёнными выше, чтобы устранить ошибку и увидеть разницу. Если у вас нет времени исправлять ошибки вручную, вы можете использовать Linguise. Это расширение для автоматического перевода, которое способно устранить любые ошибки hreflang за считанные минуты.
