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">
我有一个使用微数据的产品页面。目前,我的缩略图库中的第一个缩略图指定了 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">