Генератор Breadcrumb JSON-LD разметки
Форма для генерации разметки JSON-LD схемы
Используйте этот генератор JSON-LD схемы для создания кода разметки для хлебных крошек:
Нажмите чтобы добавить еще страницуРезультат генерации 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>