Guides breadcrumb implementation for SEO, UX, and GEO. Breadcrumbs show users their location in the site hierarchy and help search engines understand content taxonomy. Well-implemented breadcrumbs can increase CTR by 20–30%, reduce bounce rates by up to 30%, and strengthen internal linking.
When invoking
On
first use
, if helpful, open with 1–2 sentences on what this skill covers and why it matters, then provide the main output. On
subsequent use
or when the user asks to skip, go directly to the main output.
Scope
Breadcrumb UI
Visual trail (Home > Category > Page)
BreadcrumbList schema
JSON-LD structured data for rich results
Placement
Typically below header, above main content
Breadcrumb Types
Type
Use case
Recommendation
Location-based
Reflects site hierarchy (Home > Blog > SEO > Page)
— different users, different paths; can cause confusion
Default
Use location-based for most sites. Use attribute-based for e-commerce product pages.
Initial Assessment
Check for product marketing context first:
If
.claude/product-marketing-context.md
or
.cursor/product-marketing-context.md
exists, read it for site structure and key pages.
Identify:
Site structure
Hierarchy depth (e.g., Home > Category > Subcategory > Product)
Page types
Blog, e-commerce, docs, etc.
Multi-category
Products in multiple categories—need canonical path
Best Practices
Structure & Hierarchy
Practice
Guideline
Depth
3–5 levels optimal; avoid very long trails
Anchor text
Keyword-rich, human-readable; descriptive
Consistency
Same pattern across all pages (blog, category, product)
Canonical path
For items in multiple categories, define one canonical breadcrumb to avoid diluted link equity
Schema (BreadcrumbList)
Requirement
Guideline
Format
JSON-LD in