Breadcrumb Schema Generator

Generate breadcrumb structured data

Browser ProcessingYour data never leaves your browser

Breadcrumb Items

Quick Generate from URL

Breadcrumb Preview

JSON-LD Schema

<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": "Category",
      "item": "https://example.com/category"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Current Page"
    }
  ]
}
</script>

HTML Microdata

<ol itemscope itemtype="https://schema.org/BreadcrumbList">
  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
    <a itemprop="item" href="https://example.com">
      <span itemprop="name">Home</span>
    </a>
    <meta itemprop="position" content="1" />
  </li>
  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
    <a itemprop="item" href="https://example.com/category">
      <span itemprop="name">Category</span>
    </a>
    <meta itemprop="position" content="2" />
  </li>
  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
    <span itemprop="name">Current Page</span>
    <meta itemprop="position" content="3" />
  </li>
</ol>

Twitter Card GeneratorGenerate Twitter Card meta tags

Schema.org GeneratorGenerate JSON-LD structured data

CSP Header BuilderBuild Content Security Policy headers

Breadcrumb Schema Generator

Related Tools