mcpField
S
schema-markup

schema-markup

github.com/coreyhaines31营销与增长57.1k55.5k 次安装1 天前更新
代码仓库

关于 schema-markup

schema-markup 是用于实施结构化数据的技能,帮助搜索引擎理解页面内容并支持搜索富媒体结果。它侧重准确的 JSON-LD、Schema 类型选择及部署前验证。

主要功能

  1. 01按页面选择 Schema 类型
  2. 02JSON-LD 实施指导
  3. 03使用 @graph 组合类型
  4. 04验证并检查错误
  5. 05静态站点、动态站点和 CMS 实施指导

适用场景

  1. 01为博客文章添加结构化数据
  2. 02标记产品或组织页面
  3. 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 标记前,请先了解:

  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. 有哪些可用于填充架构的数据?
  4. 页面上是否已有架构?
  5. 你的技术栈是什么?

相关技能

  • seo-audit:用于整体 SEO,包括架构审查
  • ai-seo:用于 AI 搜索优化(架构有助于 AI 理解内容)
  • programmatic-seo:用于大规模创建模板化架构
  • site-architecture:用于规划面包屑结构和导航架构

评论

支持 Markdown