indie-blogs-bg

Structured Data: The Breadcrumb Markup

Structured Data: The Breadcrumb Markup featured image
12 Aug 2020
Nirlep Patel
Structured Data

The term breadcrumbs in digital marketing and web development was inspired by the classic story of Hansel & Gretel, where the siblings dropped breadcrumbs to find their way home. In the digital world, breadcrumbs serve as secondary navigation tools that help users understand their exact location within a website, as well as the relationship between pages.

What Are Breadcrumbs?

Breadcrumbs are a type of navigational aid that typically appear at the top of a web page, showing the path a user has followed to get to their current page. For instance, if you’re on a page about “The Best Places to Eat in Mumbai” on a website like theculturetrip.com, the breadcrumb trail might appear as:

theculturetrip.com > Mumbai > Food & Drink

Breadcrumbs help users easily navigate through the structure of the website and understand where they are within it. They also play a vital role in enhancing website hierarchy, making it easier for users to understand the relationship between different pages.

Types of Breadcrumbs

  1. Hierarchy or Location-Based Breadcrumbs: These breadcrumbs represent the structure or hierarchy of the website, helping users understand the relationship between pages. They also show the path from the homepage to deeper pages on the site.

    Example: Home > Category > Electronics > Laptops

  2. Attribute-Based Breadcrumbs: Commonly used in e-commerce websites, attribute-based breadcrumbs show the characteristics of a product, such as size, color, or brand. Users can click on attributes like "Size" or "Color" to refine their search or shopping experience.

  3. History or Path-Based Breadcrumbs: These breadcrumbs reflect the user's navigation history. They help users go back to previously viewed pages by providing a "back" option, so users can retrace their steps.

Breadcrumb Properties for Structured Data

To structure data using breadcrumbs, it’s crucial to define various properties:

  1. BreadcrumbList: This is a list containing all the breadcrumb properties. A BreadcrumbList should contain at least two ListItems.

  2. ItemList Properties:

    • item: Contains URL (the webpage's link) and thing (used to define the ID based on the markup format like JSON-LD, Microdata, or RDFa).

    • name: The visible title of the breadcrumb. If using a Thing with a name, this may not be required.

    • position: The breadcrumb’s position in the trail (e.g., first, second, etc.).

Why Should You Use Breadcrumbs on Your Website?

  1. SEO Benefits:

    • Breadcrumbs help search engine bots crawl and index the website more efficiently by providing an organized structure. The structured data markup for breadcrumbs enhances the visibility of your website in search engine result pages (SERPs).

    • Breadcrumbs can also improve keyword density, making your content more SEO-friendly.

  2. Increases Website Findability: Breadcrumbs make it easier for users to navigate your site. For example, if someone searches for a product category, they are more likely to find your site’s relevant page if it uses breadcrumbs effectively.

  3. User-Oriented Tool: Breadcrumbs make the user experience easier by clearly showing where the user is on the website and offering a clear path to other pages. This reduces confusion and ensures users can easily navigate your site without frustration.

  4. Minimal Space Requirement: Breadcrumbs take up very little space on the page, yet provide significant value in terms of navigation and SEO.

How to Create an SEO-Friendly Breadcrumb Trail

  1. Positioning:

    • Place the breadcrumb trail below the primary navigation and above the fold. Breadcrumbs placed in the footer or at the bottom of the page are less effective and could reduce SEO benefits.

  2. Use Correct Character Symbols:

    • The most commonly used symbol for breadcrumbs is the greater-than sign (>). Avoid using other symbols or characters that may confuse search engines or users.

  3. Keep It Short and Simple:

    • Ideally, each breadcrumb should include target keywords. Avoid using long sentences or overly descriptive text, as this can make the breadcrumb trail cluttered and hard to follow.

  4. Secondary Navigation:

    • Breadcrumbs should act as secondary navigation, not primary navigation. Using them as a primary navigation tool can negatively impact SEO.

  5. Create a Sitemap:

    • A visual sitemap is an excellent way to understand your website’s structure. This ensures that your breadcrumbs are logically arranged and easy for both users and search engines to follow.

  6. Choose Correct Keywords:

    • Consistency in keywords is crucial for SEO. Ensure your breadcrumbs use relevant keywords that align with your website’s content.

  7. Avoid Self-Linking:

    • Do not link the current page to itself. It wastes space and may frustrate users who end up clicking on a breadcrumb that leads them back to the page they’re already on.

Google Removes Breadcrumbs from Mobile Search Results (January 2025)

In January 2025, Google made a significant update to mobile search results. They removed breadcrumbs from mobile search results in an effort to make URLs appear more streamlined. This change is aimed at enhancing the mobile user experience by reducing clutter and displaying more concise, direct links. However, breadcrumbs are still visible in desktop search results, so users browsing on desktops will continue to benefit from the organized, structured display of breadcrumb trails.

This update highlights the evolving nature of SEO and search result layouts, emphasizing the need to stay adaptable with your website's structured data. Even though breadcrumbs have been removed from mobile results, their SEO benefits still hold for desktop search, and they remain a valuable tool for website navigation.

Troubleshooting Breadcrumbs

To ensure that your breadcrumb markup is functioning properly, you can use tools like Google’s Performance Report to analyze how your breadcrumbs are performing in search results. Testing and fine-tuning your breadcrumbs can result in improved SEO performance and a better user experience.

Conclusion

Just as Hansel & Gretel used breadcrumbs to find their way home, digital breadcrumbs help users navigate websites and understand the relationships between different pages. By implementing proper breadcrumb markup, websites can improve site navigation, enhance SEO, and provide a better experience for their users. Following the best practices and structuring your breadcrumbs correctly can lead to increased visibility in SERPs, a more organized website, and a user-friendly experience.

Related Blogs:


GROW YOUR BRAND
Get Ready To
Grow Your Brand?
legend_icon Enter Your Name*
legend_icon Email*
legend_icon Phone*
legend_icon Website*
legend_icon Service you want?*
legend_icon Marketing Budget*
legend_icon How did you hear about us?*
legend_icon Any message*