Hreflang: Полное руководство для начинающих

Hreflang: Полное руководство для начинающих

Что делать, есть ли у вас есть веб-страницы, которые постоянно получают трафик от пользователей, говорящих на совершенно другом языке, чем тот, на котором написана страница, или Вы работаете с аудиторией в другой стране, но не знаете, как обеспечить ей индивидуальный подход?

/

Что такое Hreflang?

Чтобы понять, что такое hreflang, полезно сначала понять, что такое href. Согласно W3Schools, href — это HTML-атрибут, указывающий место назначения ссылки. Другими словами, всякий раз, когда вы видите гиперссылку на веб-сайте, атрибут href отвечает за то, чтобы указать, на какую страницу перейти при нажатии на нее.

В сочетании с тегом ссылки <a> атрибут href выглядит следующим образом:

<a href="URL">

Если добавить немного анкорного текста, он будет выглядеть так:

<a href="URL">анкорный текст</a>

Итак, при чем здесь hreflang? Как объясняет W3Schools, он служит для указания языка страницы, на которую делается ссылка. Вот как это выглядит в действии – в этом примере говорится, что язык URL, на который он указывает, – английский:

<a href="URL" hreflang="en">анкорный текст</a>

Однако при внедрении в HTML-код страницы тег hreflang вместо этого использует следующий синтаксис:

<link rel="alternate" hreflang="en" href="https://example.com/alternate-en-page" />

Если присмотреться, то можно увидеть, что двухбуквенная комбинация en — это то, что указывает на английский язык. Это так называемый код языка, который определяется стандартом ISO 639-1. Там вы можете найти двухбуквенный код практически для всех существующих языков, от абхазского до зулусского:

Стандарт ISO 639-1

Таким образом, с помощью тега hreflang и точного кода языка любой атрибут href (т.е. гиперссылка) может иметь точный язык еще до того, как пользователь нажмет на него.

Значение Hreflang для SEO

Просто знать, что такое hreflang, недостаточно. В глубине вашего сознания все еще встает один вопрос: “Имеет ли hreflang значение для SEO?”.

Как и в случае со многими другими подобными вопросами, ответ на него – “и да, и нет”. Объясню:

Важно отметить, что сам по себе тег hreflang не является фактором ранжирования, как подтвердил Джон Мюллер в марте 2022 года:

Однако hreflang оказывает косвенное влияние на SEO в том смысле, что улучшает восприятие пользователем страницы, отображаемой на его языке, а лучший пользовательский опыт, как правило, равен лучшему рейтингу.

Смотрите дальше, если вы являетесь носителем английского языка и нажимаете на ссылку только для того, чтобы страница отображалась на немецком языке, то вы, вероятно, не проведете много времени на странице, не говоря уже о том, чтобы взаимодействовать с ней или нажать кнопку покупки. Если же страница будет отображаться на английском языке, вы сможете понять все, что предлагает сайт, и с гораздо большей вероятностью останетесь на нем и, возможно, даже совершите конверсию (т.е. совершите действие, например, сделаете покупку или подпишитесь на рассылку по электронной почте).

А в свете обновления Google Page Experience и других новшеств, ориентированных на пользователя, любой SEO-профессионал знает, насколько важно улучшать пользовательский опыт всеми возможными способами.

Как создать тег Hreflang?

Новички в HTML, возрадуйтесь: создать тег hreflang очень просто. Для этого нужно просто вставить правильный код языка в формат hreflang, который мы показали вам выше.

Например, вот как это будет выглядеть, если вы используете код языка ko, чтобы указать, что страница должна отображаться на корейском языке:

<a href="URL" hreflang="ko">анкорный текст на корейском :)</a>

Вот и все! Если вы умеете копировать и вставлять, то все готово.

Интересно, что делать, если вам нужно указать не только язык страницы, на которую вы ссылаетесь, но и конкретный регион, говорящий на этом языке? Это тоже несложно.

Допустим, вам нужно указать, что страница, на которую вы ссылаетесь, должна отображаться на британском, а не на американском английском языке. Тогда вам нужно просто добавить код страны (точнее, код ISO 3166-1 alpha-2 code) к выбранному коду языка через дефис. В данном случае код страны gb может быть использован для указания Великобритании следующим образом:

<a href="URL" hreflang="en-gb">анкорный текст</a>

И наоборот, вы можете использовать код страны us, чтобы указать Соединенные Штаты.

Как лучше всего использовать Hreflang

Теперь вы знаете, что такое hreflang и как создать тег hreflang, но как убедиться, что вы используете hreflang правильно? Самое мудрое решение – следовать руководствам, изложенным Google и его командой.

Не перебарщивайте

Рассматривая все многочисленные возможности, которые открывает hreflang, легко увлечься. В конце концов, что если кто-то из Зимбабве захочет посетить ваш сайт?

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

Джон Мюллер хорошо подытожил этот принцип, давая совет пользователю Reddit:

Джон Мюллер

