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

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

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

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

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


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

FAQ

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

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

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

Что такое генератор BreadcrumbList разметки?

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

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

Как создать BreadcrumbList разметку онлайн?

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

Куда вставить разметку схемы BreadcrumbList?

The data, enclosed within the <script type="application/ld+json"> ... </script> tags as shown in the examples below, may be placed in either the <head>...</head> or <body>...</body> region of the page. Google can also read JSON-LD data when it is dynamically embedded in page content, for example, using JavaScript code.

Поэтому JSON-LD BreadcrumbList можно разместить в любой части вашего кода.

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

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

Работают ли фрагменты BreadcrumbList на мобильных или настольных компьютерах?

Фрагменты BreadcrumbList будут работать с результатами поиска на ПК и мобильных во всех странах и языках, поддерживаемых Google.

Примеры разметки 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>