Пример разметки Breadcrumb Schema

Используйте по одному элементу в строке: Название | URL

Хороший пример разметки хлебных крошек показывает все поля, которые читает Google: тип списка, номер позиции каждого шага, его название и адрес. Изучите пример ниже, затем введите свою цепочку в инструмент выше и получите ту же структуру с вашими страницами.

Как превратить пример в свою разметку

  1. 1

    Скопируйте формат строки

    Вводите по одной строке на уровень в виде Название | URL, например Главная | https://example.com/ в первой строке.

  2. 2

    Добавьте более глубокие уровни

    Раздел укажите во второй строке, а текущую страницу в последней, каждую с полным URL.

  3. 3

    Создайте разметку

    Перейдите к результату. Инструмент пронумерует шаги с 1 и соберёт тег script.

  4. 4

    Сравните с примером

    Убедитесь, что в вашем результате те же ключи, что и в образце, и нажмите кнопку копирования.

Полный пример для страницы третьего уровня

Допустим, статья в блоге находится по адресу https://example.com/blog/breadcrumb-basics/. Видимая цепочка: Главная, Блог, Основы хлебных крошек. В инструмент она вводится так:

Главная | https://example.com/
Блог | https://example.com/blog/
Основы хлебных крошек | https://example.com/blog/breadcrumb-basics/

Результат:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Главная",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Блог",
      "item": "https://example.com/blog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Основы хлебных крошек",
      "item": "https://example.com/blog/breadcrumb-basics/"
    }
  ]
}
</script>

Что означает каждое поле

Поле Значение
@context Сообщает парсерам, что используется словарь schema.org.
@type: BreadcrumbList Объявляет, что блок описывает цепочку навигации.
itemListElement Упорядоченный массив шагов.
position Номер шага, для верхнего уровня начинается с 1.
name Название, которое показывается в цепочке.
item URL этого шага.

Как адаптировать пример

Сохраняйте порядок от главной страницы сайта до текущей. Используйте те же подписи, что посетители видят в хлебных крошках на странице, и пишите полные URL с протоколом. Строка без названия или адреса пропускается, поэтому нумерация остаётся непрерывной, без пропусков. Инструмент записывает URL и для последнего шага, это допустимая разметка.

Для более глубокой страницы добавьте строки. Товар на пятом уровне получит пять элементов с позициями от 1 до 5.

Как прочитать свой результат

Когда вы получите свой вариант, прочитайте его сверху вниз и сравните с образцом. Первым в списке должна идти ваша главная страница с позицией 1. Последним должна быть страница, на которой стоит разметка, с её собственным URL. Если какое-то название выглядит неверно, вернитесь, исправьте строку и создайте разметку заново: больше ничего менять не нужно, нумерацию инструмент обновит сам.

Для менее глубокой страницы, например «О компании» прямо под главной, пример сокращается до двух элементов. Структура не меняется, меняется только число объектов ListItem, и этот подсчёт инструмент берёт на себя.

Часто задаваемые вопросы

Только после замены названий и URL на свои. Example.com лишь условный адрес, а разметка со ссылками на несуществующие страницы или не совпадающая с видимой цепочкой может быть проигнорирована.

Столько, сколько уровней у страницы. Обычно от двух до пяти. Инструмент принимает любое количество строк.

Это готовый к вставке блок типа application/ld+json. Разместите его в head или body страницы и не оборачивайте ни во что другое.

Строка пропускается и не получает номера позиции. Добавьте URL после символа вертикальной черты, чтобы шаг остался в цепочке.

Сопутствующие инструменты

Генератор карты сайта

Вставьте список URL и создайте корректную карту сайта XML с changefreq, priority и необязательным lastmod, готовую к сохранению и отправке в Search Console.

Парсер UTM

Вставьте URL кампании и прочитайте пять стандартных UTM-меток (source, medium, campaign, term и content) с каждым декодированным значением. Быстрый способ проверить ссылку отслеживания перед отправкой.

Проверка смешанного контента

Просканируйте любую страницу на HTTPS в поисках небезопасных HTTP-ресурсов, которые вызывают предупреждения о смешанном контенте и ломают значок замка в браузере.

Инструмент для извлечения метаданных

Извлеките метаданные страницы из любого URL: название, метаописание, Open Graph, карточки в Twitter, канонический URL и структурированные данные в формате JSON-LD.

Анализатор заголовков безопасности

Вставьте свои заголовки HTTP-ответа и получите приоритизированные советы по заголовкам безопасности, которые важны: Content-Security-Policy, Strict-Transport-Security, X-Frame-Options, Referrer-Policy и другим.

Конструктор UTM-ссылок

Создавайте URL для отслеживания кампаний с параметрами UTM source, medium, campaign, term и content. Чистые ссылки с URL-кодированием, готовые для рекламы и рассылок.

Инструмент доступен на других языках

Руководства и сценарии использования