html - itemprop ="image"位于不是 <img> 的元素上?

标签 html image microdata rich-snippets google-rich-snippets

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

问题是,它实际上并没有显示在页面上,而是使用 lightbox 通过 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">

关于html - itemprop ="image"位于不是 <img> 的元素上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31381219/

相关文章:

php - 用于微数据的简单 HTML DOM 解析器

javascript - 如何修复 flexbox 位置 :fixed navbar JS/CSS bug

html - 将 HTML 粘贴到 Word 中同时保留不可见数据

ruby-on-rails - 我可以使用 Ruby 在图像上应用蒙版吗?

javascript - 类似于 google+ 相册 View 的动态图像排序和裁剪

microdata - schema.org 产品标签不完整

schema.org - 我应该使用什么语义网络标识符?

javascript - 如何在Jquery中的animate完整函数中调用外部函数

html - Flexbox 有一些布局问题

android - 在android中选择并裁剪最大尺寸