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

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

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

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

Отменить
2203 2
How-to Читать 8 минут 22 октября 2018

Как настроить языковую разметку hreflang на сайте

Как добавить языковую разметку hreflang на сайт
ЧЕК-ЛИСТ: ТЕХНИЧЕСКАЯ ЧАСТЬ — КОД СТРАНИЦ
Инструкцию одобрил SEO Classifieds Specialist в Inweb
hreflang — это тег, который не допускает
склеивание двух страниц сайта. Тег сообщает поисковым роботам, что страницы созданы на разных языках или для разных регионов.
Иногда сайту необходимо несколько идентичных страниц. Они создаются не с целью манипулировать выдачей, а под разные регионы и языки. Используйте тег, чтобы не попасть под склейку выдачи. Если не внедрить языковую разметку, боты сочтут страницы идентичными и склеят их. В результате одна из страниц не попадет в индекс и не будет ранжироваться. Вы потеряете позиции в поисковой выдаче и клиентов.

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

Способы внедрения

#1

Теги HTML

Если у вас нет карты сайта sitemap.xml, хорошим способом станет внедрение тега в HTML разметку сайта. Структура языкового тега hreflang в данном случае такая:
<link rel="alternate" hreflang="lang_code"…>
Lang code здесь означает язык и регион страницы. С помощью тега alternate вы указываете, куда направлен таргетинг для этой страницы. Регион указывать необязательно. Обратите внимание, что данные указывают согласно языковым стандартам. Если в данном пункте совершена ошибка, то код не будет работать.
Код региона вы можете посмотреть здесь. Справочная Яндекс поиска сообщает о стандартах, которые нужно соблюдать:
Google по коду страны не поймет, что альтернативная страница на другом языке, если вы этого не укажите. Поэтому указывайте код страны только после языка:
Url of page содержит полный интернет адрес идентичной страницы. Укажите его обязательно. Укажите все версии страниц в перелинковке. Например, страница 1 должна содержать ссылку на
страницу 2. Таким образом, разметка будет правильно работать. На скриншоте показано, как для url адреса страницы http://domain.com/page1 будет выглядеть перелинковка с альтернативными версиями:
Обычно язык указывают в нижнем регистре, а регион — в верхнем. Большого значения это не имеет, но существуют общепринятые правила, которые лучше соблюдать. Разместите код с тегом hreflang и обязательно перечислите другие версии страницы, как описывалось в перелинковке.
За примером обратитесь к справке Google:
Для каждой страницы пропишите индивидуальную перелинковку. Для перечисленных в примере адресов вот такой фрагмент кода будет перенаправлять пользователей из разных регионов на главную страницу:
Располагайте элемент кода на каждой странице. В секции head до закрывающего тега для блока. Об этом вы можете прочесть детальнее в поддержке. Не рекомендуется размещать тег перед Title и Description. Чтобы проверить правильность внедрения тега, воспользуйтесь валидатором.
#2

Заголовки HTTP

Еще один способ внедрить теги языковой принадлежности — это использование заголовков HTTP. Здесь код будет выглядеть следующим образом:
Link: <url1>; rel="alternate"; hreflang="lang_code_1", <url2>; rel="alternate"; hreflang="lang_code_2"…
Разбираем его на составляющие. Здесь url1 означает адрес страницы с региональной или языковой принадлежностью, то есть адрес альтернативной страницы. Lang code содержит информацию о языке для страницы, о кодах которых было написано выше. Link, Alternate — элементы синтаксиса.

Внедрение кода в заголовки, как правило, используются в тех случаях, когда мы имеем дело не с HTML страницей, а PDF форматом. Пример внедрения такого элемента содержится в справке Google:
Пример link rel sitemap
#3

Карты сайта или sitemap.xml

