Question

我已经看到各种零售商更喜欢来自OGP的og:image，来自来自Schema.org twitter:image的{{1}}属性的Twitter卡上的image，以及该偏好以各种方式显示，例如具有Product属性的高分辨率图像和非常低的分辨率，或者没有Schema.org og:image属性的值。

如果我需要图片，我应该优先考虑Schema.org image上的og:image和twitter:image吗？

如果是这样，目前的趋势是优先image和og:image优于Schema.org twitter:image，还是有意义，因为Schema.org适用于搜索引擎OGP和Twitter卡是否意味着将页面转换为社交对象？

Answer 1

澄清：

Schema.org和Open Graph protocol是词汇，可用于各种语法。
Twitter Cards是一组用于HTML meta元素的元数据名称。

消费者（如搜索引擎，浏览器插件，社交网络等）决定

哪些词汇表（Schema.org，Open Graph protocol，Dublin Core，etc.），
哪种语法（RDFa，Microdata，JSON-LD，Turtle，RDF / XML等），
哪些约定（Microformats），
哪些元数据名称（keywords，description，twitter:image，etc.）和
哪些链接类型（nofollow，external，home，etc.）

他们想要支持。

如果您只关心特定消费者，请查看他们支持的内容并使用它。如果您还关心您可能不了解的消费者，请使用更多/几种（流行的）方式。

在您的具体示例中，您可以轻松实现以下三种方式：

<!-- this is plain HTML5, 
     using the registered metadata name "twitter:card" -->
<meta name="twitter:image" content="http://example.com/image.png">

<!-- this is HTML5+RDFa, 
     using the properties "og:image" (from Open Graph protocol) and "schema:image" (from Schema.org), 
     as defined in <http://www.w3.org/2011/rdfa-context/rdfa-1.1>  -->
<link property="og:image schema:image" href="http://example.com/image.png">

（附注：Twitter应该已经定义链接类型而不是元数据名称作为URL的值，因为它是required by HTML5。因为它们没有，您必须使用meta而不是link;否则could对所有三个使用相同的link元素。）

电子商务中图像的语义标记

1 个答案: