Breadcrumb Generator

This handles breadcrumb navigation implementation for both UI and SEO. It covers location-based, attribute-based, and path-based breadcrumbs, defaulting to location-based for most sites since it's the most SEO-friendly. You get semantic HTML with proper ARIA labels, BreadcrumbList schema guidance (though it defers to the schema-markup skill for JSON-LD specifics), and concrete advice on depth (3-5 levels optimal), placement (below header, above content), and common errors like relative URLs in schema or mismatched visible trails. Worth noting that Google dropped visual breadcrumbs from mobile SERPs in January 2025, but the schema still matters for crawlers and AI. Useful if you're working on e-commerce, blogs, or docs with real hierarchy.

Install to Claude Code

npx -y skills add kostja94/marketing-skills --skill breadcrumb-generator --agent claude-code