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 中使用 alt
或 title
属性的值。
您可以使用 "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
值。但我认为使用第一个片段更清楚。
我正在使用 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 中使用 alt
或 title
属性的值。
您可以使用 "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
值。但我认为使用第一个片段更清楚。