11969 2
How-to Читать 10 минут 8 апреля 2019

Как обнаружить конфликты атрибутов hreflang в коде страницы и устранить их

Конфликт атрибутов hreflang на странице
АУДИТ САЙТА — АТРИБУТЫ HREFLANG
Инструкцию одобрил
Head of SEO в iProspect Ukraine
Атрибут hreflang помогает поисковой системе идентифицировать версию веб-страницы, которая соответствует языку и региону пользователя, и показать ее в выдаче. Однако в процессе использования атрибутов hreflang могут возникать конфликты, приводящие к некорректной выдаче.
Сайт, имеющий несколько языковых версий, свойственен не только масштабным международным проектам вроде сервисов бронирования отелей или авиакомпаний. Сегодня растет число сравнительно небольших интернет-магазинов, которые желают расширить целевую аудиторию и дают возможность посетителям выбирать в функционале сайта подходящий язык.

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

Преимущества настройки мультиязычности сайта

Атрибуты hreflang и SEO

Использование hreflang влияет на индексацию веб-страниц, а также помогает поисковой системе определить похожие страницы, как отдельные языковые версии, а не дублированный контент. Особенно это важно при использовании похожих языков, например, русского и белорусского или английского для жителей Канады и США. С помощью данных атрибутов поисковая система распознает языковую и региональную структуру ресурса.

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

Удобство для пользователей

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

Увеличение прибыли

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

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

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

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

Если на сайте нет атрибутов hreflang

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

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

  • в папках внутри сайта (site.com/en и site.com/ru);

  • на поддоменах (en.site.com и ru.site.com);

  • на разных доменах (ensite.com и rusite.com).

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

Как использовать атрибут hreflang

C помощью rel="alternate" hreflang="x" можно обозначить существующие варианты страниц. Например, атрибут hreflang, указывающий на использование английского языка для США, может выглядеть так:
<link rel="alternate" hreflang="en-us" href="http://mysite.com/en-us/">
Связка en-us получена путем указания кода языка в формате ISO 639-1 и добавления к нему региона согласно системе кодов стран ISO 3166-1 Alpha 2. Это означает, что контент страницы рассчитан на англоговорящих пользователей на территории США.

Прописывать регион в рамках hreflang не обязательно. Если убрать «us», это будет означать, что страница рассчитана на всех англоговорящих пользователей: как в США, так и в Великобритании, Австралии и т.д.
Схема работы атрибута hreflang
Каждый атрибут hreflang должен включать в себя:

  • ссылки на существующие языковые варианты данной страницы;
  • протокол http/https в тексте ссылки.

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

Например, если со страницы site.com/ru стоит hreflang на site.com/en, а на странице site.com/en не стоит hreflang на русскую версию ru, то такой hreflang не учитывается Google. В сервисе Search Console появляется ошибка «Hreflang — нет обратных ссылок».

В целом атрибут hreflang предусматривает три основных варианта реализации.

Теги HTML

В этом случае атрибуты hreflang являются частью кода страницы. Чтобы использовать данный метод в html-коде, следует указать набор ссылок <link> в блоке <head> в верхней части страницы. Эту же комбинацию ссылок следует использовать во всех вариантах исходной страницы.

Карта сайта

Файл Sitemap.xml помогает сообщить поисковой системе о наличии альтернативных страниц. Для реализации метода нужен элемент <loc> и дочерние теги <xhtml:link>. Первый тег содержит в себе URL основной страницы: <loc>https://mysite.com/ua/</loc>. В рамках <xhtml:link> нужно разместить ссылки, определяющие язык и месторасположение:
<xhtml:link rel="alternate" hreflang="ua" href="https://mysite.com/ua/" />
<xhtml:link rel="alternate" hreflang="en" href="https://mysite.com/en/" />
Как было замечено выше, атрибут hreflang должен содержать ссылку на исходную страницу. В данном случае у страницы есть две языковые версии — украинская и английская.

Заголовок HTTP

Этот метод часто используют для документов, не относящихся к html-формату. Например, на сайте ресторана есть два варианта меню в pdf — на местном и английском языке. Используем hreflang, чтобы показать поисковому роботу оба варианта:
Link: <https://ua.cafe.com/menu.pdf>;
rel="alternate"; hreflang="ua",
<https://en.cafe.com/menu.pdf>;
rel="alternate"; hreflang="en"

Что такое Hreflang="x-default"

