Генератор Breadcrumb JSON-LD разметки

Форма для генерации разметки JSON-LD схемы

Используйте этот генератор JSON-LD схемы для создания кода разметки для хлебных крошек:

Нажмите чтобы добавить еще страницу
Название страницыURL
Ваш сгенерированный результат будет показан ниже.

Результат генерации JSON-LD разметки


Перенести в «Вставить код» для сохранения

О генерации JSON-LD Breadcrumb схемы

Что такое BreadcrumbList схема?

Схема BreadcrumbList помогает Google точно видеть, что находится в breadcrumbs на определенной веб-странице. В результате Google отображает эти хлебные крошки(breadcrumbs) в результатах поиска, благодаря чему ваши результаты выглядят чисто и профессионально.

Schema.org содержит больше информации о структурированных данных Breadcrumb, а также вы можете найти документацию Google тут.

Об этом инструменте

генератор Breadcrumb разметки - это бесплатный инструмент, который может помочь вам быстро создать необходимые структурированные данные для ваших breadcrumb списков, чтобы иметь право на улучшенное отображения результата в поиске Google. Этот инструмент настолько прост, насколько это возможно, поэтому вы можете сгенерировать разметку структурированных данных в несколько щелчков мыши, и вам не нужно никакого опыта программирования для их использования.

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

Как это работает?

Просто заполните и выберите необходимые параметры и нажмите "Генерировать", и вы получите JSON-LD разметку. Скопируйте сгенерированную схему в заголовок вашего сайта. Протестируйте его через Structured Data Testing Tool, в случае любой ошибки вернитесь в инструмент Схема генератор Breadcrumb списка и сгенерируйте код еще раз.

Где разместить код?

Данные, заключенные в теги <script type="application/ld+json"> ... </script>, как показано в приведенных ниже примерах, могут быть помещены либо в <head>...</head>, либо в <body>...</body> область страницы. Google также может читать данные JSON-LD, когда они динамически встраиваются в содержимое страницы, например, с использованием кода JavaScript.

Если это данные о вашей странице (или о чем эта страница), вы можете поместить элемент script в <head>...</head>, потому что элемент head определен как содержащий метаданные о документе.

В частности, BreadcrumbList помещается между тегом <head>...</head>.

Примеры разметки BreadcrumbList JSON-LD

<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [{
            "@type": "ListItem",
            "position": 1,
            "name": "Books",
            "item": "https://example.com/books"
        },{
            "@type": "ListItem",
            "position": 2,
            "name": "Science Fiction",
            "item": "https://example.com/books/sciencefiction"
        },{
            "@type": "ListItem",
            "position": 3,
            "name": "Award Winners"
        }]
    }
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "item": {
      "@id": "https://example.com/games",
      "name": "Games",
      "image": "http://example.com/images/icon-game.png"
    }
  },{
    "@type": "ListItem",
    "position": 2,
    "item": {
      "@id": "https://example.com/games/companies",
      "name": "Companies",
      "image": "http://example.com/images/icon-company.png"
    }
  },{
    "@type": "ListItem",
    "position": 3,
    "item": {
      "@id": "https://example.com/games/companies/rockstar",
      "name": "Rockstar Notrh",
      "image": "http://example.com/images/rockstar-north.png"
    }
  },{
    "@type": "ListItem",
    "position": 4,
    "item": {
      "@id": "https://example.com/games/companies/blizzard",
      "name": "Blizzard Inc.",
      "image": "http://example.com/images/blizzard.png"
    }
  }]
}
</script>