Hreflang — это HTML-атрибут, который помогает поисковым системам сопоставлять языковые и региональные версии страницы. Без разметки переводы не становятся дублями, но поисковику сложнее выбрать подходящую версию для пользователя.
Hreflang помогает поисковой системе сопоставить версии и показать пользователю подходящий язык или регион. Полноценные переводы не считаются дублями только из-за отсутствия hreflang.
Помогает обозначить связи между языковыми и региональными версиями
Помогает поисковой системе выбрать подходящую версию для языка или региона
Поддерживает вариант x-default для страницы выбора языка или версии по умолчанию
Реализация Hreflang: методы и синтаксис
Чтобы добиться этих преимуществ, нужно правильно внедрить Hreflang. Основной способ — добавить <link rel='alternate' hreflang='код' href='URL' /> в <head>. Понадобятся три параметра: rel='alternate' указывает на альтернативную версию, hreflang содержит код по ISO 639-1 (en, de, fr или с регионом: en-GB, en-US), а href — полный абсолютный URL. Google быстро находит такие теги.
Критичное правило — симметричность. Каждая версия ссылается на себя и остальные: англ. на англ., фр. на фр., обе друг на друга. Добавьте x-default для посетителей вне целевых регионов. Для сайтов с 100+ тысячами URL используйте HTTP headers Hreflang или XML sitemap. JavaScript-метод не гарантирует обнаружение. HTML link — оптимальное решение для большинства проектов.
Примеры для разных типов сайтов
Теория далека от практики. На бумаге Hreflang выглядит просто. На самом деле реализация зависит от архитектуры сайта. Статический HTML требует вручную добавить мета-теги в исходник каждой страницы. WordPress упрощает жизнь: используйте совместимый языковой плагин, например Polylang, и проверьте созданные теги. Динамические приложения на Node.js, Python, PHP создают Hreflang при рендеринге. Ниже — способы настройки для разных типов сайтов. Адаптируйте пример под свой проект и проверьте результат. После внедрения проверьте исходный HTML и доступность каждой версии.
Статический HTML и несколько языков
В head каждой HTML-страницы добавьте <link rel="alternate" hreflang="en" href="https://example.com/page" />. Это говорит Google, что существует англ. версия. Для французской версии добавьте второй тег: <link rel="alternate" hreflang="fr" href="https://example.com/fr/page" />. Правило: на каждой версии одинаково указаны оба тега. Англ. ссылается на себя и фр., фр. то же самое. Добавьте hreflang="x-default" для остальных стран. Типичная ошибка: относительный URL вместо полного адреса. Google не понимает неполные пути. Проверьте дважды, что все ссылки работают.
WordPress с автоматическими плагинами
Языковые плагины, например Polylang или WPML, могут создавать связи между переводами. Проверьте реальные теги в исходном HTML каждой версии.
Динамический Hreflang на backend
На динамических сайтах Node.js, Python, PHP код генерирует Hreflang при рендеринге. Если язык в параметре ?lang=en, функция должна создать теги для всех языков. Для каждого создайте link: href="https://example.com/page?lang=en", href="...?lang=fr" и дальше. На Flask или Express циклом пройдите по языкам, добавьте теги в head. Главное: сохраняйте другие параметры URL — сессия, фильтры, сортировка. Если их потеряете, альтернативные ссылки разрушатся и пользователь потеряет позицию в каталоге или корзине. Тестируйте, что сессия сохраняется при переключении языка.
Типичные ошибки и риски
Частые ошибки — неверный код языка, относительный URL и отсутствие взаимной или самоссылки. В таком случае поисковая система может проигнорировать часть разметки. Проверьте исходный HTML, ответы URL и полный набор ссылок на каждой версии.
Проверка hreflang перед публикацией
Как проверить hreflang на страницах сайта?
Для проверки hreflang откройте исходный HTML или XML sitemap: сверьте коды языка, абсолютные URL, самоссылки и взаимные указания.
Какими инструментами проверить hreflang?
Screaming Frog сканирует все hreflang теги локально перед запуском. Браузерное расширение «HREFLANG Tags» показывает теги прямо на странице. SEMrush и Ahrefs проверяют видимость связей между версиями сайта. Вместе инструменты дают полную картину состояния Hreflang.
Что проверить перед запуском и когда оценивать результат?
Убедитесь, что есть самоссылки, связи взаимны, URL абсолютны, а коды языка и региона корректны. Затем проверьте доступность всех адресов и повторите обход краулером после публикации.
