# 模式标记专家 > 轻松添加和优化用于谷歌丰富结果（如星级评分、常见问题解答和面包屑导航）的模式标记。 - Canonical: https://nanoskill.ai/zh/skills/schema-markup-expert-skill - Markdown: https://nanoskill.ai/zh/skills/schema-markup-expert-skill.md - Author: coreyhaines31 - Published: 2026-09-15T02:00:00.000Z - Updated: 2026-09-15T07:14:03.770Z - Language: zh-CN - Source type: github - Popularity signal: 41252 ## Sources - https://github.com/coreyhaines31/marketingskills/blob/main/skills/schema ## Install ```shell npx skills add https://github.com/coreyhaines31/marketingskills/blob/main/skills/schema ``` ## About 模式标记是在谷歌搜索中解锁丰富结果的关键。模式标记专家技能让您轻松地在网站上添加、修复和优化结构化数据，从 JSON-LD 实现到验证。它通过提供准确、符合谷歌要求的标记，帮助营销人员、开发人员和搜索引擎优化专家提升搜索可见性，从而支持星级评分、常见问题解答、面包屑导航等。 与基础生成器不同，该技能精确遵循谷歌的指南，支持数十种模式类型，包括文章、产品、常见问题解答和操作指南，并可以使用 @graph 组合多种类型以实现全面的标记。它通过将模式映射到页面内容并使用行业标准工具进行验证来确保准确性，因此您只部署无错误、适用于丰富结果的代码。 无论您经营的是希望获得常见问题解答摘要的博客、需要产品星级评分的电子商务商店，还是希望获得知识面板的本地企业，该技能都提供即用型模板和分步指导。它可以集成到任何技术栈中，从静态 HTML 到 Next.js 和 WordPress，使模式标记适用于每个项目。 ## Key features - **富摘要生成**: 生成符合 Google 富媒体搜索结果（如星级评分、常见问题解答和面包屑导航）要求的 schema 标记。 - **JSON-LD 格式**: 使用 JSON-LD 实现 schema，这是 Google 推荐的格式，可轻松集成到任何页面。 - **全面的类型支持**: 从 Article 和 Product 到 HowTo 和 Event，使用正确的 schema.org 词汇标记任何内容类型。 - **自动验证**: 使用 Google 的富媒体搜索结果测试和 Schema.org 验证器测试 schema，以便在部署前发现错误。 - **灵活的实施方式**: 以最少的代码更改将 schema 添加到静态 HTML、JavaScript 框架或 WordPress 等 CMS 平台。 ## Use cases - **通过 FAQ 富媒体搜索结果提高点击率**: 内容团队可以在页面中添加 FAQ schema，从而在搜索结果中启用可展开的问答，并提高点击率。 - **在搜索中展示产品详情**: 电商经理可以实施产品 schema，直接在 Google 中显示星级评分、价格和库存情况。 - **大规模修复 Schema 错误**: SEO 专家可以验证并纠正大型网站中的结构化数据问题，恢复富媒体搜索结果的资格。 - **增强品牌知识面板**: 品牌经理可以部署包含社交媒体资料的 Organization schema，以提高 Google 知识面板的准确性。 ## Result preview 查看针对 NanoSkill 的完整模式审计和优化策略，包括结构化数据建议、JSON-LD 实现以及由该代理技能生成的丰富结果优化。 ![the demo of Schema Markup Expert](https://file.nanoskill.ai/schema-markup-expert-skill-demo-1.png) ![the demo of Schema Markup Expert](https://file.nanoskill.ai/schema-markup-expert-skill-demo-2.png) ![the demo of Schema Markup Expert](https://file.nanoskill.ai/schema-markup-expert-skill-demo-3.png) ![the demo of Schema Markup Expert](https://file.nanoskill.ai/schema-markup-expert-skill-demo-4.png) ## Result walkthrough ### 安装 将模式标记技能添加到您的 AI 代理。 ![the first step of Schema Markup Expert](https://file.nanoskill.ai/schema-markup-expert-skill-step-1.png) ### 描述任务 提供您的网站 URL、页面类型和模式优化目标。 ![the second step of Schema Markup Expert](https://file.nanoskill.ai/schema-markup-expert-skill-step-2.png) ### 获取模式审计 获取结构化数据建议、JSON-LD 实现以及丰富结果优化指导。 ![the third step of Schema Markup Expert](https://file.nanoskill.ai/schema-markup-expert-skill-step-3.png) ## Skill definition # 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 格式 - 更易于实现和维护 - 放置在 `` 或 `` 末尾 ### 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](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 类型： ```json { "@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 实现 ```json // Full JSON-LD code block { "@context": "https://schema.org", "@type": "...", // Complete markup } ``` ### 测试清单 - [ ] 通过富媒体搜索结果测试 - [ ] 无错误或警告 - [ ] 与页面内容匹配 - [ ] 包含所有必需属性 --- ## 任务特定问题 1. 这是什么类型的页面？ 2. 您希望获得哪些富媒体搜索结果？ 3. 有哪些数据可用于填充 schema？ 4. 页面上是否已有 schema？ 5. 您的技术栈是什么？ ## FAQ ### 什么是 schema 标记？ Schema 标记是添加到网页中的结构化数据，可帮助搜索引擎理解内容，并实现星级评分、常见问题解答和产品等富媒体搜索结果。 ### 如何向我的网站添加 schema 标记？ 您可以使用放置在页面 head 中的 JSON-LD 代码、CMS 插件或 JavaScript 框架组件来添加 schema 标记。 ### 我的博客应该使用哪种 schema 类型？ 对于博客文章，请使用 Article 或 BlogPosting schema，并包含 headline、image、datePublished 和 author 属性。 ### schema 标记会提高我的排名吗？ 虽然 schema 标记不是直接的排名因素，但它可以增强富媒体搜索结果，从而提高点击率和搜索可见性。 ### 是否有免费的工具可以验证 schema？ 是的，Google 的 Rich Results Test（富媒体搜索结果测试）和 Schema.org 验证器都是免费的，推荐用于测试您的标记。 ### 我可以在一个页面上组合多种 schema 类型吗？ 当然，您可以在 JSON-LD 中使用 @graph 来组合 Organization 和 BreadcrumbList 等类型，以实现更全面的表示。