用途：指导面包屑导航的实现，兼顾 SEO、用户体验与 GEO。面包屑向用户展示其在站点层级中的位置，并帮助搜索引擎理解内容分类。
主要能力：覆盖面包屑 UI（如 Home > Category > Page）、BreadcrumbList JSON-LD 结构化数据、放置位置（通常在页头下方、主内容上方），并给出类型选择建议。类型包括：基于位置（反映站点层级，最推荐、最利于 SEO）、基于属性（展示产品属性，适合电商）、基于路径（展示用户浏览路径，建议避免）。默认多数站点用基于位置，电商产品页用基于属性。
使用方式：首次使用时可用 1–2 句说明技能范围与价值，再给出主要输出；后续使用或用户要求跳过时直接输出。先检查是否存在 .claude/product-marketing-context.md 或 .cursor/product-marketing-context.md，读取站点结构与关键页面；再识别站点结构层级、页面类型、多分类情况（需定义规范路径）。输出格式包括：结构建议（层级、标签）、BreadcrumbList JSON-LD（绝对 URL）、语义化可访问 HTML 结构、放置位置，以及用 Rich Results Test、Schema Markup Validator、Search Console 增强报告验证。
最佳实践：层级 3–5 层为佳；锚文本含关键词、可读；全站模式一致；多分类商品定义唯一规范面包屑。Schema 要求：JSON-LD 置于 script type="application/ld+json"；每项用 https:// 绝对 URL；position 从 1 递增；schema 必须与可见面包屑完全一致；顺序为 ItemListOrderAscending。放置与设计：位于导航栏下方或页面标题上方；字体较小、颜色较浅；分隔符统一；命名与页面标题或导航一致。可访问性：移动端可点击、文本简短高对比；长路径用横向滚动而非截断；最后一项不加链接并使用 aria-current="page"；用 nav aria-label="Breadcrumb"。
SEO 影响：面包屑分配链接权重、帮助爬虫理解分类；BreadcrumbList 常出现在 Google AI Mode 引用的页面上。注意 Google 于 2025 年 1 月从移动端 SERP 移除可视化面包屑，但 schema 与算法价值对爬虫和 AI 仍重要。
适用场景：电商（分类 > 子分类 > 产品）、博客（Home > Blog > Category > Post）、文档（Home > Docs > Section > Page）、3 层以上层级的大型站点。扁平站点（单页、1–2 层）可跳过；6 层以上可省略中间层级。
平台：WordPress 可用 Yoast SEO、Rank Math、Breadcrumb NavXT；Next.js 可用 next-seo BreadcrumbJsonLd 或按路由段自定义；Shopify、Drupal、Joomla 有内置或插件支持。
常见错误：schema 用相对 URL、schema 与可见路径不一致、缺少 position、最后一项加了链接、层级过多、路径不准确、未加 schema。
限制：资料未提供该技能的收费、价格、平台支持范围等具体信息。