Open graphics cards + Twitter + HTML5 = incompatible?

Question

I have implemented Open Graph tags and Twitter tags on my website. The only way to check Twitter Card tags as HTML5 is to change them from ... name = "twitter: card" ... to ... property = "twitter: card" ... However, this calls up Facebook Open Graph Debugger:

Open warnings that need to be fixed. External property. Objects of this type do not allow the use of properties with the name "twitter: card".

Are Open Graph tags, Twitter tags, and HTML5 tags incompatible?

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

Answer 1

What HTML5 validation tool are you using? I do not know how to properly handle such markup. Even microdata is not properly supported by W3C validators so far :) So the general suggestion is to use a service validator for service markup.

About compatibility - they are all compatible. Here you can find the RDFA support document in HTML5 (and opengraph is really RDFA). Here is a description of the new meta names (this is how Twitter maps are implemented).

But the only thing you really need is this one . It talks about the relationship between Open Graph and Twitter Cards, as Twitter sees it.

Answer 2

Since @ajax is mentioned with url , the way to do it now is, for example:

<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 3

I have the same problems. The problem is that Twitter and Facebook did not agree with the namespace on opengraph twitter, or simply Twitter does not have an open namespace. In any case, I hope this does not prevent Facebook from indexing these pages correctly.