使用文章中未显示的微型数据的其他图像

Question

我在一个有很多文章的网站上工作。

我希望找到一种添加图像的方法

当用户添加文章时，将有一个"主要"图像，这些图像是用户上传的特定比例（我想用于微型数据）。还有其他图像被扔进了它们上传的轮播。

目前，我唯一可以使用microdata测试工具使用我的图像的方法是通过以下操作：

<div class="hidden">
    <img itemprop="image" src="link/to/image.jpg" />
</div>

我想做的是使用元标记，但这似乎不起作用：

<meta itemprop="image" content="link/to/image.jpg">

我没有找到与微数据相关的东西，尽管开放图和Twitter卡支持图像的元标记。有谁知道微型数据是否有可能，甚至是"很重要"？

我只是不想拥有一个隐藏的图像，该图像在可能的情况下增加了加载时间！

Answer 1

使用microdata，您可以在body中使用meta和link元素。

如果值为URI，则必须使用link而不是meta。

因此，在您的情况下，标记将是：

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

Answer 2

您可以使用JSON-LD代替Microdata。

这样，您将所需的所有内容添加到页面中未显示但大多数搜索引擎识别的JSON数据中。

这是http://schema.org/creativework的一个示例：

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "CreativeWork",
  "name": "My Article",
  "image": "http://your.image.url.com"
}
</script>