jsonld-breadcrumblisted
Install: claude install-skill suirindo/netsujo-aio-seo
# BreadcrumbList JSON-LD Generator
Production-ready BreadcrumbList JSON-LD with React component output for the Next.js App Router, automatic path-to-label resolution, and Google Rich Results Test compatibility.
## What it does
1. **Generates valid BreadcrumbList JSON-LD** from a URL pathname plus a YAML label dictionary
2. **Emits Next.js App Router React components** that resolve breadcrumbs at runtime via `usePathname()`
3. **Handles dynamic segments** (`[slug]`, `[id]`) by accepting a runtime title prop or frontmatter lookup
4. **Validates against Schema.org BreadcrumbList spec**: sequential `position`, absolute item URLs, last-item URL omission
5. **Scans an `app/` tree** to enumerate all routes and generate a single `BreadcrumbSchema.tsx` covering them
## When to use
- User says "breadcrumb schema", "BreadcrumbList JSON-LD", "breadcrumb rich result"
- Adding a new section under an existing tree (`/blog/[slug]`, `/events/[id]`)
- Migrating to App Router and re-implementing breadcrumbs
- Before Google Rich Results Test submission for non-home pages
## Critical Google constraints
Per [Google BreadcrumbList guidelines](https://developers.google.com/search/docs/appearance/structured-data/breadcrumb):
1. **`position` starts at 1 and increments by exactly 1** — gaps or duplicates invalidate the markup
2. **`item` must be an absolute URL** (`https://example.com/blog`), not a relative path
3. **The last `ListItem` MAY omit `item`** since it represents the current page
4.