Breadcrumb Schema Generator

Generate BreadcrumbList JSON-LD for Google rich results in seconds.

Preview

HomeBlogArticle

Breadcrumb Items

JSON-LD

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://example.com"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog",
      "item": "https://example.com/blog"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Article",
      "item": "https://example.com/blog/article"
    }
  ]
}

HTML Script Tag

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://example.com"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog",
      "item": "https://example.com/blog"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Article",
      "item": "https://example.com/blog/article"
    }
  ]
}
</script>

About Breadcrumb Schema

A BreadcrumbList schema tells Google the hierarchical path to the current page. When indexed, it can replace the plain URL in search results with a human-readable trail like Home › Blog › Article, improving click-through rates. Add one ListItem per level, set position starting at 1, and paste the generated <script> block into your page's <head>. Validate the output with Google's Rich Results Test before deploying. All generation happens locally in your browser — nothing is sent to any server.