Schema.org RDFa:将 <img> 标记为 ImageObject?

Schema.org RDFa: marking up <img> as ImageObject?

我正在使用 Schema.org 和 RDFa 来标记 HTML 页面。我有一张图片如下:

<div class="image_container">
    <a href="big_whatever.jpg">
        <img src="whatever.jpg" alt="A picture of Whatever" title="Whatever">
    </a>
</div>

正确的标记方法是什么,以便: 1. big_whatever.jpg(link href)成为contentUrl 2. alt 属性 成为描述 3.标题属性变成名字 4. 理想情况下,我也希望 alt 属性 成为标题。

现在,使用 JSON-LD 就足够简单了,但我更喜欢在这种特殊情况下使用 RDFa。这是我到目前为止得到的:

<div class="image_container" vocab="http://schema.org/" typeof="ImageObject">
    <a href="big_whatever.jpg">
        <img src="whatever.jpg" alt="A picture of Whatever" title="Whatever">
    </a>
</div>

无法在 RDFa 中使用 alttitle 属性的值。

您可以使用 "hidden" meta 个元素复制它们:

<div vocab="http://schema.org/" typeof="ImageObject">
  <a property="contentUrl" href="big_whatever.jpg">
    <img src="whatever.jpg" alt="A picture of Whatever" title="Whatever" />
    </a>
  <meta property="description caption" content="A picture of Whatever" />
  <meta property="name" content="Whatever" />
</div>

如果您不需要 img 元素上的 property(例如 thumbnailUrl),您可以使用 property+content保存一个 meta 元素:

<div vocab="http://schema.org/" typeof="ImageObject">
  <a property="contentUrl" href="big_whatever.jpg">
    <img src="whatever.jpg" alt="A picture of Whatever" title="Whatever" property="name" content="Whatever" />
    </a>
  <meta property="description caption" content="A picture of Whatever" />
</div>

感谢 content 属性,RDFa 不会使用 src 值。但我认为使用第一个片段更清楚。