打开Graph + Twitter卡+ HTML5 =不兼容？

Question

我在我的网站上实现了Open Graph标签和Twitter Card标签.Twitter Card标签验证为HTML5的唯一方法是将它们从...更改为... name ="twitter:card"... to ... property ="twitter:card"...但是,这会导致Facebook的公开图形调试器:

应该修复外部属性的打开图形警告:此类对象不允许名为"twitter:card"的属性.

Open Graph标签,Twitter Card标签和HTML5是否不兼容？

http://developers.facebook.com/tools/debug

Answer 1

正如@ajax提到的url,现在这样做的方法是:

<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@nytimesbits" />
<meta name="twitter:creator" content="@nickbilton" />
<meta property="og:url" content="http://bits.blogs.nytimes.com/2011/12/08/a-twitter-for-my-sister/" />
<meta property="og:title" content="A Twitter for My Sister" />
<meta property="og:description" content="In the early days, Twitter grew so quickly that it was almost impossible to add new features because engineers spent their time trying to keep the rocket ship from stalling." />
<meta property="og:image" content="http://graphics8.nytimes.com/images/2011/12/08/technology/bits-newtwitter/bits-newtwitter-tmagArticle.jpg" />

Answer 2

您使用什么 HTML5 验证器工具？我不知道有哪个可以正确处理此类标记。到目前为止，W3C 验证器甚至还没有正确支持微数据:) 因此，一般建议是使用服务相关验证器来进行特定于服务的标记。

关于兼容性 - 它们都是兼容的。 在这里你可以找到关于 HTML5 中 RDFA 支持的文档（opengraph 实际上就是 RDFA）。 这里是关于描述新的元名称（这就是 Twitter 卡的实现方式）。

但你真正需要的唯一东西就是这个:) 那里写的是 Twitter 所看到的开放图谱和 Twitter 卡关系。