Athos99, PHP et développement WEB

Un site consacré au développement web en php

Forcer le choix d'une image lors du partage d'une page par Facebook

Date: 
4 jan 2013

Lorsqu’un utilisateur presse sur le bouton « j’aime » / « partager » (I LIKE/SHARE) de facebook figurant dans une page de votre site, Facebook détermine automatiquement l'image à associer à votre site et parfois le choix n'est pas des plus heureux. Il est possible de forcer le choix d'une image, et il est même possible de changer le titre et la description de la page. Pour cela on créé des balises de type META spécialement utilisées par Facebook.

Défintion

<html>
    <head>
     <meta property="og:image"       content="URL de l'image">
     <meta property="og:title"       content="Titre de l'article">
     <meta property="og:description" content="Description du contenu"> 
    </head>
<body>
    <!-- contenu principal de votre page -->
</body>
</html>

Exemple

<meta property="og:title" content="Essai d'un article" />
<meta property="og:image" content="http://localhost/img/image0.jpg" />
<meta property="og:description" content="Coepta grandiora huius grandiora acervi 
mittuntur: delictis et et consulari huius vicario serpentibus ex quae legati et 
vicario inusitato ex more senator oraturi paucis et mittuntur: serpentibus grandiora 
urbi supplicia ex urbi nobilitatis nobilitatis sint supplicia et et supplicia ex 
inusitato paucis inlicito et paucis timeri multa inusitato acervi." />

Astuce

Il est possible d'insérer plusieurs balises de type "og:image", cela permet à l'utilisateur de pouvoir choisir une image.

Reférence

https://developers.facebook.com/docs/technical-guides/opengraph/built-in-objects/

 

Rubrique: 
Trucs et astuces
Tags: 
Facebook