Как настроить мультиязычные hreflang теги для диалектов одного языка: полное руководство

Почему hreflang критически важен для диалектов одного языка

Привет, коллеги! Кирилл Алехин на связи — предприниматель, атишник и основатель веб-студии XSL в ОАЭ. Сегодня разберем больную тему, с которой сталкиваются многие международные проекты: как корректно настроить hreflang теги для диалектов одного языка.

Представьте: у вас есть сайт на английском, но вы хотите показывать британскую версию пользователям из Великобритании, а американскую — из США. Или арабский сайт с диалектами для ОАЭ, Египта и Саудовской Аравии. Без правильной настройки hreflang поисковики будут путать версии, что приведет к:

  • Дублированию контента в глазах Google;
  • Некорректному ранжированию страниц;
  • Потере трафика из целевых регионов.

Давайте разберемся, как этого избежать.

Шаг 1: Определяем целевые диалекты и регионы

Прежде чем кодить, нужно четко понимать, какие диалекты вы поддерживаете. Вот примеры распространенных пар «язык-регион»:

Язык Диалект (код) Целевой регион
Английский en-GB Великобритания
Английский en-US США
Арабский ar-AE ОАЭ
Арабский ar-EG Египет
Испанский es-ES Испания
Испанский es-MX Мексика

Ключевой момент: используйте ISO 639-1 для языка и ISO 3166-1 Alpha-2 для региона. Например, en-GB — английский для Великобритании, ar-SA — арабский для Саудовской Аравии.

Шаг 2: Структура URL для диалектов

Есть три основных подхода к организации URL для диалектов:

  1. Поддомены:

    • gb.example.com (британский английский)
    • us.example.com (американский английский)
  2. Подкаталоги:

    • example.com/gb/
    • example.com/us/
  3. Параметры:

    • example.com?lang=en-gb
    • example.com?lang=en-us

Рекомендация от Google: используйте подкаталоги (example.com/gb/). Это самый SEO-дружелюбный вариант, который проще индексировать и поддерживать.

Шаг 3: Реализация hreflang тегов

Теперь переходим к технической части. Есть три способа добавить hreflang:

1. В HTML-коде страницы

Добавьте в секцию <head> каждой страницы теги следующего вида:

<link rel="alternate" hreflang="en-GB" href="https://example.com/gb/page" />
<link rel="alternate" hreflang="en-US" href="https://example.com/us/page" />
<link rel="alternate" hreflang="x-default" href="https://example.com/" />

