Generators · 100% free

Breadcrumb Schema Generator

Map your page hierarchy and copy valid BreadcrumbList JSON-LD that Google uses in the SERP.

Google Bing

Tip: leave the URL blank for the last (current) breadcrumb.

Preview

HomeShoesMen's RunningNike Air Max 90

html

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://yourstore.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Shoes",
      "item": "https://yourstore.com/shoes"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Men's Running",
      "item": "https://yourstore.com/shoes/mens/running"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "Nike Air Max 90"
    }
  ]
}
</script>

About this tool

Breadcrumb markup replaces your URL in the SERP with a navigable hierarchy, better CTR, cleaner branding. This generator builds the JSON-LD from your page's parent chain, with positions and URLs handled automatically.

Why breadcrumbs lift CTR

When BreadcrumbList markup is present, Google replaces your raw URL in search results with a navigable hierarchy. On product pages this swaps out an ugly URL slug for "Shoes > Men's Running > Nike Air Max 90" — easier to scan, more clickable, and helps users understand context before they click.

Pair with visible breadcrumbs

Schema works best when the page also renders visible breadcrumbs in the same hierarchy. This reinforces the structure to Google's crawler and gives users a tap-target to navigate up the tree.