mcpField
S
schema-markup

schema-markup

github.com/makerjackie营销与增长139 次安装36 周前更新
代码仓库

关于 schema-markup

用于在网站实现 schema.org 标记的结构化数据技能,面向开发者和 SEO 从业者。它协助评估页面内容、选择合适的 schema 类型、生成 JSON-LD,并验证标记。

主要功能

  1. 01评估页面类型和现有标记
  2. 02选择 schema.org 类型与属性
  3. 03实现 JSON-LD 标记
  4. 04使用搜索与 Schema 工具验证
  5. 05核对标记与页面可见内容

适用场景

  1. 01为产品页面添加结构化数据
  2. 02为文章或 FAQ 添加标记
  3. 03检查 Schema 中的错误和遗漏
  4. 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 前,请先了解:

  1. 页面类型 - 这是什么类型的页面?主要内容是什么?可能展示哪些富媒体结果?

  2. 当前状态 - 是否已有 schema?实施中是否存在错误?目前已展示哪些富媒体结果?

  3. 目标 - 你希望展示哪些富媒体结果?这有什么业务价值?


核心原则

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
SoftwareApplicationSaaS/应用页面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 文档,确认必需字段

值无效 - 日期必须采用 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
}
测试清单
  • 在富媒体搜索结果测试中验证通过
  • 无错误或警告
  • 与页面内容一致
  • 包含所有必需属性

任务相关问题

  1. 这是什么类型的页面?
  2. 你希望实现哪些富媒体结果?
  3. 有哪些数据可用于填充 schema?
  4. 页面上是否已有 schema?
  5. 你使用什么技术栈?

相关技能

  • seo-audit:用于全面 SEO,包括 Schema 审查
  • ai-seo:用于 AI 搜索优化(Schema 有助于 AI 理解内容)
  • programmatic-seo:用于大规模应用模板化 Schema

评论

支持 Markdown