界面已本地化;技能介绍与说明文档按所选语言由 AI 自动翻译,代码、命令、路径和专业术语保留原文,以原作者文档为准。
探索技能
数据与研究 · SKILL.md

breadcrumb

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.

独立 GitHub 快照 · 自动分类 · 以原作者文档为准

技能说明

GitHub

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/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/rules/seo/breadcrumb

我的收藏