Почему 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 для диалектов:
-
Поддомены:
- gb.example.com (британский английский)
- us.example.com (американский английский)
-
Подкаталоги:
- example.com/gb/
- example.com/us/
-
Параметры:
- 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/» /> |
|
| 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/» /> |
|
Частые вопросы
Можно ли использовать 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, но требует внимания к деталям. Вот краткий чек-лист для проверки:
- Определили целевые диалекты и регионы (ISO-коды);
- Выбрали структуру URL (рекомендуем подкаталоги);
- Добавили hreflang теги в HTML, HTTP-заголовки или sitemap;
- Проверили корректность ссылок и отсутствие ошибок;
- Адаптировали контент, валюту и цены под каждый диалект;
- Настроили геотаргетинг в Search Console.
Если все сделано правильно, вы получите:
- Улучшение позиций в локальных поисковых выдачах;
- Рост органического трафика из целевых регионов;
- Снижение показателя отказов за счет релевантного контента.
В веб-студии XSL мы помогаем международным проектам в ОАЭ и за его пределами настраивать мультиязычные сайты с учетом всех нюансов SEO. Если у вас остались вопросы или нужна помощь с реализацией — пишите, будем рады помочь!
Удачи в продвижении, и до новых встреч в эфире!
Кирилл Алехин, основатель XSL
