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

Нажав кнопку "Принять и продолжить", вы соглашаетесь с Политики конфиденциальности

Принять и продолжить

Закрыть

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

Отменить
1188 1 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 в коде страниц ресурса и успешное их устранение позволит получить максимальный эффект от данного атрибута.
Эта статья — часть модуля «Аудит сайта» в Serpstat
«Аудит сайта» в Serpstat
Аудит всего сайта или отдельной страницы в один клик. Полный список ошибок, отсортированный по критичности, пути их устранения и рекомендации. Любая периодичность проверки и автоматическая рассылка отчетов на почту.
Запустить аудит сайта

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами ;)

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

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

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

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

Свяжитесь с нашей службой поддержки
Или подтвердите регистрацию с помощью Телеграм бота Перейдите по этой ссылке
Выберите один из проектов

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

Экспорт недоступен для вашего тарифного плана. Вам необходимо улучшить свой тариф до Lite или выше, чтобы получить доступ к инструменту Подробнее

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

Вы достигли лимита на количество созданных проектов и больше не можете создавать новые проекты. Увеличьте лимиты или удалите существующие проекты.

Я хочу больше лимитов