Hreflang: что это такое и как его внедрить
Мы доминируем на рынке со своим продуктом или услугой и готовимся вывести их на международный уровень. Процесс кажется простым, но нужно обратить внимание на ряд деталей, если мы хотим сделать всё правильно и получить желаемый результат. В этом руководстве вы увидите, как внедрить теги Hreflang для вашей стратегии международного SEO.
Что такое теги Hreflang?
Теги hreflang — это фрагменты кода, которые размещаются в шапке страниц и задача которых — сообщить Google о версиях наших страниц на других языках.
Кажется очевидным, но есть немало случаев, когда компании переводят свой контент, а потом забывают добавить теги hreflang, и тогда обычно происходит один из двух сценариев:
- В лучшем случае Google не сканирует контент.
- В худшем — Google его сканирует и, увидев, что это дублированный контент, не только не показывает его в результатах поиска, но и снижает общий «авторитет» сайта.
Словами самого Google:
«Локализованные версии страницы считаются дублями только в том случае, если их основной контент не переведён.»
Способы внедрения
Как сообщает Google в своих официальных руководствах, сегодня существует три способа внедрить теги, указывающие, что у страницы есть альтернативные версии на других языках:
HTML-теги (рекомендуемый способ)
Один из самых распространённых способов указать, что у страницы есть аналоги на других языках, — HTML-теги в шапке:
<link rel="alternate" hreflang="language_code" href="page_url" />
Представим, что у нас есть основной сайт (на английском), который также доступен в других странах и на других языках (UK, USA и Германия). В этом случае в шапку каждой страницы нужно добавить такой код:
<head>
<title>Widgets, Inc</title>
<link rel="alternate" hreflang="en-gb" href="http://en-gb.example.com/page.html" />
<link rel="alternate" hreflang="en-us" href="http://en-us.example.com/page.html" />
<link rel="alternate" hreflang="en" href="http://en.example.com/page.html" />
<link rel="alternate" hreflang="de" href="http://de.example.com/page.html" />
<link rel="alternate" hreflang="x-default" href="http://www.example.com/" />
</head>
Так мы сообщим поисковым системам, что другие страницы — не дубли, а переводы сайта на другие языки.
HTTP-заголовки
Если нам нужно указать версии на других языках для документов и прочих файлов, которые не являются HTML, в нашем распоряжении HTTP-заголовки:
В следующем примере это PDF-документ, доступный на английском, на немецком для пользователей из Швейцарии и ещё один — для всех, кто говорит по-немецки.
Link:
<http://example.com/file.pdf>; rel="alternate"; hreflang="en",
<http://de-ch.example.com/file.pdf>; rel="alternate"; hreflang="de-ch",
<http://de.example.com/file.pdf>; rel="alternate"; hreflang="de"
Sitemap
Ещё один способ, которым со временем воспользовались многие сайты, — указывать международные версии через Sitemap. Стоит отметить, что технически это гораздо более сложный метод и он больше подвержен ошибкам, поскольку очень легко пропустить часть страниц.
Пример сайтмапа с одной страницей:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>http://www.example.com/english/page.html</loc>
<xhtml:link
rel="alternate"
hreflang="de"
href="http://www.example.com/deutsch/page.html"/>
<xhtml:link
rel="alternate"
hreflang="de-ch"
href="http://www.example.com/schweiz-deutsch/page.html"/>
<xhtml:link
rel="alternate"
hreflang="en"
href="http://www.example.com/english/page.html"/>
</url>
ИНСТРУМЕНТ: это расширение для Chrome позволяет нам проверять внедрения. Наше бесплатное SEO-расширение для Chrome тоже считывает все теги hreflang на странице и отмечает те, у которых нет обратной ссылки. И всё же не забывайте проверять их вручную в коде, чтобы убедиться на 100%.
С помощью этого расширения мы можем проверить внедрение своих тегов hreflang.
Коды языка и региона
Разобравшись с международной разметкой данных, перейдём к одной из самых интересных тем в процессе международного SEO. Речь о кодах языка и региона. Ещё недавно информации по этой теме было немного, и избежать ошибок в разметке языков и стран было совсем не просто.
Каждая страна и каждый язык — это отдельный мир. У всех свои отличия, особенности, культура, ценности... и именно поэтому многие компании подстраиваются под это, чтобы давать контент максимально «по-родному». Наглядный пример — разница между испанским Испании и испанским Мексики. При множестве общих выражений есть и такие, что совсем не похожи, и пользователям каждой страны приятно находить наиболее привычную им версию.
Google даёт возможность добавлять в теги hreflang коды языка и региона.
Например:
- de: такой контент предназначен для пользователей, говорящих по-немецки, независимо от их региона.
- es-MX: такой контент будет предназначен для пользователей, которые говорят по-испански и при этом находятся в Мексике.
- en-GB: такой контент будет предназначен для пользователей, говорящих по-английски в Великобритании.
*Пример тегов hreflang на Chess.com (одном из наших крупнейших клиентов) с частью доступных языков (+40 в общей сложности). *
Что произойдёт, если мы не разметим все страны, в которых может использоваться тот или иной язык?
Логично, что добавить их все нереально. Именно поэтому у нас есть тег hreflang="x-default", который позволит отдавать эту версию пользователю, когда настройки его браузера не совпадают ни с одним из указанных нами языков или регионов.
<link rel="alternate" href="http://example.com/" hreflang="x-default" />
Типичные ошибки
Звучит просто, правда? Единственная важная деталь в том, что Google довольно дотошен к внедрениям. Если мы ошибёмся в одной букве или пропустим ссылку, он вернёт ошибку и не примет нашу разметку. Ниже вы увидите некоторые из самых частых ошибок (и часть из них — из нашего собственного опыта):
Забытые взаимные ссылки
Если наша страница A ссылается через hreflang на страницу B, а та в ответ не ставит hreflang-ссылку на страницу A, Google не создаст связь и, соответственно, продолжит считать эти страницы дублями.
Подмена кодов региона или страны
Если в urls у нас есть свобода использовать любые коды — например, uk, gb или любой другой вариант для Великобритании, — то с тегами hreflang так не работает. Если мы напишем uk вместо правильного en-GB, Google не сможет интерпретировать информацию и, значит, не подтвердит внедрение.
Поэтому, чтобы всегда использовать корректные форматы, нужно придерживаться:
- ISO 639-1
- ISO 3166-1 Alpha 2 (опционально)
Анализ тегов hreflang на сайте
Ещё несколько недель назад Google Search Console показывал подробный отчёт о валидациях и ошибках нашего внедрения hreflang. Однако с запуском нового интерфейса эта функциональность устаревает и вскоре станет недоступной.
В этом случае, несмотря на то что в сети есть десятки SEO-инструментов для работы с этой темой, с нашей точки зрения инструмент #1, который делает этот процесс быстрым и удобным для анализа, — безусловно, Screaming Frog. Он не только показывает все urls, у которых обнаружена разметка, но и классифицирует их при наличии ошибок и точно говорит, какого типа ошибка, чтобы мы могли её проверить.
Вид анализа Hreflang, выполненного Screaming Frog, со всей информацией в виде схемы.
Истории успеха
Хотя большинство SEO-действий требует времени, прежде чем покажет первые результаты, теги hreflang — наверняка один из тех quick-wins, которые нужно внедрять как можно скорее в тех проектах, где это возможно. Одной из самых наглядных историй успеха в SEO такого рода был ChessKid.com, наш клиент, у которого сайт был переведён почти на 20 языков. Проблема? Hreflang не были внедрены, а смена языка была спрятана за авторизацией, так что международные версии оказались полностью недоступны.
Что мы сделали?
- Сделали в футере выпадающий список с языками.
- Добавили теги hreflang на все страницы, которым они были нужны.
Результаты?
Результаты внедрения тегов Hreflang на ChessKid.com
Остались вопросы? Хотите, чтобы мы помогли внедрить теги hreflang в вашем бизнесе? Будем рады помочь!
Источники
Автор: David Kaufmann
Последние 10 с лишним лет я полностью одержим SEO — и, честно говоря, не хотел бы иначе.
Моя карьера вышла на новый уровень, когда я работал старшим SEO-специалистом в Chess.com — одном из ста самых посещаемых сайтов интернета. Работа в таком масштабе: миллионы страниц, десятки языков и одна из самых конкурентных выдач — научила меня тому, чему не научит ни один курс и ни один сертификат. Этот опыт изменил моё представление о том, как выглядит по-настоящему сильное SEO, и лёг в основу всего, что я построил потом.
Из него выросло SEO Alive — агентство для брендов, которые всерьёз занимаются органическим ростом. Мы не продаём дашборды и ежемесячные отчёты. Мы строим стратегии, которые реально двигают цифры, соединяя классическое SEO с новым и захватывающим миром Generative Engine Optimization (GEO): чтобы ваш бренд появлялся не только в синих ссылках Google, но и внутри ответов, которые ChatGPT, Perplexity и Google AI Overviews каждый день выдают миллионам людей.
А поскольку инструмента, который нормально закрывает оба этих мира, я так и не нашёл, я сделал его сам — SEOcrawl AI, платформу SEO-аналитики корпоративного уровня, где в одном месте собраны позиции, технические аудиты, мониторинг ссылок, здоровье краулинга и отслеживание видимости бренда в ИИ. Это та платформа, которой мне всегда не хватало.
Откройте больше материалов этого автора
