A breadcrumb trail on a page indicates the page's position in the site hierarchy. A user can navigate all the way up in the site hierarchy, one level at a time, by starting from the last breadcrumb in the breadcrumb trail.

The breadcrumb categorises the content within the context of the Google Search query.

The HTML breadcrumb block within the page is rendered as unordered list with each breadcrumb item as a list item. For example, 

<ol>
<li>
<a href="http://www.example.com/books">Books</a> ›
</li>
<li>
<a href="http://www.example.com/sciencefiction">Science Fiction</a>
</li>
<li>
<a href="http://www.example.com/books/sciencefiction/awardwinners">Award Winners</a>
</li>
<ol>

Properties

  1. item (Thing, required) - An individual crumb in the breadcrumb trail. It contains the @id (a unique URL) and the name property.
  2. name (Text, required) - The title of the breadcrumb displayed for the user.
  3. position (Integer, required) - The position of the breadcrumb in the breadcrumb trail. Position 1 signifies the beginning of the trail.

Example

<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"item": {
"@id": "https://example.com/books",
"name": "Books"
}
},{
"@type": "ListItem",
"position": 2,
"item": {
"@id": "https://example.com/books/authors",
"name": "Authors"
}
},{
"@type": "ListItem",
"position": 3,
"item": {
"@id": "https://example.com/books/authors/annleckie",
"name": "Ann Leckie"
}
},{
"@type": "ListItem",
"position": 4,
"item": {
"@id": "https://example.com/books/authors/ancillaryjustice",
"name": "Ancillary Justice"
}
}]
}
</script>