Проверка мета-тегов и hreflang: ошибки hreflang

Генератор тегов hreflang

Перечислите версии страницы: адрес, язык и, при необходимости, регион. Вы получите теги link для head, заголовок HTTP и XML-карту сайта. Всё создаётся в вашем браузере, ничего не отправляется и не сохраняется. Размещайте один и тот же набор тегов на каждой версии страницы. Выбирайте регион только тогда, когда у вас есть отдельные версии одного языка для разных стран (например, en-GB и en-US): список сначала показывает обычные регионы языка.

Проверка мета-тегов и hreflang: читаем head страницы и находим ошибки hreflang

Введите адрес, и инструмент покажет всё, что есть в head страницы: title, каждый тег <meta> (name, property, http-equiv и charset), теги <link>, canonical и правила для роботов, включая заголовок X-Robots-Tag. Главная часть — проверка hreflang: результат показан вверху страницы, красным, если есть ошибка. Под проверкой находится генератор тегов hreflang: для каждого языка он сначала предлагает регионы, которые для него обычны, а кнопки копирования выдают результат текстом, который можно отправить разработчику. Проверка мета-тегов и валидатор hreflang на одной странице.

Что такое hreflang

Аннотации hreflang сообщают Google, какие версии страницы существуют для других языков и регионов. Google описывает три способа их задать, и инструмент читает первые два:

• Теги link в head: <link rel="alternate" hreflang="en-GB" href="https://example.com/en/" />, по одному на каждую версию, включая саму страницу.
• Заголовок HTTP Link, который используется для файлов, не являющихся HTML: Link: <https://example.com/en/>; rel="alternate"; hreflang="en-GB", ...
• Карта сайта с элементами xhtml:link внутри каждого url. Инструмент карты сайта не читает, но генератор ниже может её создать.

Правила, которые использует проверка

Они взяты из документации Google «Tell Google about localized versions of your page»:

• «Each language version must list itself as well as all other language versions.»
• «If two pages don't both point to each other, the tags will be ignored.» Это обратная ссылка, а глубокая проверка открывает альтернативные страницы, чтобы её найти.
• «Alternate URLs must be fully-qualified, including the transport method (http/https).»
• Язык — код ISO 639-1 (две буквы), а регион — код ISO 3166-1 Alpha 2. «You can't specify the country code by itself.» Google игнорирует недопустимый код региона и приводит в пример EU, UN и UK (код Соединённого Королевства — GB).
• x-default — зарезервированное значение для пользователей, чьи языковые настройки не соответствуют ни одной из ваших версий.

О чём сообщает инструмент

• Ошибки (красные): неизвестный код языка или региона, регион без языка, подчёркивание вместо дефиса, трёхбуквенный код языка, адрес не в полной форме, страница, не перечисляющая саму себя, одно значение, указывающее на разные адреса, а при глубокой проверке — альтернативная страница, которую нельзя открыть, которая возвращает статус ошибки или не ссылается обратно.
• Предупреждения (жёлтые): повторяющаяся аннотация, список без других версий, canonical, отличающийся от адреса страницы, альтернативный адрес с редиректом, альтернативная страница с noindex или другим canonical.
• Заметки (синие): нет x-default, правило noindex на странице, hreflang не найден, число непроверенных страниц.

Результат «проблем с hreflang не найдено» означает, что эти проверки пройдены. Это не обещание того, как поведёт себя поисковая система. Список кодов языков и регионов взят из открытых наборов данных стандартов ISO, а проверка не учитывает регистр. Запустите инструмент и для каждой языковой версии: у каждой версии свой набор тегов.

Как генератор выбирает регионы

Для каждого языка генератор сначала показывает регионы, обычные для него, а все остальные остаются в списке ниже. Обычные регионы берутся из файла territoryInfo.json проекта Unicode CLDR (версия 48): регион берётся, если у языка там официальный статус, а ВВП региона составляет не менее 1% суммы ВВП всех регионов, где язык официальный; не более 12 регионов, самые крупные первыми. Для английского это US, IN, GB, CA, AU, PK, NG, PH, ZA, SG и IE, для русского — RU, KZ, UA и BY, для португальского — BR, PT, AO, MO и MZ. Пара, которой нет в списке, например de-CU, всё равно возможна: генератор лишь добавляет заметку под таблицей. Это подсказка интерфейса, а не правило Google. Выбирайте регион только тогда, когда у вас есть отдельные версии одного языка для разных стран.

Глубокая проверка альтернативных страниц

Когда вы отмечаете «Проверить также альтернативные страницы», инструмент открывает каждый адрес из списка hreflang (до 8) и читает его статус, редиректы, собственные аннотации hreflang, canonical и правила для роботов. Если альтернативная страница не перечисляет проверяемую, вы получаете ошибку об отсутствии обратной ссылки. На каждую страницу делается один запрос, поэтому проверка медленнее и ограничена строже.

Что означают мета-теги

• <meta charset="utf-8"> объявляет кодировку документа. MDN: UTF-8 — единственная допустимая кодировка для документов HTML5, а тег должен целиком находиться в первых 1024 байтах документа. Google также рекомендует UTF-8.
• name и content работают вместе как имя и значение метаданных. http-equiv задаёт директиву pragma, то есть инструкцию для браузера; допустимые значения — имена эквивалентных заголовков HTTP.
• description: Google говорит, что этот тег даёт краткое описание страницы, и в некоторых случаях описание используется в сниппете в результатах поиска.
• robots и googlebot управляют сканированием и индексацией. Первый применяется ко всем, второй — только к Google.
• viewport сообщает браузеру, как отображать страницу на мобильном устройстве; его наличие говорит Google, что страница удобна для мобильных. MDN рекомендует <meta name="viewport" content="width=device-width" /> и предупреждает, что user-scalable=no мешает людям с плохим зрением читать страницу.
• keywords: Google говорит, что тег meta keywords не используется Google Search и вообще не влияет на индексацию и ранжирование.

Полезно знать

• Инструмент читает HTML в том виде, в каком его отдаёт сервер (первые 1,5 МБ). Теги, которые JavaScript добавляет после загрузки страницы, не видны.
• Запрос делается с сервера dieg.dev. Инструмент отправляет в User-Agent своё имя (DiegDevChecker) и только простые запросы GET. Проверяются только публичные адреса и обычные веб-порты, а число проверок ограничено. Краткий журнал проверок (проверяемый хост, время и код посетителя, но не адрес) хранится 7 дней, чтобы отвечать на жалобы.

Похожие инструменты

Чтобы увидеть коды ответа и всю цепочку редиректов, используйте проверку кодов ответа HTTP и редиректов, чтобы разобрать адрес на части, — разбор URL, а чтобы измерить, как быстро страница начинает отвечать, — проверку TTFB.