web-dev-qa-db-fra.com

Balises META Facebook Open Graph et HTML valide

Duplicata possible:
erreur de validation HTML pour l'attribut de propriété

Selon Facebook, pour utiliser leur bouton J'aime et les balises META du graphique ouvert, vous devez placer quelque chose comme ça 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"/>

À quoi jouent-ils? Ceci n'est pas du code HTML, l'attribut 'propriété' n'est pas et n'a jamais été un attribut de la balise META alors pourquoi diable Facebook a-t-il utilisé cela 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, alors quiconque clique sur J'aime pendant que je le teste échouera. Alors ... Est-ce que quelqu'un sait si j'utilise "nom" au lieu de "propriété", cela fonctionnera-t-il toujours?

40
3urdoch

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

Une fois que vous avez terminé, assurez-vous d'ajouter votre fb: comme - <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 tu seras triste

Trouvé cette réponse sur SO en ce qui concerne la validation de la balise META. Faire ce que cette réponse décrit devrait vous permettre de le faire passer par n'importe quel validateur w3c.

26
NG.