Наиболее используемый метод для внедрения языковой принадлежности через карты сайта. Здесь, добавляя теги, укажите все альтернативные версии страниц. Используйте в данном случае элемент <loc>, в котором пропишите интернет адрес страницы, а ее региональные или языковые версии выделите тегами <xhtml:link>. Внимательно соблюдайте основные правила, предписанные Google:
Правила для файлов sitemap
Sitemap для носителей разных языков, например, английского, немецкого и для других регионов будет выглядеть так:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
 xmlns:xhtml="http://www.w3.org/1999/xhtml">
 <url>
   <loc>http://example.com/ru/</loc>
   <xhtml:link
                rel="alternate"
                hreflang="ua"
                href="http://www.example.com/ua/"
                />
   <xhtml:link
                rel="alternate"
                hreflang="en"
                href="http://www.example.com/en/"
                />
   <xhtml:link
                rel="alternate"
                hreflang="ru"
                href="http://www.example.com/ru/"
                />
 </url>
 <url>
   <loc>http://www.example.com/deutsch/</loc>
   <xhtml:link
                rel="alternate"
                hreflang="ru"
                href="http://www.example.com/ru/"
                />
    <xhtml:link
                rel="alternate"
                hreflang="en"
                href="http://www.example.com/en/"
                />
    <xhtml:link
                rel="alternate"
                hreflang="ua"
                href="http://www.example.com/ua/"
                />
 </url>
 <url>
   <loc>http://www.example.com/en/</loc>
    <xhtml:link
                rel="alternate"
                hreflang="ru"
                href="http://www.example.com/ru/"
                />
    <xhtml:link
                rel="alternate"
                hreflang="ua"
                href="http://www.example.com/ua/"
                />
<xhtml:link
                rel="alternate"
                hreflang="en"
                href="http://www.example.com/en/"
                />
 </url>
</urlset>
Не забывайте прописывать тег rel alternate перед каждой языковой версией, иначе код получится некорректным.

Общие правила при внедрении языковой разметки

  • Используйте полные адреса альтернативных ссылок при перелинковке. Учитывайте протокол. Например: http://example.domain1.com.

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

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

  • Если вы столкнулись с ситуацией, когда в системе ISO нет стандартизованного кода для языка, используйте тег x-default. Такой вариант тега применяют, когда в браузере действуют другие языковые и региональные настройки. Но в таком случае предлагайте пользователям самостоятельно выбирать языковую и региональную версию.

Где обычно допускаются ошибки?

1
Перечисляют не все варианты страниц и нарушают правило перелинковки.
2
Указывают неправильные коды.
В первом случае роботы поиска склеят страницы, так как код не будет работать. Во втором случае — сайт некорректно отобразится в выдаче.
Часто ошибки возникают при изменении формирования URL-адресов для какой-то языковой версии, когда забывают внедрять изменения для hreflang. Например, ру-версия сайта была http://site.ru/ru/category/, а стало http://site.ru/category.

Проверить на предмет ошибок таргетинга можно через Google Search Console. Перейдите в панель, в левом меню разверните раздел Поискового трафика и там найдите кнопку, отвечающую за таргетинг:
Таргетинг по странам и языкам Google Search Console
Результаты отобразятся после индексирования страниц. На это уйдет время.
Если вы хотите проверить настройки таргетинга быстрее, воспользуйтесь внешними ресурсами. Technicalseo выполняет проверку правильности настроек языковой разметки.
Проверка валидности hreflang
Атрибут hreflang будет указан в отчете, который доступен без регистрации:
Атрибут hreflang на странице
Еще один способ проверки с помощью вспомогательных сервисов —hreflang.ninja. Работает по тому же принципу:
Проверка разметки hreflang.ninja
Сервис проверяет только HTML код и теги в заголовках! Если вы внедрили разметку через sitemap, то здесь это не отобразиться:
Проверка разметки hreflang на валидность

Заключение

Языковая разметка hreflang помогает настроить таргетинг и языки на определенные регионы. Это улучшает ранжирование в выдаче и предотвращает возможность попасть под склейку. Внедрить тег можно тремя способами:
1
С помощью тега в HTML.
2
С помощью заголовков HTTP.
3
Через Sitemap.xml.
При настройке укажите все альтернативные страницы и правильные коды региона, языка по системе ISO. Ошибка в одном из пунктов будет означать, что тег не будет работать. Проверяйте правильность размещения тега через специальные валидаторы. Чтобы проверить работает ли тег в целом, вы можете воспользоваться вспомогательными инструментами Technicalseo и hreflang.ninja.
Эта статья — часть модуля «Список задач» в Serpstat
«Список задач» — готовый to-do лист, который поможет вести учет
о выполнении работ по конкретному проекту. Инструмент содержит готовые шаблоны с обширным списком параметров по развитию проекта, к которым также можно добавлять собственные пункты.
Начать работу со «Списком задач»

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

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

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

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

5 из 5 на основе 2 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.
Хотите узнать новые фишки по интернет-маркетингу?
Подпишитесь на нашу рассылку — только полезные статьи, реальные кейсы и новости Serpstat раз в неделю.

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

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

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

Или 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
Сообщение
необязательно

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

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

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