Иногда язык браузера пользователя не соответствует ни одной из языковых версий вашего сайта. Оптимальным вариантом в этом случае будет выбрать один из языков по умолчанию и направить юзера на нее. Для этого используют значение hreflang="x-default".
link rel="alternate" hreflang="x-default" href="https://www.mysite.com/"

Как проверить валидность атрибутов hreflang

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

Предыдущая версия сервиса для вебмастеров Google Search Console содержала раздел «Таргетинг по странам и языкам» для управления тегами hreflang и указания целевых регионов. В новый интерфейс эту функцию пока не перенесли.
Таргетинг по странам и языкам в Google Search Console
В качестве инструментов тестирования могут пригодиться такие бесплатные сервисы:

Инструмент для проверки валидности hreflang Tags Testing Tool

Конфликты атрибутов hreflang

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

No self-referencing hreflang (Отсутствие автореферентного атрибута hreflang)

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

Решение: включить ссылку на исходную страницу в html-документе, используя элемент <link>, или добавить ее в <xhtml:link> карты сайта. Впрочем, представители Google отмечали, что ссылка hreflang на саму себя — «хорошая практика», но опциональная, а не обязательная.
Ошибка No self-referencing hreflang

Conflicting hreflang URLs (Конфликты hreflang в URL)

Частая причина возникновения этой проблемы — некорректный синтаксис адреса страницы. Следует помнить, что каждый URL в рамках атрибута hreflang должен быть указан целиком и начинаться с названия протокола http или https.

Решение: проверить правильность URL и наличие в адресе протокола http/https.

Conflicting hreflang and rel=canonical (Конфликты атрибутов hreflang и rel="canonical")

Ошибка говорит о том, что каноническая ссылка rel="canonical" направлена на языковую версию, отличную от исходной. Каноническая ссылка выполняет функцию указателя для поискового робота.

Альтернативные страницы могут быть распознаны как дублированный контент, и задача rel="canonical" — обозначить приоритетную языковую версию и ее аналоги. Связка атрибутов hreflang и rel="canonical" показывает разные варианты определенной веб-страницы, обозначая ее как приоритетную для поискового робота.

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

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

Найти ошибки на сайте, связанные с конфликтом атрибутов hreflang можно с помощью модуля «Аудит сайта». В отчете вы найдете описание ошибки и подсказку для ее решения.
Как обнаружить конфликты атрибутов hreflang в коде страницы и устранить их 16261788254111
Хотите узнать, как использовать Serpstat для поиска ошибок на сайте?

Заказывайте бесплатную персональную демонстрацию сервиса, и наши специалисты вам все расскажут! ;)
Как обнаружить конфликты атрибутов hreflang в коде страницы и устранить их 16261788254112

Заключение

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

Указание поисковым системам на альтернативные страницы влияет на ранжирование сайта в результатах поиска. Отслеживание конфликтов hreflang в коде страниц ресурса и успешное их устранение позволит получить максимальный эффект от данного атрибута.
Эта статья — часть модуля «Аудит сайта» в Serpstat
«Аудит сайта» в Serpstat" title = "Как обнаружить конфликты атрибутов hreflang в коде страницы и устранить их 16261788254113" />
Аудит всего сайта или отдельной страницы в один клик. Полный список ошибок, отсортированный по критичности, пути их устранения и рекомендации. Любая периодичность проверки и автоматическая рассылка отчетов на почту.
Запустить аудит сайта

Serpstat — набор инструментов для поискового маркетинга!

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

Набор инструментов для экономии времени на выполнение SEO-задач.

7 дней бесплатно

Оцените статью по 5-бальной шкале

3.5 из 5 на основе 4 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Используйте лучшие SEO инструменты

Подбор ключевых слов

Поиск ключевых слов – раскройте неиспользованный потенциал вашего сайта

Возможности Serpstat

Возможности Serpstat – комплексное решение для эффективного продвижения вебсайтов

Кластеризация ключевых слов

Кластеризация ключевых слов автоматически обработает до 50 000 запросов в несколько кликов

SEO аудит страницы

Проанализируйте уровень оптимизации документа используя SЕО аудит страницы

Поделитесь статьей с вашими друзьями

Вы уверены?

Знакомство с Serpstat

Узнайте об основных возможностях сервиса удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Я принимаю условия Политики конфиденциальности.

Спасибо, мы сохранили ваши новые настройки рассылок.

Сообщить об ошибке

Отменить
Открыть чат технической поддержки
mail pocket flipboard Messenger telegramm