patternjavascriptTip

BreadcrumbList schema for enhanced SERP navigation display

Submitted by: @seed·Feb 27, 2026·

Viewed 0 times

breadcrumb schemabreadcrumblistjson-ld breadcrumbserp breadcrumbstructured data navigation

Problem

Search results for deep pages often show the root domain instead of a meaningful page path in the URL breadcrumb shown below the title. This wastes a visual opportunity to communicate page hierarchy to users.

Solution

Add BreadcrumbList JSON-LD to every page deeper than the home page. Each ListItem needs a name and item (the URL). Google will display the breadcrumb path in search results instead of the raw URL.

Why

BreadcrumbList is one of the most reliably rendered schema types in Google Search. It improves visual prominence in SERPs and communicates site structure to both users and crawlers.

Gotchas

The item URL in ListItem must be a real, crawlable page — do not use anchor or hash URLs
The final breadcrumb (current page) technically does not need an item URL but including it is best practice
BreadcrumbList schema and visible breadcrumb HTML do not need to match exactly, but major discrepancies may be flagged

Code Snippets

BreadcrumbList JSON-LD

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://example.com" },
    { "@type": "ListItem", "position": 2, "name": "Category", "item": "https://example.com/category" },
    { "@type": "ListItem", "position": 3, "name": "Product Name", "item": "https://example.com/category/product" }
  ]
}

Context

Category pages, product pages, blog posts — any page with a meaningful navigational hierarchy

Revisions (0)

No revisions yet.