🍞

Breadcrumb Schema Generator

Generate breadcrumb structured data

This URL will be used as the base for relative paths

Breadcrumb Items

Pos: 1
Pos: 2
Pos: 3

Export Options

How to Use

  1. 1
    Add Breadcrumb Items: Enter navigation path
  2. 2
    Set URLs: Link each breadcrumb level
  3. 3
    Generate: Create breadcrumb Schema
  4. 4
    Implement: Add to your pages

✨ Features

📍
Visual Breadcrumb Builder: Create breadcrumbs with an intuitive interface
🔍
SEO Ready: Generate valid schema.org JSON-LD markup
👁️
Live Preview: See how breadcrumbs appear in search results
💾
Multiple Exports: Download as JSON or HTML file
✏️
Full Control: Edit names, URLs, and positions easily
Quick Actions: Duplicate, add, and remove items instantly

💡 Best Practices

Start with Home: Always begin your breadcrumb with your homepage
Logical Hierarchy: Structure breadcrumbs to match your site's navigation
Valid URLs: Ensure all URLs in breadcrumbs are valid and accessible
Clear Names: Use clear, user-friendly names for each breadcrumb item
Implementation: Add the JSON-LD code to your page's head section
Validation: Test with Google's Rich Results Test after implementation

🔧 Implementation Guide

Step 1: Generate Schema

Use this tool to create your breadcrumb schema

Step 2: Copy the Code

Switch to Code view and copy the JSON-LD markup

Step 3: Add to Page

Paste the code into a <script> tag in your page's <head> section:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  ...
}
</script>

Step 4: Test

Validate using Google's Rich Results Test

Frequently Asked Questions

What are breadcrumb rich snippets?

Breadcrumb rich snippets show your site's navigation structure in search results, helping users understand page hierarchy.

Should every page have breadcrumb schema?

Yes, implement breadcrumb schema on all pages except the homepage for best results.

Why use Breadcrumb Schema?

Breadcrumb schema helps search engines understand your site structure and can display breadcrumbs in search results, improving user experience and click-through rates.

Can I use relative URLs?

For the schema to work properly with search engines, it's best to use absolute URLs (including the domain). The preview will work with relative URLs, but search engines prefer full URLs.

Should the last item have a URL?

According to schema.org best practices, the last breadcrumb item (current page) should not have a URL property. This tool automatically handles this for you.

How many breadcrumbs should I have?

There's no hard limit, but typically 3-5 breadcrumbs is ideal. Avoid more than 10 as it can confuse users and search engines.

Does Google always show breadcrumbs?

No, Google uses valid breadcrumb schema at its discretion. Having proper schema increases the likelihood that breadcrumbs will display in search results.

📋 Use Cases

E-commerce Sites

  • • Product category navigation
  • • Multi-level catalog structure
  • • Filter and search breadcrumbs
  • • Improved search visibility

Blogs & News Sites

  • • Article category navigation
  • • Tag-based breadcrumbs
  • • Archive organization
  • • Content hierarchy clarity

Documentation Sites

  • • Section navigation
  • • Topic hierarchy
  • • API documentation
  • • User guidebooks

Corporate Websites

  • • Multi-page site navigation
  • • Department structure
  • • Product lines
  • • Service offerings

⚙️ Technical Details

Schema Type: BreadcrumbList
Properties:
  • • @context: https://schema.org
  • • @type: BreadcrumbList
  • • itemListElement: Array of ListItem objects
ListItem Properties:
  • • @type: ListItem
  • • position: Number (1, 2, 3, ...)
  • • name: String (item label)
  • • item: String (URL, optional for last item)
Validation: Test with Google Rich Results Test

💡 Pro Tips

Mobile Users: Breadcrumbs are especially valuable on mobile devices where navigation space is limited
Current Page: Don't link the last breadcrumb (current page) in your HTML; use the schema to indicate the position without a link
Consistency: Keep breadcrumb structure consistent across your entire website
User Experience: Combine schema markup with actual HTML breadcrumbs for best UX
Naming: Use keywords in breadcrumb names for better SEO benefits
Testing: Always validate your schema after implementation