Breadcrumbs Schema for Blogs, Article and News Websites

With the article schema type, you can add structured markups for a news, blog or article page that can enhance the appearance in search results.

WATCH WALK-THROUGH VIDEO

What Is the Breadcrumbs Schema Generator?

A set of links that can help a user understand and navigate a website hierarchy.

The breadcrumbs show where we are, and where we’ve been. Every step of the path is clickable and links back to the respective previous pages — all the way back to the home page. 

Breadcrumbs are particularly useful for ecommerce sites, as users can see the path they took to find a particular product, and easily backstep to where they want to go.

Breadcrumb
JSON-LD Schema Code

How to Add Breadcrumbs Schema Generator?

Here’s how you can implement a breadcrumbs schema markup on your website in three easy steps with zero coding skills.

Google has provided guidelines for using JSON-LD, microdata, RDFA, or HTML markup to enable easier indexing of a website’s breadcrumbs by its crawlers. It’s recommended that all breadcrumbs include microdata markup to enable enhanced SERP snippets with breadcrumb links.

To specify breadcrumbs, you must define the breadcrumbList that contains at least two ListItems.

  • BreadcrumbList: the container item that holds all the elements in the list.
  • ListItem: includes details about an individual item in the list.

You must include the required properties for your content to be eligible for display with breadcrumbs.

  • itemListElement: an array of breadcrumbs listed in a specific order. Specify each breadcrumb with a ListItem.

Here’s an example for single breadcrumb tail:

{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
  "itemListElement": [{
    "@type": "ListItem",
    "position": 1,
    "name": "Books",
    "item": "https://example.com/books"
  },{
    "@type": "ListItem",
    "position": 2,
    "name": "Authors",
    "item": "https://example.com/books/authors"
  },{
    "@type": "ListItem",
    "position": 3,
    "name": "Ann Leckie",
    "item": "https://example.com/books/authors/annleckie"
  }]
}
  • Item: the URL to the webpage that represents the breadcrumb. There are two ways to specify the item:
  1. URL: specify the URL of the page, as shown here:

“item”: “https://example.com/books“

  1. Thing: use an id to specify the URL based on the markup format you’re using:
  • JSON-LD: use @id to specify the URL.
  • Microdata: you can use href or itemid to specify the URL.
  • RDFa: you can use about, href, or resource to specify the URL.
  • Name: the title of the breadcrumb displayed for the user. If you use a thing with a name instead of a URL to specify an item, then name is not required.
  • Position: the position of the breadcrumb in the breadcrumb trail. Position 1 signifies the beginning of the trail.

Breadcrumb trails tell users about a page position within a site’s hierarchy. Marking up your pages with breadcrumb structured data helps search engines display this information to users.