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

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

<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验证器还没有正确支持微数据:) 因此，一般建议是使用service-related-validator进行特定于服务的标记。

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

但你唯一真正需要的是this one :)在Twitter上看到它是关于Open Graph和Twitter Cards关系的。

Answer 3

我遇到了同样的问题。问题是Twitter和Facebook没有就opengraph twitter名称空间达成一致，或者只是Twitter没有公共名称空间。无论如何，我希望这并不妨碍Facebook正确索引这些页面。

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

3 个答案: