Comment utiliser la balise meta ‘og’ (Open Graph) pour le partage Facebook

Facebook récupère toutes les images de mon site.

Je veux partager une seule photo sur cette page.

J’ai entendu parler de la balise méta og , mais je ne sais pas comment la mettre.

Utilisation:

                  

Remplissez le contenu = “…” en fonction du contenu de votre page.

Pour plus d’informations, visitez 18 balises Meta Chaque site Web devrait avoir en 2013 .

Facebook utilise ce que l’on appelle le protocole Open Graph pour décider des éléments à afficher lorsque vous partagez un lien. L’OGP examine votre page et essaie de décider du contenu à afficher. Nous pouvons vous donner un coup de main et dire à Facebook ce qu’il faut prendre de notre page.

La façon dont nous faisons cela est avec og:meta balises og:meta .

Les tags ressemblent à ceci –

      

Vous devrez placer ces balises meta ou des balises meta similaires dans le de votre fichier HTML. N’oubliez pas de remplacer les valeurs par les vôtres!

Pour plus d’informations, vous pouvez lire tout sur la façon dont Facebook utilise ces balises META dans leur documentation. Voici l’un des tutoriels à partir de là – https://developers.facebook.com/docs/opengraph/tutorial/


Facebook nous donne un excellent petit outil pour nous aider à gérer ces balises meta – vous pouvez utiliser le débogueur pour voir comment Facebook voit votre URL, et cela vous dira même s’il y a des problèmes.

Une chose à noter est que chaque fois que vous modifiez les balises meta, vous devrez redirect l’URL via le débogueur pour que Facebook efface toutes les données mises en cache sur leurs serveurs à propos de votre URL.

J’ai construit un outil pour la méta génération. Il pré-configure les entrées pour Facebook, Google+ et Twitter, et vous pouvez l’utiliser gratuitement ici: http://www.groovymeta.com

Pour répondre un peu plus à la question, les balises OG (Open Graph) fonctionnent de la même manière que les balises meta et doivent être placées dans la section HEAD de votre fichier HTML. Consultez les meilleures pratiques de Facebook pour plus d’informations sur l’utilisation efficace des balises OG.