Balises méta de l'open graph de Facebook et html valide

Question

Duplicata possible :
Erreur de validation Html pour l'attribut de propriété

Selon Facebook, pour utiliser le bouton "like" et les métabalises "open graph", vous devez placer quelque chose comme ceci dans votre page html.

<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>

A quoi jouent-ils, bon sang ? C'est du html invalide, l'attribut 'property' n'est pas et n'a jamais été un attribut de la balise meta, alors pourquoi diable facebook a-t-il utilisé ceci au lieu de <meta name="og:title" content="The Rock" /> ?

Je suis réticent à essayer sur mon site en direct avec un "nom" valide au lieu de "propriété" parce que si j'essaie et que cela ne fonctionne pas sur mon site, toute personne qui clique sur "like" pendant que je le teste verra son "like" échouer. Alors... Est-ce que quelqu'un sait si j'utilise l'utilisation de 'name' au lieu de 'property', est-ce que cela fonctionnera quand même ?

Answer 1

N'oubliez pas qu'ils veulent également que vous déclariez certains schémas à la balise html - en particulier celui de l'open graph via xmlns:og="http://opengraphprotocol.org/schema/ . OG est basé sur RDFa qui ajoute les attributs supplémentaires aux balises méta.

Une fois que vous avez terminé, assurez-vous d'ajouter votre fb:like - <fb:like href="http://developers.facebook.com/" width="450" height="80"/> - le exemple est assez simple. N'oubliez pas d'ajouter xmlns:fb="http://www.facebook.com/2008/fbml" sinon vous serez triste

Trouvé cette réponse sur SO concernant la validation de la balise méta. En faisant ce qui est décrit dans cette réponse, vous devriez pouvoir la faire passer par n'importe quel validateur w3c.