如何通过HTML itemtype属性描述产品品牌-html教程-PHP中文网

应使用 https://schema.org/brand 作为 itemtype 值，且 brand 必须嵌套在 product 内部并通过 itemprop="brand" 关联，name 字段需为可见文本，不可用 logo 替代，多品牌需分清法律实体层级。

如何通过html itemtype属性描述产品品牌

itemtype 应该用 schema.org 的 Brand 类型 URL

HTML 的 itemtype 不是随便填个字符串，它必须指向一个结构化数据词汇表中明确定义的类型。描述品牌时，唯一被广泛支持且语义准确的是 https://schema.org/Brand。用错 URL（比如拼错、用旧版 http://schema.org/Brand 或写成 Brand 纯名称）会导致搜索引擎无法识别，结构化数据测试工具会报“未识别的类型”错误。

常见错误现象：itemtype="Brand"、itemtype="schema.org/Brand"、itemtype="http://schema.org/Brand"（HTTP 协议已弃用）。

必须使用 HTTPS 协议的完整 URL：https://schema.org/Brand
不能省略协议头，也不能漏掉末尾的 /Brand
多个 itemtype 不合法——itemtype 只接受单个 URL，不支持空格或逗号分隔

Brand 必须嵌套在 Product 内部才有效

单独给一个 div 标上 itemtype="https://schema.org/Brand" 没有意义。Google 和 Bing 都要求 Brand 是 Product 的属性（即 brand 字段），所以 Brand 实体必须作为 Product 的子项存在，且通过 itemprop="brand" 显式关联。

使用场景：电商商品页、品牌专题页、产品参数表中突出显示品牌信息。

Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

外层元素先声明 itemscope itemtype="https://schema.org/Product"
品牌容器加 itemprop="brand" itemscope itemtype="https://schema.org/Brand"
品牌名必须用 itemprop="name" 标注，否则 Brand 实体不完整

<div itemscope itemtype="https://schema.org/Product">
  <div itemprop="brand" itemscope itemtype="https://schema.org/Brand">
    <span itemprop="name">Apple</span>
  </div>
</div>

避免用 logo 替代 name 导致品牌名不可见

很多开发者试图用 <img itemprop="logo" src="..."> 表示品牌，但 logo 是可选字段，且不等价于品牌名称。搜索引擎需要可读文本作为品牌标识，纯图片或 SVG 内联内容若无 alt 或 aria-label，会被视为缺失 name，导致 Brand 实体验证失败。

性能 / 兼容性影响：某些爬虫（如 Bingbot）对无文本的 Brand 实体直接忽略；Google Search Console 的富媒体搜索结果测试工具会提示 “Missing field ‘name’”。

itemprop="name" 必须是可见文本节点（如 <span>Nike</span>）
如果品牌只以 logo 形式出现，至少补一个带 aria-hidden="true" 的隐藏 span 提供文本名
logo 字段可额外添加，但不能替代 name

多品牌或子品牌要小心层级和命名歧义

遇到“Samsung Galaxy”这类主副品牌结构，不要把整个字符串塞进 name。Schema.org 要求 Brand 表示的是法律实体或注册商标主体（如 Samsung Electronics），而 Galaxy 是产品线（应属 Product 的 category 或 model）。混用会导致品牌归属混乱，影响知识图谱归因。

容易踩的坑：把“Dell XPS 13”当 Brand 名、把“Unilever”和“Dove”同时标为同级 Brand。