A specialized tool for generating SEO-friendly, accessible breadcrumb navigation and valid BreadcrumbList JSON-LD schema.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install breadcrumb-generator
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install breadcrumb-generator using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Breadcrumb Generator?
The Breadcrumb Generator is a comprehensive technical tool designed to streamline the implementation of site hierarchy navigation. It focuses on creating location-based and attribute-based trails that guide users through complex site structures while providing search engines with clear taxonomy signals. By leveraging this component of Openclaw Skills, developers can ensure their site navigation adheres to modern web standards, including semantic HTML and WCAG accessibility guidelines.
Beyond simple visual links, this skill prioritizes SEO impact by generating precise BreadcrumbList structured data. This helps search engines understand the relationship between pages, potentially increasing click-through rates and reducing bounce rates. Whether you are building an e-commerce platform or a deep documentation site, the Breadcrumb Generator ensures a consistent and crawlable internal linking structure.
Breadcrumb Generator Use Cases
- Implementing location-based trails for blogs and content-heavy sites to show hierarchy (Home > Blog > Category > Post).
- Creating attribute-based navigation for e-commerce product pages to improve user discovery.
- Auditing existing sites for breadcrumb SEO errors such as relative URLs or missing schema positions.
- Generating accessible, mobile-friendly navigation components that meet ARIA standards.
- Automating the creation of BreadcrumbList JSON-LD for Google Rich Results.
How Breadcrumb Generator Works
- Analyze the existing site structure and hierarchy depth by reviewing project context files.
- Determine the optimal breadcrumb type (Location-based or Attribute-based) based on the page content and purpose.
- Extract route segments or metadata to form a logical trail from the homepage to the current leaf page.
- Generate semantic HTML using ordered lists and proper ARIA labels for accessibility.
- Construct valid BreadcrumbList JSON-LD with absolute URLs and sequential position numbering.
- Provide specific implementation guidance for platforms like Next.js, WordPress, or Shopify.
Breadcrumb Generator Setup
To integrate breadcrumb logic into your development workflow using Openclaw Skills, ensure your project environment is ready for schema injection.
# Example: Install next-seo for Next.js breadcrumb management
npm install next-seo
# Or prepare your environment to generate semantic HTML components
mkdir -p components/navigation
touch components/navigation/Breadcrumbs.tsx
Configure your component to accept absolute URLs to satisfy search engine requirements for structured data.
Breadcrumb Generator Data Schema & Taxonomy
The Breadcrumb Generator organizes data based on a hierarchical taxonomy. The following table outlines the metadata requirements for each breadcrumb node:
| Property | Format | Description |
|---|---|---|
itemListElement |
Array | A collection of list items forming the trail. |
item |
URL (Absolute) | The specific URL of the page in the hierarchy. |
name |
String | The human-readable anchor text (keyword-rich). |
position |
Integer | The sequential order in the trail (starting at 1). |
aria-current |
String | Set to 'page' for the final, non-linked item. |
Breadcrumb Generator Advanced Features
- Support for canonical path definition to prevent link equity dilution on multi-category products.
- Automatic integration with schema-markup for complex multi-path JSON-LD structures.
- Responsive design patterns including horizontal scroll containers for deep mobile trails.
- Context-aware generation that skips flat sites to maintain UI cleanliness.
- Integration with article-page-generator for automated blog taxonomy display.
SKILL.md
Loading
Related Openclaw Skills
Monero vs Bitcoin Comparison
A detailed technical and philosophical comparison between Monero (XMR) and Bitcoin (BTC) for blockchain researchers and developers.
ClawForage Research Agent
A professional-grade research specialist that analyzes harvested knowledge to produce structured domain reports, entity maps, and cross-article connection analysis.
Monero Mining Pool Comparison Guide
A technical guide for comparing Monero mining pools based on fees, payout thresholds, and privacy considerations.
ClipBox
A developer-focused CLI toolkit for organizing text snippets and logging multi-category activity with automated timestamping.
Parallel History Simulator
A turn-based historical simulation game where players shape the course of history through political strategy, faction management, and environmental adaptation.
GLM-V Resume Screening Skill
An AI-powered resume screening tool that evaluates candidates against specific job criteria using the ZhiPu GLM-V multimodal model.
Featured*
