HTML中itemtype如何定义产品信息？电商页面标记方法-html教程-PHP中文网

正确 itemtype 必须为 https://schema.org/Product/（含末尾斜杠），属性名、嵌套结构、元素类型及内容格式均需严格遵循 schema.org 规范，否则结构化数据失效。

html中itemtype如何定义产品信息？电商页面标记方法

itemtype必须是完整 HTTPS URL，不能简写或拼错

电商页面里写 itemtype="Product" 或 itemtype="https://schema.org/Product" 都不行——前者没协议和域名，后者缺了末尾斜杠。正确值只能是 https://schema.org/Product/（注意结尾斜杠）。Google Rich Results Test 和 Bing 工具对这个 URL 大小写、协议、斜杠数量零容忍，2026 年已彻底不兼容 http:// 或旧 vocab（如 data-vocabulary.org）。

常见错误包括：

漏掉 s 写成 https://schema.org/product/（小写 product）
用 ，解析器直接忽略整个 scope
在本地开发时用 file:// 协议测试，结构化数据永远不生效


商品主图、价格、SKU 必须用对应属性名，且绑定到正确 itemtype 下
itemprop 不是随便起名的字段，每个值都必须来自 https://schema.org/Product/ 官方定义的属性列表。比如：


image 只能用于 URL 字符串， 无效；得用  或 


price 必须出现在 itemtype="https://schema.org/Offer/" 容器内，不能直接挂在 Product 上；否则 Google 报错“price not allowed here”

sku 是 Product 的合法属性，但若你把它写在 Offer 里，解析器会丢弃该值

典型结构是外层 
，内部嵌套一个  来放 price、availability 等。多 SKU 变体必须各自独立 itemscope，不能共用一个容器
电商页面常有颜色、内存等变体，每个变体都是独立产品实体。如果把所有 itemprop="color" 都塞进同一个 itemscope，搜索引擎只取第一个值，其余被忽略。
正确做法是为每个 SKU 创建独立容器：

											
												
												
													DeepBI DHTML 页面生成器
													生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力：

- 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面；  
- 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”；  
- 提及位于 `apps/console/src/featur
												
												下载
												
											
										
<div itemscope itemtype="https://schema.org/Product/">
  <meta itemprop="sku" content="A123">
<meta itemprop="color" content="Black">
</div>
<div itemscope itemtype="https://schema.org/Product/">
  <meta itemprop="sku" content="A124">
<meta itemprop="color" content="White">
</div>
注意： 必须放在同级 itemscope 内，且带 content 属性；没有 content 的  会被完全跳过。
时间、价格、隐藏字段必须用专用 HTML 元素或属性，不能靠渲染文本
结构化数据提取器不看 CSS 样式或浏览器渲染结果，只读原始 DOM 属性和文本节点。所以：

价格含符号或空格（如 ¥ 299.00）会导致解析失败；应统一用 

上架日期不能写 2026年10月10日；得用 2026年10月10日，机器只认 datetime 属性
品牌名含商标符号（如 iPhone®）会被当作非法字符拒收；需用  替代可见文本

最易被忽略的一点：所有嵌套对象（比如 offers、review）的 itemscope 必须紧贴 itemprop 所在元素，中间不能隔层 —— 否则整个嵌套块被丢弃，连带影响 rich result 展示。