Когда вы продвигаете сайт на международных рынках, вам приходится работать сразу с несколькими целевыми аудиториями, которые говорят на разных языках и сильно отличаются по культуре, привычкам потребления контента и предпочтениям. Ошибки в глобальной поисковой оптимизации могут обойтись очень дорого и «оттолкнуть» целые сегменты аудитории. Поэтому критически важно уметь правильно разделять версии контента, которые показываются разным группам пользователей. Здесь на помощь приходят атрибуты hreflang. Эти теги помогают поисковым системам понять, для какого языка и региона предназначена конкретная страница, что может сильно повлиять на эффективность глобальной поисковой оптимизации. По сути, они помогают гарантировать, что ваш контент показывается в нужном месте и нужным людям.
В этой статье мы подробно разберём использование ссылочных атрибутов hreflang.
Что такое Hreflang?
Hreflang — это простой HTML-атрибут, который сообщает поисковым системам, на какой язык и регион нацелена конкретная веб-страница вашего сайта. Он помогает различать контент, предназначенный для разных стран или языков, а также «связывает» между собой альтернативные версии одного и того же материала. Допустим, у вас есть одна и та же статья в версиях на английском, французском и испанском языках. Без hreflang поисковые системы легко могут запутаться: какую версию показать пользователям в Канаде? А в Аргентине? С ростом числа стран и языков ситуация усложняется ещё сильнее.
Например, пользователи из США могут искать «sneakers» («кроссовки»), пользователи из Великобритании — «trainers» (тоже «кроссовки»), а пользователи из Сербии — «patike» (аналогичные спортивные кроссовки). И все они на самом деле ищут один и тот же тип товара! Для специалиста по поисковой оптимизации важно, чтобы каждая из этих аудитории попадала на правильную версию сайта, и атрибут hreflang как раз помогает это организовать.
Как работает Hreflang?
Вы, вероятно, замечали, что когда вы что-то ищете в Google, особенно если запрос довольно общий, результаты выдачи чаще всего показываются на языке запроса или на вашем основном языке. Это во многом связано с тем, что Google знает, из какой страны вы заходите, и предполагает, что язык, на котором вы обычно просматриваете страницы, — ваш основной. Поэтому он старается показывать вам контент именно на этом языке.
Даже если вы набираете запрос вроде «Французские рецепты на французском», в поисковой выдаче вы, скорее всего, увидите в основном сайты на русском языке, которые помогают учить французский с помощью рецептов.
Обычно тег hreflang используется в секции <head> HTML-кода вместе с элементом <link>. У тега hreflang есть строго определённый набор значений — это коды языка и, часто, его географического варианта. Например, fr обозначает французский язык, а zh-hans указывает на то, что вы нацелены на аудиторию, говорящую на китайском (упрощённое письмо).
Используя этот атрибут, вы как бы сообщаете поисковым системам, какая именно аудитория является целевой для данной страницы. Когда поисковый робот сканирует ваш сайт, он считывает различные значения hreflang и использует их, чтобы сузить круг пользователей, которым следует показывать ту или иную версию. При корректном выборе hreflang для страны и языка вы можете намного точнее настраивать таргетинг контента на международную аудиторию.
Как составить тег Hreflang
Создание тегов hreflang — это не высшая математика, но важно делать всё строго по правилам. Кратко разберём, как сформировать такой тег:
- Начните с тега <link> в секции <head> вашей страницы.
- Добавьте атрибут rel=»alternate», чтобы указать, что данная страница имеет альтернативные версии.
- Используйте атрибут hreflang, чтобы задать код языка и региона. Например:
Такой код сообщает поисковым системам, что эта страница подходит для широкой франкоязычной аудитории.
Однако, если вы хотите уточнить, что контент написан на канадском варианте французского и предназначен для пользователей из Канады, нужно добавить также код страны:
Обязательно ознакомьтесь со стандартами записи hreflang-кодов для разных стран и языков. Используются следующие соглашения:
- Коды языков (по ISO 639-1) записываются строчными буквами, например: «fr» для французского, «en» для английского.
- Коды стран (по ISO 3166-1 alpha-2) записываются заглавными буквами, например: «US» для США, «CA» для Канады.
Не забывайте про самоссылочный тег hreflang — он указывает обратно на текущую страницу.
- Если у вас есть «универсальная» версия страницы (например, для не охваченных регионов), используйте значение x-default:
Это подсказывает поисковым системам, какую страницу нужно показывать пользователям, для которых не нашлось более точного соответствия. Если человек из неуточнённого региона ищет ваш сайт, ему будет показана именно эта версия.
Лучшие практики внедрения hreflang
При работе с тегами hreflang важно придерживаться нескольких правил.
1. Ваши теги hreflang всегда должны быть двунаправленными
Если на английской версии страницы есть тег hreflang, указывающий на французскую версию, то и на французской странице должен быть тег hreflang, указывающий обратно на английскую версию. Такое взаимное ссылочное соответствие нужно поисковым системам, чтобы подтвердить, что эти страницы являются альтернативами друг другу.
2. Добавляйте самоссылочный тег hreflang
Самоссылочный тег hreflang — это тег, который ссылается на ту же самую страницу, на которой он расположен. Он описывает целевую аудиторию с точки зрения языка и региона и тем самым сообщает поисковым системам, кому именно следует показывать эту версию. Это важно, потому что такой тег укрепляет связь между страницей и её языково-региональным таргетингом.
В приведённом выше примере:
- href=»https://example.com/en-us/» указывает на текущую страницу (англоязычная версия для США).
- hreflang=»en-US» означает, что контент на английском языке и нацелен на пользователей из США.
3. Избегайте пересечения тегов
Убедитесь, что вы не используете пересекающиеся теги. Например, общий языковой тег одновременно с тегом конкретного языково-регионального варианта. Сочетание «en» и «en-US» в hreflang может запутать поисковые системы и помешать им выбрать правильную версию.
4. Используйте теги X-Default
Значение x-default стоит использовать для страниц, которые рассчитаны на максимально широкую аудиторию. Такой тег играет роль «страницы по умолчанию» для пользователей из регионов, для которых у вас нет отдельных версий.
На иллюстрации ниже (по данным Ahrefs) показаны самые распространённые проблемы с тегами hreflang:
Почему Hreflang важен для поисковой оптимизации
На первый взгляд, hreflang может показаться мелочью, но на самом деле эти теги сильно влияют на то, как именно ваш сайт находится, таргетируется и воспринимается пользователями. Ниже перечислены ключевые преимущества корректного использования hreflang для вашей поисковой оптимизации.
1. Улучшает пользовательский опыт
Как уже говорилось выше, пользователи из разных стран и культур по-разному потребляют контент в интернете. У них свои привычки, предпочтения и зачастую совершенно разные представления о том, что кажется привлекательным и кликабельным. Посмотрите, к примеру, на страницы Rakuten Viber, ориентированные на пользователей из США и Японии:
Японская версия
Версия для США
Разница в дизайне бросается в глаза, не так ли? И при этом это отличный пример того, как компания учитывает культурные особенности своих аудиторий. Когда вы создаёте контент с такой точностью и вниманием к вкусам пользователей, вы формируете гораздо более комфортный и логичный путь клиента. А теги hreflang — это технический инструмент, который позволяет доставить этот адаптированный контент нужным пользователям.
2. Влияет на международные позиции в поисковой оптимизации
Теги hreflang — это понятный для поисковых систем сигнал, какая версия страницы лучше всего соответствует потребностям конкретной аудитории. Это помогает улучшить видимость контента в поиске по странам, регионам и языкам. Кроме того, повышая качество пользовательского опыта с помощью hreflang, вы косвенно улучшаете позиции в выдаче, поскольку поисковые системы учитывают хороший пользовательский опыт как один из факторов ранжирования.
3. Снижает риск дублей контента
Если вы не используете теги hreflang, высока вероятность, что поисковые системы могут принять разные языковые версии за дублированный контент. Это способно навредить поисковой оптимизации, потому что повторяющийся контент часто рассматривается как попытка манипуляции поисковой выдачей. Hreflang даёт понять поисковым системам, что это альтернативные варианты одного и того же материала для разных регионов, и тем самым помогает избежать санкций за дубликаты.
4. Помогает с корректной индексацией
Индексация — основа работы поисковой выдачи. Правильное использование hreflang помогает поисковым системам индексировать нужные страницы для нужных пользователей. Вместо того чтобы показывать случайную версию сайта, тег hreflang позволяет направить каждого пользователя на страницу, адаптированную под его язык и регион.
Примеры влияния тегов hreflang на поисковую оптимизацию
Netflix
Netflix представлен во множестве стран и работает на разных языках. Кроме того, у него есть большое количество контента, доступного только в отдельных странах: какой-то фильм или сериал может быть легален в одном регионе и недоступен в другом.
Если испаноговорящий пользователь из Мексики ищет контент Netflix, теги hreflang помогают направить его на версию сайта, оптимизированную для испаноязычной аудитории Мексики. В этом случае пользователь увидит, что сейчас в тренде именно в мексиканском каталоге, получит описания на родном языке и, при наличии, субтитры и озвучку на испанском. Рекомендации тоже будут учитывать не только личные предпочтения, но и географическое положение пользователя.
Без hreflang человек мог бы попасть на общий англоязычный сайт или на испанскую версию, ориентированную на Испанию, — такой опыт был бы менее персонализированным и мог привести к росту показателя отказов.
Airbnb
Airbnb работает по всему миру, предлагая объявления и контент на разных языках и для разных регионов.
Благодаря тегам hreflang Airbnb может гарантировать, что французский пользователь, ищущий жильё в Париже, увидит франкоязычную версию сайта. В то же время англоязычный пользователь, который ищет тот же объект размещения во Франции, получит описание на английском.
Без тегов hreflang разные языковые версии одного и того же объявления могли бы восприниматься Google как дубликаты контента и вызывать проблемы. Кроме того, hreflang помогает сделать взаимодействие с сервисом более удобным и упрощает поиск жилья за рубежом.
ZARA
Zara, крупный мировой ритейлер одежды, развивает отдельные электронные коммерческие версии сайта для разных стран. Отличается не только язык описаний, но и ассортимент: где-то есть специальные коллекции или товары только для этого рынка.
С помощью hreflang покупатель в Японии, ищущий одежду Zara, попадает на японский сайт с интерфейсом на его языке, ценами в местной валюте и ассортиментом, доступным именно в его стране. Таким образом, он избегает ситуации, когда понравившаяся вещь оказывается доступна только в Европе, и оформить заказ невозможно.
Заключение
Hreflang — важнейший элемент внутренней (on-page) оптимизации для поисковых систем, особенно если вы ориентируетесь на международную аудиторию. Он помогает поисковым системам показывать правильный контент правильным пользователям, улучшая видимость сайта на зарубежных рынках и делая пользовательский путь более плавным и персонализированным. Грамотное использование hreflang позволяет навести порядок во всех языковых и региональных версиях сайта и избежать путаницы и проблем, связанных с дублированием контента. Независимо от того, управляете ли вы интернет-магазином, контентным проектом или сервисным бизнесом, работа с hreflang может стать серьёзным преимуществом для вашего сайта.
