Атрибуты hreflang и alternate — зачем и как их использовать

14
14
Атрибуты hreflang и alternate — зачем и как их использовать
Мануалы

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

В рамках этого поста я подробно расскажу об атрибутах hreflang и alternate, их предназначении, а также о правильном внедрении и влиянии на SEO.

1. Атрибут hreflang и его предназначение

Для начала предлагаю разобраться с языковыми версиями сайта. Посмотрим, как Google Brazil отражает языковые варианты для запроса [купить билеты на самолёт] на португальском. Обратите внимание, я использовала прокси-сервер для региона Бразилия.

Google Brazil

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

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

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

Hreflang применяется в трёх случаях:

  1. Для указания региональных версий контента (en-us и en-gb);
  2. Для указания контента на разных языках;
  3. Для комбинации разных языков и региональных отличий.

Атрибут hreflang нужен сайту если:

  • Существуют страницы с идентичным контентом, но на разных языках.
  • Перевод распространяется на некоторые элементы страницы, а не на всё её содержимое. Подобные случаи встречаются на сайтах, где контент создаётся самими пользователями (форумы, соцсети).
  • На сайте есть ряд почти полностью идентичных страниц, предназначенных для разных регионов.

1.1. Преимущества hreflang для SEO

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

В случае оптимизации мультиязычных сайтов hreflang является обязательным для внедрения по ряду причин:

  • Он позволяет избежать дублирования контента на сайте. Например, когда страница доступна на английском языке для жителей Великобритании и США и содержит аналогичный контент для обеих стран, атрибут hreflang поможет указать поисковой системе, что эти версии сайта предназначены для разных регионов.
  • Он помогает расширить международный охват аудитории.
  • Повышает конверсию и снижает показатель отказов.

1.2. Основы технической реализации

Правила внедрения hreflang:

  • Атрибут прописывается для каждой страницы отдельно.
  • Альтернативные страницы должны отдавать код 200 OK и быть открыты для индексации.
  • Задаётся значение «x-default», чтобы указать языковую страницу по умолчанию посетителям, для которых не нашлось альтернативных версий страниц.

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

<link rel="alternate" href="https://C3PO.com/en/" hreflang="en-US" /> <link rel="alternate" href="https://C3PO.com/it/" hreflang="it-IT" /> <link rel="alternate" href="https://C3PO.com/fr/" hreflang="fr-FR" /> <link rel="alternate" href="https://C3PO.com/" hreflang="x-default" />

Внедрить атрибут hreflang можно через:

  • HTML-теги;
  • HTTP-заголовки;
  • XML Sitemap.

В атрибут hreflang должны быть включены данные о языке и информация о стране. Атрибут языка должен соответствовать формату ISO 639-1 (двухбуквенный код).

Google может исправить некоторые распространённые ошибки в региональных кодах. К примеру, en-uk и en-gb. Тем не менее, en-eu не сработает, так как eu не показывает регион.

Указывать страну совсем необязательно, но если вы указываете, то обязательно в формате ISO 3166-1 Alpha. Часто вебмастера допускают ошибки в коде региона, так что воспользуйтесь официальными списками для проверки.

1.3. Проверка настройки атрибутов в Netpeak Spider

Чтобы проверить правильность внедрения атрибута, я воспользуюсь краулером Netpeak Spider.

  1. Запустите Netpeak Spider.
  2. Зайдите в меню «Настройки» → «Парсинг».

    Парсинг Netpeak Spider
  3. Включите опцию «Использовать парсинг HTML данных». В строку поиска вставьте link[hreflang] (для всех значений) или link[hreflang='en'] (для англоязычной или любой другой определённой языковой версии). Режим сканирования — CSS-селектор. Извлечение данных — весь HTML-элемент. Для удобства задайте название для каждого потока.

    Настройки парсинга
  4. Нажмите «OK» для сохранения настроек.
  5. Введите URL сайта в строке поиска.
  6. Перейдите на боковую панель на вкладку «Параметры». Если вам не требуется полностью проводить аудит сайта, вы можете убрать ненужные параметры, чтобы ускорить процедуру. Но при этом обязательно следует отметить параметры, относящиеся к «Парсингу».
  7. Запустите сканирование, нажав кнопку «Старт».
  8. После завершения перейдите на боковую панель на вкладку «Отчёты» → «Парсинг».
  9. Чтобы просмотреть страницы, на которых присутствуют или отсутствуют искомые атрибуты, кликните на соответствующее значение на вкладке и нажмите «Показать выбранные».

    Результаты
  10. Вы можете выгрузить отчёт, нажав на приборной панели «Экспорт» → «Все данные парсинга».
    Экспорт
  11. Выгрузить отчёт можно также непосредственно из таблицы с данными парсинга → она открывается, если кликнуть на кнопки «Все результаты» или «Показать выбранные». Затем в левом верхнем углу окна нажмите на «Экспорт». Обратите внимание, что таким способом выгружается максимум 15 результатов поиска по каждому условию парсинга. Необходимое значение выставляется в окошке «Макс. число результатов / условие парсинга».

    Экспорт с ограничением

1.4. Проверка наличия атрибута hreflang в Netpeak Checker

  1. Запустите Netpeak Checker.
  2. В меню «Список URL» выберите удобный вам способ, чтобы добавить анализируемые URL. Если нужен список URL одного сайта, вы можете получить его с помощью Netpeak Spider.
  3. В «Параметрах» на боковой панели отметьте пункты «Hreflang: количество тегов» и «Hreflang».
    Запустите сканирование, нажав «Старт».
  4. По завершению сканирования выгрузите полученные результаты для дальнейшей работы, нажав кнопку «Экспорт» на приборной панели.

    Сохранение результатов

2. Атрибут alternate

Использование rel="alternate" является важным элементом оптимизации мультиязычных сайтов для верного восприятия поисковиками. Благодаря этому атрибуту роботы поисковых систем смогут идентифицировать языковые варианты и мобильную версию одного и того же URL-a и показывать пользователям релевантный контент.

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

<link rel="alternate" hreflang="zz-XX" href="URL" />
  • вместо «zz» вставляем код языка (в формате ISO 639-1),
  • «XX» — региона (ISO 3166-1 Alpha 2);
  • URL — абсолютный URL альтернативной страницы.
  • Информация про все версии сайта должна помещаться в код каждой из страниц. Необходимо проставить атрибут «rel="alternate" hreflang="zz-XX, а также ссылки на все остальные версии.

    2.1. Применение атрибута alternate

    Атрибут rel="alternate" следует использовать в следующих случаях:

    • Содержимое страниц полностью переведено.
    • На другой язык были переведены лишь некоторые части сайта;
    • Контент размещён на том же языке, но имеет ряд отличий для разных стран. К примеру, содержимое страниц на португальском языке будет разным для пользователей Бразилии, Анголы и Португалии.

    Подводим итоги

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

    • Атрибут hreflang — это способ пометить страницы с абсолютно одинаковым контентом на разных языках и для нескольких стран. Атрибут препятствует склейке страниц. Есть 3 способа внедрения hreflang: с помощью HTML-тегов, ХML-карты и HTTP-заголовков.
    • Атрибут rel="alternate" необходим, чтобы показать поисковикам язык и мобильную версию того же URL сайта.