Schema.org RDFa：将 <img> 标记为 ImageObject？

Question

我正在使用 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（链接href）变成contentUrl 2.alt属性变成描述 3.title属性变成name 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>

Answer 1

不能在 RDFa 中使用 alt 或 title 属性的值。

您可以使用“隐藏”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 值。但我认为使用第一个 sn-p 会更清楚。