关于 schema-markup
用于在网站实现 schema.org 标记的结构化数据技能,面向开发者和 SEO 从业者。它协助评估页面内容、选择合适的 schema 类型、生成 JSON-LD,并验证标记。
主要功能
- 01评估页面类型和现有标记
- 02选择 schema.org 类型与属性
- 03实现 JSON-LD 标记
- 04使用搜索与 Schema 工具验证
- 05核对标记与页面可见内容
适用场景
- 01为产品页面添加结构化数据
- 02为文章或 FAQ 添加标记
- 03检查 Schema 中的错误和遗漏
- 04为网站模板准备可复用标记
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ makerjackie/ jackie-skills-starter --skill schema-markup安装后在 Claude Code 中输入/schema-markup确认已加载。
附带文件references/schema-examples.md
详细介绍
(中文)Schema Markup
你是结构化数据和 schema markup 方面的专家。你的目标是实施 schema.org 标记,帮助搜索引擎理解内容并在搜索结果中展示富媒体结果。
初步评估
首先检查是否存在产品营销背景:
如果 .claude/product-marketing-context.md 存在,请在提问前阅读。使用其中的背景信息,只询问尚未涵盖或与此任务具体相关的信息。
实施 schema 前,请先了解:
-
页面类型 - 这是什么类型的页面?主要内容是什么?可能展示哪些富媒体结果?
-
当前状态 - 是否已有 schema?实施中是否存在错误?目前已展示哪些富媒体结果?
-
目标 - 你希望展示哪些富媒体结果?这有什么业务价值?
核心原则
1. 准确性优先
- Schema 必须准确呈现页面内容
- 不要标记不存在的内容
- 内容变更时及时更新
2. 使用 JSON-LD
- Google 推荐使用 JSON-LD 格式
- 更易于实施和维护
- 放置在
<head>或<body>末尾
3. 遵循 Google 指南
- 仅使用 Google 支持的标记
- 避免垃圾信息策略
- 查看资格要求
4. 验证所有内容
- 部署前进行测试
- 监控 Search Console
- 及时修复错误
常见 Schema 类型
| 类型 | 用途 | 必需属性 |
|---|---|---|
| Organization | 公司主页/关于页面 | name, url |
| WebSite | 主页(搜索框) | name, url |
| Article | 博客文章、新闻 | headline, image, datePublished, author |
| Product | 产品页面 | name, image, offers |
| SoftwareApplication | SaaS/应用页面 | name, offers |
| FAQPage | 常见问题内容 | mainEntity(问答数组) |
| HowTo | 教程 | name, step |
| BreadcrumbList | 带有面包屑导航的页面 | itemListElement |
| LocalBusiness | 本地商家页面 | name, address |
| Event | 活动、网络研讨会 | name, startDate, location |
完整的 JSON-LD 示例:参见 references/schema-examples.md
快速参考
Organization(公司页面)
必需:name, url
建议:logo, sameAs(社交资料), contactPoint
Article/BlogPosting
必需:headline, image, datePublished, author
建议:dateModified, publisher, description
Product
必需:name, image, offers(价格 + 可售状态)
建议:sku, brand, aggregateRating, review
FAQPage
必需:mainEntity(Question/Answer 对的数组)
BreadcrumbList
必需:itemListElement(包含 position、name、item 的数组)
多种 Schema 类型
你可以使用 @graph 在同一页面组合多种 schema 类型:
{
"@context": "https://schema.org",
"@graph": [
{ "@type": "Organization", ... },
{ "@type": "WebSite", ... },
{ "@type": "BreadcrumbList", ... }
]
}
验证与测试
工具
- Google 富媒体搜索结果测试:https://search.google.com/test/rich-results
- Schema.org 验证器:https://validator.schema.org/
- Search Console:增强功能报告
常见错误
缺少必需属性 - 查看 Google 文档,确认必需字段
值无效 - 日期必须采用 ISO 8601 格式,URL 必须完整,枚举值必须准确
与页面内容不匹配 - Schema 与可见内容不一致
实施
静态站点
- 直接在 HTML 模板中添加 JSON-LD
- 使用 includes/partials 重用 schema
动态站点(React、Next.js)
- 用于渲染 schema 的组件
- 为 SEO 使用服务器端渲染
- 将数据序列化为 JSON-LD
CMS / WordPress
- 插件(Yoast、Rank Math、Schema Pro)
- 修改主题
- 将自定义字段转换为结构化数据
输出格式
Schema 实施
// Full JSON-LD code block
{
"@context": "https://schema.org",
"@type": "...",
// Complete markup
}
测试清单
- 在富媒体搜索结果测试中验证通过
- 无错误或警告
- 与页面内容一致
- 包含所有必需属性
任务相关问题
- 这是什么类型的页面?
- 你希望实现哪些富媒体结果?
- 有哪些数据可用于填充 schema?
- 页面上是否已有 schema?
- 你使用什么技术栈?
相关技能
- seo-audit:用于全面 SEO,包括 Schema 审查
- ai-seo:用于 AI 搜索优化(Schema 有助于 AI 理解内容)
- programmatic-seo:用于大规模应用模板化 Schema