Hreflang для международных страниц
Сообщайте поисковым системам о вариантах языка и региона
«Hreflang для международных страниц» — бесплатный урок HTML Academy на CoddyKit. Это урок 4 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения HTML Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс HTML Academy содержит 4 уроков всего.
Какую проблему решает hreflang
Когда вы публикуете одну и ту же статью на английском, турецком и японском языках, поисковым системам нужно знать, какую версию показывать каждому пользователю в результатах поиска. Без hreflang Google может показать не ту языковую версию или посчитать варианты дублирующимся содержимым.
Тег link
Укажите каждую альтернативную версию с помощью <link rel="alternate" hreflang="..." href="..."> в <head>. Атрибут hreflang содержит языковой код BCP-47 (en, tr) или пару «язык-регион» (en-US, en-GB, pt-BR).
<link rel="alternate" hreflang="en" href="https://example.com/en/article">
<link rel="alternate" hreflang="tr" href="https://example.com/tr/article">
<link rel="alternate" hreflang="ja" href="https://example.com/ja/article">Требуются взаимные ссылки
Каждая версия должна ссылаться на все остальные, включая саму себя. Google игнорирует кластеры hreflang, для которых нет двусторонних ссылок. Английская страница ссылается на TR и JA; турецкая — на EN и JA; и так далее.
Ссылка на себя
Каждая страница должна ссылаться на себя с помощью hreflang. Английская страница должна содержать <link rel="alternate" hreflang="en" ...>, указывающий на её собственный URL. Это часть требования о «взаимности»: Google использует такую ссылку, чтобы подтвердить принадлежность к кластеру.
Значение x-default
Используйте hreflang="x-default", чтобы указать резервную страницу для пользователей, язык которых Google не может сопоставить. Обычно это английская версия или целевая страница выбора языка, чтобы пользователи, не относящиеся к указанным языковым группам, всё равно попадали на подходящую страницу.
Коды языков и коды регионов
en предназначен для всех англоязычных пользователей. en-US, en-GB и en-AU предназначены для вариантов языка в разных странах, если содержимое отличается в зависимости от региона (валюта, написание слов, доставка). Не указывайте регион, если содержимое действительно не отличается от общей версии.
Альтернативные способы указания
hreflang также можно указать в HTTP-заголовке Link (для не-HTML-файлов, например PDF) или в XML-карте сайта с помощью <xhtml:link rel="alternate" hreflang="...">. Все три способа эквивалентны; выберите тот, который проще поддерживать.
Указание в карте сайта
Указание hreflang в карте сайта лучше масштабируется, чем HTML-теги, на сайтах с большим количеством языков: одна запись карты сайта для каждого URL перечисляет все альтернативные версии, устраняя дублирование шаблонов отдельных страниц. Search Console отмечает отсутствующие взаимные ссылки, поэтому ошибки обнаруживаются заранее.
Распространённые ошибки
Использование символа подчёркивания (en_US) вместо дефиса (en-US), указание URL с кодом, отличным от 200, смешивание http и https в кластере или отсутствие ссылки на себя незаметно нарушают работу hreflang. После запуска проверьте отчёт «Международный таргетинг» в Google Search Console.
Не заменяет перевод
hreflang лишь сообщает Google, какой перевод уже существует. Сами страницы по-прежнему должны содержать настоящий перевод — Google не будет переводить их за вас. Сайты, на которых hreflang размещён на страницах, состоящих на 80% из английского текста, незаметно вводят индекс в заблуждение.
Сочетание с og:locale и lang
Установите <html lang="..."> и og:locale в соответствии с фактическим языком страницы. hreflang сообщает поисковым системам о связанных версиях; lang и og:locale сообщают браузерам и социальным сетям о текущей странице. Для полной картины нужны оба подхода.
Проверка знаний
На какую страницу указывает hreflang="x-default"?
Итоги
hreflang связывает переведённые версии страницы, чтобы поисковые системы показывали нужный язык. Используйте коды BCP-47, указывайте альтернативные версии взаимно, включая ссылку на себя, добавляйте x-default для резервного варианта и проверяйте результат в отчёте «Международный таргетинг» Google Search Console. Качество перевода и теги lang и og:locale также должны соответствовать странице.
Часто задаваемые вопросы
Урок «Hreflang для международных страниц» бесплатный?
Да — полный текст урока «Hreflang для международных страниц» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс HTML Academy, подпишись на CoddyKit PRO. Курс HTML Academy содержит 4 уроков всего.
Чему я научусь в уроке «Hreflang для международных страниц»?
Сообщайте поисковым системам о вариантах языка и региона Ты практикуешь HTML Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать HTML Academy?
Предыдущий опыт не требуется. HTML Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 4 из 4.
Сколько времени занимает урок «Hreflang для международных страниц»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке HTML Academy?
Да. Каждый урок HTML Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- OpenGraph og:title og:description og:image
- Мета-теги карточки Twitter
- Основы структурированных данных JSON-LD
- Hreflang для международных страниц