Важно:

  • Каждая страница должна ссылаться на все свои альтернативные версии, включая себя;
  • Тег x-default указывает на версию по умолчанию для пользователей, чей язык/регион не определен;
  • URL должны быть абсолютными (с https://).

2. В HTTP-заголовках (для PDF, изображений)

Если у вас есть не-HTML контент (например, PDF-файлы), используйте HTTP-заголовки:

Link: <https://example.com/gb/document.pdf>; rel="alternate"; hreflang="en-GB",
      <https://example.com/us/document.pdf>; rel="alternate"; hreflang="en-US"

3. В XML-карте сайта

Добавьте hreflang в sitemap.xml:

<url>
  <loc>https://example.com/gb/page</loc>
  <xhtml:link rel="alternate" hreflang="en-GB" href="https://example.com/gb/page" />
  <xhtml:link rel="alternate" hreflang="en-US" href="https://example.com/us/page" />
  <xhtml:link rel="alternate" hreflang="x-default" href="https://example.com/" />
</url>

Шаг 4: Проверка и валидация hreflang

После внедрения обязательно проверьте корректность тегов с помощью инструментов:

  • Google Search Console:

    • Перейдите в «Индексирование» → «Интернационализация» → «Языки».
    • Проверьте ошибки и предупреждения.
  • Инструмент проверки hreflang от Aleyda Solis:
    https://www.aleydasolis.com/hreflang-tools/
  • Screaming Frog:

    • Запустите сканирование сайта.
    • Перейдите в отчет «Hreflang» для анализа ошибок.

Типичные ошибки:

  • Отсутствие взаимных ссылок между версиями;
  • Некорректные коды языка/региона (например, en-UK вместо en-GB);
  • Разные URL в hreflang и каноническом теге;
  • Ошибки в протоколе (http вместо https).

Шаг 5: Дополнительные рекомендации для диалектов

Настройка hreflang — это только половина дела. Вот что еще стоит учесть:

1. Контент для диалектов

Не ограничивайтесь простым переводом. Адаптируйте контент под локальные особенности:

  • Английский:
    • en-GB: «colour», «centre», «trousers»;
    • en-US: «color», «center», «pants».
  • Арабский:
    • ar-AE: слова на эмиратском диалекте;
    • ar-EG: египетские идиомы.

2. Валюта и цены

Показывайте цены в местной валюте:

  • en-GB: £100;
  • en-US: $120.

3. Локальные домены и хостинг

Для лучшего ранжирования:

  • Используйте локальные домены верхнего уровня (.co.uk, .ae);
  • Размещайте серверы в целевых регионах (или используйте CDN).

4. Геотаргетинг в Google Search Console

Настройте геотаргетинг для подкаталогов или поддоменов:

  • Перейдите в Search Console → «Настройки» → «Целевая аудитория».
  • Выберите регион для каждой версии сайта.

Пример настройки для арабских диалектов

Допустим, у вас сайт для ОАЭ и Египта. Вот как это будет выглядеть:

Страница Hreflang теги Контент
example.com/ae/ <link rel=»alternate» hreflang=»ar-AE» href=»https://example.com/ae/» />
<link rel=»alternate» hreflang=»ar-EG» href=»https://example.com/eg/» />
<link rel=»alternate» hreflang=»x-default» href=»https://example.com/» />
  • Цены в AED;
  • Арабский на эмиратском диалекте;
  • Локальные праздники (например, Национальный день ОАЭ).
example.com/eg/ <link rel=»alternate» hreflang=»ar-AE» href=»https://example.com/ae/» />
<link rel=»alternate» hreflang=»ar-EG» href=»https://example.com/eg/» />
<link rel=»alternate» hreflang=»x-default» href=»https://example.com/» />
  • Цены в EGP;
  • Арабский на египетском диалекте;
  • Локальные праздники (например, День революции 23 июля).

Частые вопросы

Можно ли использовать hreflang для одного языка без указания региона?

Да, но это не рекомендуется для диалектов. Например, hreflang=»en» без региона может привести к путанице между en-GB и en-US. Всегда указывайте регион для диалектов.

Как быть, если у меня нет версии для x-default?

Если у вас нет универсальной версии, укажите в качестве x-default самую популярную версию (например, en-US). Но лучше создать отдельную страницу по умолчанию.

Нужно ли дублировать hreflang в каноническом теге?

Нет. Канонический тег (<link rel=»canonical»>) должен указывать на одну каноническую версию страницы, а hreflang — на все альтернативные. Они не должны конфликтовать.

Как часто Google проверяет hreflang теги?

Google обновляет информацию о hreflang при каждом сканировании страницы. Обычно это происходит в течение нескольких дней после внесения изменений. Используйте Search Console для ускорения индексации.

Заключение

Настройка hreflang для диалектов одного языка — это не rocket science, но требует внимания к деталям. Вот краткий чек-лист для проверки:

  1. Определили целевые диалекты и регионы (ISO-коды);
  2. Выбрали структуру URL (рекомендуем подкаталоги);
  3. Добавили hreflang теги в HTML, HTTP-заголовки или sitemap;
  4. Проверили корректность ссылок и отсутствие ошибок;
  5. Адаптировали контент, валюту и цены под каждый диалект;
  6. Настроили геотаргетинг в Search Console.

Если все сделано правильно, вы получите:

  • Улучшение позиций в локальных поисковых выдачах;
  • Рост органического трафика из целевых регионов;
  • Снижение показателя отказов за счет релевантного контента.

В веб-студии XSL мы помогаем международным проектам в ОАЭ и за его пределами настраивать мультиязычные сайты с учетом всех нюансов SEO. Если у вас остались вопросы или нужна помощь с реализацией — пишите, будем рады помочь!

Удачи в продвижении, и до новых встреч в эфире!

Кирилл Алехин, основатель XSL

от автора

написал в