itemprop="image" 元素不是 <img>?

itemprop="image" on element not <img>?

我有一个使用微数据的产品页面。目前,我的缩略图库中的第一个缩略图指定了 itemprop="image" 属性。我想做的是为我拥有的高分辨率图像指定它。

问题是,它实际上并没有显示在页面上,它是使用灯箱通过 JavaScript 加载的。我知道我可以做类似的事情:

<img itemprop="image" src="/img/high-res.jp" style="display:none" />

图片不会显示,它被标记为产品图片。但是,当然图像仍在下载。

有什么方法可以在图像上指定 itemprop="image" 而不是实际下载图像?

我尝试将 <img> 更改为 <span>,但 testing tool 无法识别它。

也许 link 元素在这里会有用 - 它没有显示在呈现的 HTML 中,但它在 HTML 源中可用,因此可用于 JavaScript:

<link itemprop="image" href="/img/high-res.jpg">