跳到正文
cccskills
免费在 GitHub 公开中文介绍

product

为商品页面添加或检查Product结构化数据,向搜索引擎提供价格、库存和评分信息,并核对必填字段是否缺失、数据是否与页面显示一致。

原文查看原文说明

Use when auditing e-commerce product pages or implementing structured data for a shop. Applies to any page selling or describing a specific product.

AI 评分90分/ 100查看安装方法

适用场景

  • 为商品页面添加JSON-LD
  • 核对结构化数据与页面价格
  • 检查库存状态和评分字段
  • 验证富媒体搜索结果所需标记

中文介绍

功能

product为商品页面添加并检查Product结构化数据。结构化数据以搜索引擎能够读取的格式描述商品信息。它检查JSON-LD中的商品名称、图片、说明、价格、货币和库存状态,并核对数据中的价格是否与页面显示一致。评分、品牌和商品标识符也在检查范围内。

适用场景

适合整理网店商品页面,或检查用于在搜索结果中显示价格、库存和评分的数据。对于已有标记,也可用它具体查找缺失字段和格式错误,确认商品信息的填写情况。

使用示例

  • “为这个商品页面添加Product的JSON-LD。”
  • “检查结构化数据中的价格是否与页面显示的价格一致。”
  • “检查图片URL、货币、库存状态和评价数量的写法。”

注意事项

使用Google的Rich Results Test进行验证。图片须写为绝对URL数组,货币须使用ISO 4217代码,库存状态须使用schema.org的URL。包含评分时,需确认评价数量大于零。

本介绍由 AI(OpenAI Codex)根据公开的 SKILL.md 撰写。准确的规格请查看下方原文。

客观评估

AI 仅根据 SKILL.md 的内容,从 4 个方面进行了评估。星标数和热度不计入评估。

指令清晰度能否看出何时使用、做什么
A良好明确说明为商品页面添加Product结构化数据,并与显示价格核对。
步骤具体性步骤、输入输出和示例是否具体
A良好列明JSON-LD必填字段、URL和货币格式、评价数量条件及验证工具。
安全性发送数据、删除文件、执行命令等是否有说明
B部分不足要求使用外部Rich Results Test验证,但未说明提交对象或提交前的确认。
安装难易度所需工具和 API 密钥是否少且有说明
A良好明确指定Rich Results Test用于验证,未要求API密钥或额外运行环境。

总分按每项 A=25 分、B=15 分、C=5 分相加。 由 AI(OpenAI Codex)于 2026年10月23日 评估。仅供参考,安装前请同时查看原文。

如果您认为评估有误,请申请复核

请写明哪一项有误以及原因。无需登录。我们会对照 SKILL.md 重新评估,并在此处更新结果。

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

包含的文件(2)

  • SKILL.md2.3 KB
  • references/rule.md5.9 KB

SKILL.md(原文)

安装前可以查看交给 AI 代理的指令内容。

Add Product schema markup

Product schema enables Google to show price, availability, ratings, and review count directly in search results—rich results have significantly higher click-through rates than standard blue links.

Quick Reference

  • Add Product JSON-LD schema to every product page for rich result eligibility
  • Required for rich results: name, image, description, and offers (with price and priceCurrency)
  • Include aggregateRating for star ratings in search results
  • Prices in schema must match the prices displayed on the page

Check

Check each product page for a JSON-LD script block with @type 'Product'. Verify it includes: name, image, description, and an offers property with price, priceCurrency, and availability. Check that prices in schema match the visible page prices. Validate with Google's Rich Results Test.

Fix

Add a Product JSON-LD block to each product page. Required: name, image (array of URLs), description, offers.price, offers.priceCurrency, offers.availability. Recommended: aggregateRating (ratingValue, reviewCount), brand, sku, gtin13/gtin8/mpn.

Explain

Product structured data enables Google Shopping-style rich results in organic search, showing price, star ratings, and stock status directly in the SERP. These rich results have higher visual prominence and click-through rates. Without schema, Google can only show a plain blue link for your product pages.

Code Review

Find JSON-LD blocks with @type 'Product'. Verify required fields: name, image (must be absolute URL array), description, offers.price (numeric), offers.priceCurrency (ISO 4217 code), offers.availability (schema.org URL). Check that offers.price matches the visible price on the page. Validate that aggregateRating.reviewCount > 0 if rating is present. Run through Google's Rich Results Test.


For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/rules/seo/product

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

404-page

免费有简介AI 评分 100分

创建并检查自定义404页面,通过搜索、导航和主要页面链接,为访问失效或已迁移页面的访客指明去向,同时核对页面显示内容与HTTP状态码。

  • 创建自定义404页面
  • 完善失效链接的搜索与导航
  • 检查不存在的页面是否返回200
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

about-page

免费有简介AI 评分 90分

检查或创建说明网站用途与运营方的介绍页面,核对组织历史、使命、专业能力及联系方式,并检查实际页面输出,找出信息缺漏。

  • 检查现有的网站介绍页面
  • 创建介绍组织与使命的页面
  • 核对页面输出中的运营方信息
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

accessibility-testing

免费有简介AI 评分 80分

为页面和共用组件添加自动无障碍测试,检查现有测试的覆盖缺口,并将检查接入持续集成流程,以发现结构、属性问题及修改引入的新问题。

  • 检查共用组件的测试覆盖范围
  • 为页面交互测试添加无障碍检查
  • 在持续集成中运行无障碍检查
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

accessible-authentication

免费有简介AI 评分 90分

检查从登录、多因素认证到账户恢复的完整流程,找出禁止粘贴、验证码必须手动输入等使用障碍,并协助改进认证方式。

  • 检查完整登录流程的无障碍性
  • 确认验证码粘贴与自动填充
  • 检查密码重置与账户恢复流程
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

accessible-notifications

免费有简介AI 评分 100分

检查表单错误、完成通知和实时更新能否通过屏幕阅读器传达,核对实际显示的HTML属性、通知停留时间及关闭方式,并指出具体问题。

  • 检查表单错误是否被朗读
  • 调整完成通知的显示时间
  • 检查实时通知
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

accessible-tables

免费有简介AI 评分 100分

检查表头与数据单元格的对应关系,将 HTML 调整为屏幕阅读器也能传达数据含义的结构。从简单表格到包含合并单元格的复杂表格都可检查。

  • 检查表格的屏幕阅读器支持
  • 检查合并单元格与表头的关联
  • 审查设计系统中的表格
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

查看 thedaviddias 的全部技能

报告此技能的问题