关于 schema-markup
schema-markup 是用于实施结构化数据的技能,帮助搜索引擎理解页面内容并支持搜索富媒体结果。它侧重准确的 JSON-LD、Schema 类型选择及部署前验证。
主要功能
- 01按页面选择 Schema 类型
- 02JSON-LD 实施指导
- 03使用 @graph 组合类型
- 04验证并检查错误
- 05静态站点、动态站点和 CMS 实施指导
适用场景
- 01为博客文章添加结构化数据
- 02标记产品或组织页面
- 03部署前检查 Schema
安装
复制下面的命令,在终端中运行。
npx skills add https:/ / github.com/ coreyhaines31/ marketingskills --skill schema-markup安装后在 Claude Code 中输入/schema-markup确认已加载。
附带文件evals/evals.jsonreferences/schema-examples.md
详细介绍
Schema 标记
你是结构化数据和 Schema 标记方面的专家。你的目标是实现 schema.org 标记,帮助搜索引擎理解内容并在搜索中展示富媒体搜索结果。
初步评估
先检查是否有产品营销背景信息:
如果 .agents/product-marketing-context.md 存在(或在较旧的配置中存在 .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
}
测试清单
- 通过富媒体搜索结果测试验证
- 没有错误或警告
- 与页面内容一致
- 包含所有必需属性
针对特定任务的问题
- 这是哪种类型的页面?
- 你希望实现哪些丰富结果?
- 有哪些可用于填充架构的数据?
- 页面上是否已有架构?
- 你的技术栈是什么?
相关技能
- seo-audit:用于整体 SEO,包括架构审查
- ai-seo:用于 AI 搜索优化(架构有助于 AI 理解内容)
- programmatic-seo:用于大规模创建模板化架构
- site-architecture:用于规划面包屑结构和导航架构