NanoSkill
提交你的 Skill

模式标记专家

作者coreyhaines3141KGitHub 星标GitHub

轻松添加和优化用于谷歌丰富结果(如星级评分、常见问题解答和面包屑导航)的模式标记。

模式安全扫描通过
结果预览

完整 Demo

查看针对 NanoSkill 的完整模式审计和优化策略,包括结构化数据建议、JSON-LD 实现以及由该代理技能生成的丰富结果优化。

开始使用

完成第一个任务

  1. the first step of Schema Markup Expert
    01

    安装

    将模式标记技能添加到您的 AI 代理。

  2. the second step of Schema Markup Expert
    02

    描述任务

    提供您的网站 URL、页面类型和模式优化目标。

  3. the third step of Schema Markup Expert
    03

    获取模式审计

    获取结构化数据建议、JSON-LD 实现以及丰富结果优化指导。

安装指令

$ npx skills add https://github.com/coreyhaines31/marketingskills/blob/main/skills/schema

安装信号

安装动态

关于

模式标记是在谷歌搜索中解锁丰富结果的关键。模式标记专家技能让您轻松地在网站上添加、修复和优化结构化数据,从 JSON-LD 实现到验证。它通过提供准确、符合谷歌要求的标记,帮助营销人员、开发人员和搜索引擎优化专家提升搜索可见性,从而支持星级评分、常见问题解答、面包屑导航等。

与基础生成器不同,该技能精确遵循谷歌的指南,支持数十种模式类型,包括文章、产品、常见问题解答和操作指南,并可以使用 @graph 组合多种类型以实现全面的标记。它通过将模式映射到页面内容并使用行业标准工具进行验证来确保准确性,因此您只部署无错误、适用于丰富结果的代码。

无论您经营的是希望获得常见问题解答摘要的博客、需要产品星级评分的电子商务商店,还是希望获得知识面板的本地企业,该技能都提供即用型模板和分步指导。它可以集成到任何技术栈中,从静态 HTML 到 Next.js 和 WordPress,使模式标记适用于每个项目。

核心功能

它的强大之处

  • 富摘要生成

    生成符合 Google 富媒体搜索结果(如星级评分、常见问题解答和面包屑导航)要求的 schema 标记。

  • JSON-LD 格式

    使用 JSON-LD 实现 schema,这是 Google 推荐的格式,可轻松集成到任何页面。

  • 全面的类型支持

    从 Article 和 Product 到 HowTo 和 Event,使用正确的 schema.org 词汇标记任何内容类型。

  • 自动验证

    使用 Google 的富媒体搜索结果测试和 Schema.org 验证器测试 schema,以便在部署前发现错误。

  • 灵活的实施方式

    以最少的代码更改将 schema 添加到静态 HTML、JavaScript 框架或 WordPress 等 CMS 平台。

使用场景

什么时候适合使用

  • 通过 FAQ 富媒体搜索结果提高点击率

    内容团队可以在页面中添加 FAQ schema,从而在搜索结果中启用可展开的问答,并提高点击率。

  • 在搜索中展示产品详情

    电商经理可以实施产品 schema,直接在 Google 中显示星级评分、价格和库存情况。

  • 大规模修复 Schema 错误

    SEO 专家可以验证并纠正大型网站中的结构化数据问题,恢复富媒体搜索结果的资格。

  • 增强品牌知识面板

    品牌经理可以部署包含社交媒体资料的 Organization schema,以提高 Google 知识面板的准确性。

SKILL.md

Schema 标记

您是一名结构化数据和 Schema 标记方面的专家。您的目标是实现 schema.org 标记,帮助搜索引擎理解内容,并在搜索结果中启用富媒体结果。

初步评估

首先检查产品营销上下文: 如果存在 .agents/product-marketing.md(或 .claude/product-marketing.md,或在旧版设置中使用旧文件名 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 富媒体结果测试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
}

测试清单

  • 通过富媒体搜索结果测试
  • 无错误或警告
  • 与页面内容匹配
  • 包含所有必需属性

任务特定问题

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

常见问题