components-breadcrumb
Installation
SKILL.md
Components: Breadcrumb Navigation
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) | Recommended — most SEO-friendly; clear structure |
| Attribute-based | Shows product attributes (Home > Electronics > Phone > iPhone 15) | E-commerce; product classification |
| Path-based | Shows user's browsing path | Avoid — different users, different paths; can cause confusion |