thedaviddias/front-end-checklist

breadcrumb

Use when auditing metadata, crawlability, structured data, or indexability related to Implement valid BreadcrumbList schema. Verify the rendered HTML and HTTP response rather than relying only on source files.

First seen Jul 31, 2026

Installation

$ npx skills add thedaviddias/front-end-checklist --skill breadcrumb

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from thedaviddias/front-end-checklist · top by installs.

npx skills add thedaviddias/front-end-checklist

Browse all from thedaviddias/front-end-checklist

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 74.1K
License MIT
Default branch main
Open issues 5
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

More metadata
category
seo
priority
medium
difficulty
intermediate
estimatedTime
10
source
frontendchecklist.io
url
https://frontendchecklist.io/en/rules/seo/breadcrumb

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,696 B
  • docs SUMMARY.md 227 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 9 installs

SKILL.md

Implement valid BreadcrumbList schema

Breadcrumbs help search engines understand your site's structure and often appear in search results, improving navigation and click-through rates.

Quick Reference

  • Add BreadcrumbList structured data only when the page has a visible, meaningful breadcrumb trail
  • Ensure the breadcrumb path matches the visible trail and the site's logical hierarchy
  • Use JSON-LD to mark up each item in the breadcrumb trail correctly

Check

Verify that the page contains valid BreadcrumbList structured data matching the visible breadcrumbs.

Fix

Implement a JSON-LD script that defines each level of the page's hierarchy using ListItem properties.

Explain

Explain how breadcrumb schema replaces URLs in search results with a more readable navigation path.

Code Review

Review metadata generation, rendered HTML, structured data, and response headers related to Implement valid BreadcrumbList schema. Flag exact routes or templates where search-facing output violates the rule, and describe how to verify the final page output.


For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/en/rules/seo/breadcrumb