“Моя рекомендация заключается в том, чтобы… ограничить количество создаваемых страниц теми, которые являются абсолютно важными и ценными.
Проще говоря, не создавайте страницы на других языках только потому, что вы можете. Вместо этого делайте это только тогда, когда это действительно необходимо. Если вы не видите большого количества трафика от запросов, сделанных на других языках, то, вероятно, вам это не нужно.”

Теги Hreflang должны указывать друг на друга

Руководство Google по hreflang не может сформулировать это более четко: “Если две страницы не указывают друг на друга, теги будут проигнорированы”. Они объясняют, что это сделано для того, “чтобы кто-то на другом сайте не мог произвольно создать тег, называющий себя альтернативной версией одной из ваших страниц”.

Другими словами, теги hreflang ваших страниц должны выполнять своего рода рукопожатие – если испанская страница имеет тег hreflang, ссылающийся на греческую страницу, то греческая страница должна ответить взаимностью. Это доказывает Google, что вы являетесь владельцем обеих страниц.

Если вы не сделаете так, чтобы теги hreflang на ваших страницах указывали друг на друга, Google просто проигнорирует эти теги.

Страницы с тегами Hreflang должны ссылаться на самих себя

Рекомендации Google снова приходят на помощь, на этот раз с утверждением, что “каждая языковая версия должна перечислять себя, а также все остальные языковые версии”.

Иными словами, страницы с тегами hreflang должны быть самореференциальными. Так, если у вас есть китайская версия страницы, она должна не только использовать теги hreflang для ссылок на страницы на других языках, кроме китайского – она также должна ссылаться на саму себя.

Это помогает Google подтвердить язык, цель и местоположение каждой страницы, чтобы он знал, что находится в нужном месте и мог показать пользователям правильную страницу.

Включите резервные копии

Допустим, посетитель вашего сайта говорит по-английски, но Google не может определить, в какой англоязычной стране он находится – это может быть любая страна, от Австралии, Великобритании до Северной Америки. Какую версию страницы следует им показать?

С помощью универсального URL для всех англоязычных пользователей вы можете гарантировать, что им, по крайней мере, будет показана страница на их родном языке.

Аналогично, Google рекомендует использовать значение x-default для указания резервной версии, которая должна использоваться, когда не удается найти язык или регион, соответствующий настройкам браузера пользователя.

Как добавить Hreflang на свой сайт?

Если вы до сих пор не были знакомы с hreflang, то вам, вероятно, интересно, как его внедрить на свой сайт.

Как выяснилось, есть три допустимых места, куда можно добавить теги hreflang – какое из них использовать, зависит только от вас.

Эти места – ваш сайт:

  • HTML;
  • HTTP headers;
  • sitemap.

Давайте рассмотрим, как добавить теги hreflang в каждое из них.

HTML

Получите доступ к исходному HTML-коду страницы, используя предпочтительный метод (например, WordPress). Перейдите к заголовку и добавьте теги hreflang следующим образом:

<link rel="alternate" hreflang="es" href="https://example.com/es-page" />

Не забудьте поставить ссылку на ту же страницу, которую вы редактируете, а также на все другие версии страницы.

HTTP Headers

Если вам нужно добавить теги hreflang в не-HTML файл (например, PDF), вы можете сделать это через HTTP header файла.

Зайдите в настройки сервера вашего сайта и измените соответствующий HTTP-заголовок, чтобы включить в него теги hreflang, используя следующий формат:

<https://example.com/document.pdf>; rel="alternate"; hreflang="nl"

Sitemap

Если вы хотите использовать одно центральное место, чтобы сообщить поисковым системам о каждой языковой версии каждой страницы, добавление тегов hreflang в карту сайта может стать идеальным решением.

Для начала Google советует вам “добавить элемент , указывающий один URL”. Затем добавьте “дочерние элементы ” для каждого языка и местоположения страницы (включая, разумеется, ее саму).

Для получения дополнительной информации ознакомьтесь с полным списком правил карты сайта Google.

Среди этих трех методов вы обязательно найдете тот, который удобен для вас и соответствует вашим целям.

Как проверить работу Hreflang?

Итак, вы добавили теги hreflang на свой сайт – замечательно! Но как теперь проверить, что они выполняют свои функции?

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

Мы рекомендуем обратить внимание на эти варианты:

Hreflang-generator от SISTRIX
Hreflang-generator от SISTRIX

А если вам нужна помощь в создании идеальных тегов hreflang с самого начала, для этого тоже есть бесплатные инструменты. К ним относятся:

Если у вас многоязычная аудитория, вам нужен Hreflang

Не заблуждайтесь, теги hreflang подходят не всем. Как уже говорил Джон Мюллер, если вам не нужно предоставлять различные версии страниц на разных языках, то, скорее всего, это будет больше проблем, чем пользы.

Но если значительная часть вашей аудитории говорит на другом языке, или проживает в другом регионе, hreflang может улучшить пользовательский опыт таким образом, что это пойдет на пользу и вашим посетителям, и вашему рейтингу.

Предыдущая

Как нанять SEO-фрилансера без проблем в 2022 году?

Следующая

100% cпособы заставить Google индексировать ваши URL страницы быстрее

Последние от Советы