如何用HTML代码中的itemprop标记公司Logo与联系方式-html教程-PHP中文网

logo 必须直接作用于或元素，不可套在上；contactpoint 需嵌套在 organization 内且含 telephone/email；所有 url 必须绝对、可访问、https。

如何用html代码中的itemprop标记公司logo与联系方式

itemprop="logo" 只能用于 `<img>` 或 `<link>`，不能套在 `<div> 上 <p>Google 和其他结构化数据消费者要求 <code>logo` 属性必须指向一个可访问的图片资源。直接给容器加 `itemprop="logo"` 是无效的，解析器会忽略。

✅ 正确写法：`<img itemprop="logo" src="https://example.com/logo.png?x-oss-process=image/resize,p_40" alt="公司名称">`

✅ 替代方案（更推荐）：`<link itemprop="logo" href="https://example.com/logo.png">`（放在或同一 `itemscope` 范围内）

❌ 错误写法：`<div itemprop="logo"><img src="..."></div>` —— `logo` 不继承子元素属性

⚠️ 注意：图片 URL 必须可公开访问、返回 200 状态码，且尺寸建议 ≥ 60×60px（Google 建议 120×120px 以上）

联系方式要用 `contactPoint`，不是直接写 `telephone` 或 `email`

telephone 和 email 是 ContactPoint 类型的属性，不能脱离 itemtype="https://schema.org/ContactPoint" 单独使用，否则结构化数据验证器会报错或丢弃。

HTML Extract

使用 MinerU 从 HTML 页面和文件中提取内容，将 HTML 转换为保持标题、列表、表格及文本层次结构的干净、结构化 Markdown。F...

下载

✅ 正确嵌套：<div itemprop="contactPoint" itemscope itemtype="https://schema.org/ContactPoint"><span itemprop="telephone">+86-21-12345678</span></div>
✅ 支持多联系点：可重复多个 contactPoint 块，分别标注 contactType（如 "customer service", "sales"）
⚠️ email 必须是 mailto: 链接形式才被识别：@#@#@#@#@#@#@#@#@#@0
⚠️ contactPoint 必须属于某个 Organization 实体（即外层需有 itemscope itemtype="https://schema.org/Organization"）

完整组织标记必须包裹 logo 和 contactPoint 在同一 `itemscope`

如果 logo 和 contactPoint 不在同一个 itemscope itemtype="https://schema.org/Organization" 下，搜索引擎可能无法关联它们——结果就是只认出 Logo 或只认出电话，但不知道这是哪家公司的。

✅ 必须这样组织：

<div itemscope itemtype="https://schema.org/Organization">
  <link itemprop="logo" href="https://example.com/logo.png">
<div itemprop="contactPoint" itemscope itemtype="https://schema.org/ContactPoint">
    <span itemprop="telephone">+86-21-12345678</span>
  </div>
</div>

⚠️ 常见疏漏：把 logo 放在 <header></header>，contactPoint 放在 <footer></footer>，中间没共用 itemscope —— 它们会被当成两个独立实体
? 提示：可以用 itemref 跨区域引用，但仅限同一页；例如 <div itemscope itemtype="https://schema.org/Organization" id="org"> + <code><link itemprop="logo" href="..." itemref="org">
验证时常见错误：空值、协议缺失、类型不匹配

Google Rich Results Test 或 Schema Markup Validator 报错往往不是语法问题，而是语义违规。
- ❌ telephone 值含中文括号或“转”字（如 (021) 123-4567 转 801）→ 应只保留国际格式（+862112345678）
- ❌ logo 指向相对路径（./images/logo.png）→ 必须是绝对 URL，否则爬虫无法抓取
- ❌ contactPoint 缺少 contactType → 虽非强制，但缺失会导致部分平台不展示该联系点
- ❌ 把 url 属性写成 http:// 而非 https:// → 当前主流验证器对非 HTTPS 的 url、logo 会降权甚至跳过
实际部署前务必用 Google 的 Rich Results Test 工具实时预览，注意看「Detected structured data」里是否同时列出 Organization、logo 和 contactPoint —— 少一个，就说明某处嵌套或引用断了。