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.
ソース情報
- リポジトリ
- thedaviddias/Front-End-Checklist
- ソースの最終更新活動
- 2026年6月9日 20:15
- 検出された SKILL.md の言語
- 英語
- スター
- 74,218
- フォーク
- 6,742
インストール方法
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
ソースファイルを確認
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
ファイルエクスプローラー
2 ファイルSKILL.md を表示中
SKILL.md
ソースの指示 · 読み取り専用プレビュー- name
- breadcrumb
- description
- 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.
- metadata
- {"category":"seo","priority":"medium","difficulty":"intermediate","estimatedTime":"10","source":"frontendchecklist.io","url":"https://frontendchecklist.io/en/rules/seo/breadcrumb"}
# 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
GitHubで見る