如何设置微数据图像属性，而不让浏览器下载图像？

Question

我有一个网站，其中显示了一些图片。这些图片会被调整大小并缓存到Web应用程序中。但是缓存是易失性的。对于微数据，我想链接到非易失性的图片。

我目前的解决方案是：

<img src="cache/image-resized.jpg" />
<img src="static/image.jpg" itemprop="image" style="display:none;"/>

这个方法可行。Google能正确解释微数据，并显示调整大小后的图片。但是用户的浏览器也会下载静态图片，这是一张大图。

那么我如何设置微数据图片属性，而不让浏览器下载图片呢？

- i.amniels

Answer 1

_{（注：一篇已被删除的回答建议使用 meta 元素）}

不应该使用meta元素，而应该使用连接(link)元素，因为内容是一个URI：

当字符串值是一个URL时，它可以通过使用a元素及其href属性、img元素及其src属性或其他链接到或嵌入外部资源的元素来表达。

甚至是必须的：

如果属性的值，根据属性的定义，是一个绝对 URL，则必须使用 URL 属性元素来指定该属性。

所以应该是这样的：

<link itemprop="image" href="static/image.jpg" />

- unor