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属性成为名称理想情况下，我也希望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属性的值。

你可以用＆＃34;隐藏＆＃34;复制它们。 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>

如果property元素上不需要img（例如，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值。但我认为使用第一个片段更清楚。

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

1 个答案: