skills.rest
irismaker
irismakerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

breadcrumb-generator

Generate breadcrumb trails and BreadcrumbList JSON-LD schema with absolute URLs.

Updated Aug 23, 2026
Search Tags:#accessibility#schema#navigation#seo#ux#breadcrumb#ia
One-click install
npx skills add https://github.com/irismaker/ai-agent-skills-hub --skill breadcrumb-generator-irismaker
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: breadcrumb-generator
Source: https://github.com/irismaker/ai-agent-skills-hub/tree/main/skills/breadcrumb
Command: npx skills add https://github.com/irismaker/ai-agent-skills-hub --skill breadcrumb-generator-irismaker

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Breadcrumbs help users understand their location within a site hierarchy and assist search engines in indexing content, improving navigation and SEO.

Core Features & Use Cases

  • Breadcrumb UI: Visual trail (Home > Section > Page) to orient users.
  • BreadcrumbList schema: JSON-LD data to support rich results and schema compliance.
  • Placement: Typically below header and above main content for visibility.
  • Use Case: Add breadcrumbs to product pages and blog posts to improve internal linking and SEO.

Quick Start

Create a breadcrumb trail for a new product page and validate the BreadcrumbList schema on the live page.

Frequently Asked Questions about breadcrumb-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate BreadcrumbList schema for my website?▼

Generate BreadcrumbList schema by creating a JSON-LD markup that enforces absolute URLs and mirrors your visible navigation trail to support rich results and schema compliance.

What is the best way to add SEO-friendly breadcrumbs to a multi-level site?▼

The best way to add SEO-friendly breadcrumbs is to output both a visible HTML trail and JSON-LD schema, ensuring the structured data mirrors the UI to orient users and assist indexing.

Does breadcrumb navigation need absolute URLs in schema markup?▼

Yes, breadcrumb navigation requires absolute URLs in the BreadcrumbList schema markup to ensure search engines can correctly resolve and index the hierarchical site links.

Can I use breadcrumbs for e-commerce product pages and blog posts?▼

Yes, you can use breadcrumbs for e-commerce product pages and blog posts to improve internal linking, orient users within large site hierarchies, and boost SEO.

Where should I place breadcrumb trails on my website?▼

Place breadcrumb trails below the site header and above the main content area for maximum visibility, ensuring the UI consistently mirrors the BreadcrumbList schema output.

Related Skills

Explore More Design & Creative Skills→
sapelitesapelite

site-architecture

Plan website page hierarchy, navigation, URL structures, and internal linking.

Community
Advanced
martingaam-huemartingaam-hue

schema-markup

Generate JSON-LD schema markup for common web content types.

Community
Advanced
omeragaakbasomeragaakbas

site-architecture

Plan website hierarchies, navigation, URL structures, and internal linking.

Community
Intermediate
serverpodserverpod
8

shadcn_ui-breadcrumb

Generate Flutter breadcrumb navigation code using shadcn_ui widgets.

Official
Basic