itemtype 必须与 itemscope 配合使用，不能直接加在自闭合的 <img> 标签上；应将图片嵌入 <figure> 等容器，用 itemscope+itemtype 声明类型（如 ImageObject），再通过 itemprop（如 contentUrl、name、author）标注结构化数据。
itemtype 本身不能直接“标记图片信息”，它只是 Schema.org 微数据（Microdata）中声明结构化数据类型的属性，必须配合 itemscope 和 itemprop 才能完整表达语义。单独加 itemtype 到 <img> 上毫无作用——浏览器和搜索引擎根本不会解析。
为什么不能直接给 <img> 加 itemtype
HTML 规范要求：itemtype 必须出现在带有 itemscope 的元素上，而 <img> 是自闭合标签、无法包裹其他内容，也无法承载嵌套的 itemprop。你想描述的“图片信息”（比如作者、版权、拍摄时间）本质上属于某个“事物”（如 ImageObject 或 Photograph），不是图片标签本身。
正确做法：用 itemscope + itemtype 包裹图片容器
把图片放进一个语义容器（如 <figure>、<div> 或 <section>），在该容器上设置 itemscope 和 itemtype，再用 itemprop 标注图片及其元数据：
<figure itemscope itemtype="https://schema.org/ImageObject">
<img src="cat.jpg" itemprop="contentUrl" alt="一只橘猫坐在窗台上">
<figcaption>
<span itemprop="name">窗台上的橘猫</span>
<meta itemprop="author" content="张三">
<meta itemprop="datePublished" content="2024-05-20">
</figcaption>
</figure>
注意几个关键点：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
-
itemtype值必须是完整的 Schema.org 类型 URL（推荐用https://协议） -
contentUrl是ImageObject的标准属性，用于指向图片地址；不要用url或image - 文字信息（如标题、作者）建议用
<meta>配content属性隐藏，避免干扰可读性；若需显示，可用<span>+itemprop - 不要把
itemscope加在<img>上——它不支持子元素，itemprop会失效
常见错误：混淆 itemprop 与 HTML 原生属性
有人会写 <img itemprop="image" src="...">，这是错的：
-
image不是ImageObject的有效属性，应使用contentUrl -
src是 HTML 属性，不是微数据；搜索引擎只认itemprop声明的语义字段 - 如果想同时满足结构化数据和无障碍访问，
alt仍要写（它和name属性不冲突，但语义不同）
验证与调试建议
写完后务必验证：
- 用 Google 的 Rich Results Test（已迁入 Search Console 的“URL 检查”工具）实时查看解析结果
- 检查控制台是否报
microdata: invalid property类错误（部分浏览器开发者工具会提示） - 避免混用 JSON-LD 和 Microdata 描述同一资源——可能触发重复或冲突警告
真正难的不是加几个属性，而是选对 itemtype 和对应属性名；Schema.org 类型之间继承关系复杂，Photograph 和 ImageObject 表现略有差异，用错类型会导致富媒体结果不触发。
