BreadcrumbList Schema

BreadcrumbList Schema

Introducing the BreadcrumbList Schema, a structured data format meticulously designed to enhance the navigation and understanding of website hierarchies. This schema plays a crucial role in improving user experience and search engine optimization by providing clear, breadcrumb trails on a webpage. It includes properties like the item’s name and its position within the site structure, guiding both users and search engines through a website’s layout seamlessly.

The BreadcrumbList Schema is essential for websites aiming to offer a more organized and user-friendly navigation experience. By implementing this structured data, websites help search engines understand the page’s position within the site hierarchy, leading to more informative and visually appealing search results. Similar to implementing schemas such as Event Schema or FAQPage, the Breadcrumb Schema requires to mark up web pages with specific information about each breadcrumb link. This includes:

Mandatory Fields:

itemListElement: Details of each breadcrumb, including the item’s name and position in the site hierarchy.

item: The URL of the item within the breadcrumb trail.

Recommended Fields: 

name: The name of the breadcrumb item.

position: The item’s position in the sequence of the breadcrumb trail.

While the mandatory fields ensure the basic structure is recognized by search engines, incorporating the recommended fields enhances the detail and clarity of the breadcrumb path, significantly improving user navigation and site understanding.

By adopting the Breadcrumb Schema, websites not only improve their usability but also enhance their visibility in search results. This structured approach to site navigation ensures that users and search engines can effortlessly understand and navigate the website’s structure, promoting a better overall web experience. Implement the Breadcrumb Schema today, and illuminate the path for your website’s visitors and search engines alike.

Here is an example of Breadcrumb schema looks like:

How to access Breadcrumblist schema using Rich Snippets

Access it from METAs – Rich Snippet – Breadcrumblist

Clicking on the “+” symbol will open up a panel where you can start editing and customizing your Schema Template.

A pop-up will appear

Add your data, a question and its answer.
Mandatory fields will have small red starlike symbol (*) added to them:
In this schema make sure to add the following:
Position – as this determines where the item is placed
Name – make sure it is a unique name, fro each element
URL – add the link for the item

For each new element, you wish to add, ensure that you add a new ItemListElement

After all your elements are added, make sure to Save

With this, your Breadcrublist schema is now in place. The only thing left is to verify its functionality and ensure it performs as anticipated. This process is simpler than you might think, and Squirrly will guide you through the necessary steps.

Verify Markup

After saving your changes, you can verify that the Breadcrublist schema markup has been added correctly by viewing the page or post source code. Look for the JSON-LD markup representing the Breadcrublist schema.

1. Click on JSON-LD Code – Validate JSON-LD

2. A new page / tab will open you will get you test code, click on TEST CODE

3. A small pop-up appears, and you will have to wait a few moments for the data to be processed
4. Once data is processed, you will be able to see your work, test it, share it and use it to enhance your work.

For further details, we recommend referring to the following resources
BreadcrumbList Schema
Breadcrumb (BreadcrumbList) structured data