– Читать 8 минут –

22 октября 2018

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

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

ЧЕК-ЛИСТ: ТЕХНИЧЕСКАЯ ЧАСТЬ — КОД СТРАНИЦ

Инструкцию одобрил SEO Classifieds Specialist в Inweb

Виктор Саркисов

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

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

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

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

Теги 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. Чтобы проверить правильность внедрения тега, воспользуйтесь валидатором.

Заголовки 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:

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

Наиболее используемый метод для внедрения языковой принадлежности через карты сайта. Здесь, добавляя теги, укажите все альтернативные версии страниц. Используйте в данном случае элемент <loc>, в котором пропишите интернет адрес страницы, а ее региональные или языковые версии выделите тегами <xhtml:link>. Внимательно соблюдайте основные правила, предписанные Google:

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. Такой вариант тега применяют, когда в браузере действуют другие языковые и региональные настройки. Но в таком случае предлагайте пользователям самостоятельно выбирать языковую и региональную версию.

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

Перечисляют не все варианты страниц и нарушают правило перелинковки.

Указывают неправильные коды.

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

Проверить на предмет ошибок таргетинга можно через Google Search Console. Перейдите в панель, в левом меню разверните раздел Поискового трафика и там найдите кнопку, отвечающую за таргетинг:

Таргетинг по странам и языкам Google Search Console

Результаты отобразятся после индексирования страниц. На это уйдет время.
Если вы хотите проверить настройки таргетинга быстрее, воспользуйтесь внешними ресурсами. Technicalseo выполняет проверку правильности настроек языковой разметки.

Атрибут hreflang будет указан в отчете, который доступен без регистрации:

Еще один способ проверки с помощью вспомогательных сервисов —hreflang.ninja. Работает по тому же принципу:

Сервис проверяет только HTML код и теги в заголовках! Если вы внедрили разметку через sitemap, то здесь это не отобразиться:

Проверка разметки hreflang на валидность

Заключение

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

С помощью тега в HTML.

С помощью заголовков HTTP.

Через Sitemap.xml.

При настройке укажите все альтернативные страницы и правильные коды региона, языка по системе ISO. Ошибка в одном из пунктов будет означать, что тег не будет работать. Проверяйте правильность размещения тега через специальные валидаторы. Чтобы проверить работает ли тег в целом, вы можете воспользоваться вспомогательными инструментами Technicalseo и hreflang.ninja. Также можно проанализировать страницу сайта с помощью инструмента Serpstat.

Эта статья — часть модуля «Список задач» в Serpstat

«Список задач» — готовый to-do лист, который поможет вести учет
о выполнении работ по конкретному проекту. Инструмент содержит готовые шаблоны с обширным списком параметров по развитию проекта, к которым также можно добавлять собственные пункты.

Начать работу со «Списком задач»

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

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

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

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

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

4 из 5 на основе 6 оценок

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

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

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

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

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

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

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

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

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

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