Images dans les partages de liens

Le métatag Open Graph

Le tag og:image peut être utilisé pour spécifier l’URL de l’image qui apparaît lorsqu’un utilisateur partage le contenu sur Facebook. La liste complète des propriétés de l’image est disponible ici.

Conditions requises

  • La taille minimale d’image autorisée est de 200 × 200 pixels.
  • La taille du fichier de l’image ne doit pas dépasser 8 Mo.
  • Utilisez des images d’au moins 1 200 × 630 pixels pour un affichage optimal sur les appareils à haute résolution. Au minimum, vous devez utiliser des images de 600 × 315 pixels pour afficher vos publications de Page avec liens comportant des images de plus grande taille.
  • Si votre image mesure moins de 600 × 315 pixels, elle s’affichera dans la publication de Page avec liens, mais sa taille sera bien plus petite.
  • Nous avons également repensé les publications de Page avec liens afin que le format des images reste le même dans les fils d’actualité sur mobile et sur ordinateur. Essayez de faire en sorte que vos images restent aussi près que possible du format 1.91:1 afin de pouvoir afficher les images entières dans le fil d’actualité sans devoir les recadrer.
  • Notre robot d’indexation n’accepte que les encodages Gzip et Deflate. Veillez donc à ce que votre serveur utilise le bon encodage.

Mise en cache préalable des images

Lorsque le contenu est partagé pour la première fois, le robot d’indexation Facebook récupère et met en cache les métadonnées de l’URL partagée. Le robot d’indexation doit voir une image au moins une fois pour qu’elle puisse être affichée. Cela signifie que la première personne qui partage un contenu ne voit pas une image affichée :

Trois méthodes permettent d’éviter ce phénomène et de faire en sorte que les images s’affichent lors de la première action J’aime ou Partager :

  1. Effectuer une mise en cache préalable de l’image à l’aide du programme de débug du partage : Exécuter le programme de débogage d’URL sur l’adresse URL afin d’effectuer une récupération préalable des métadonnées de la page. Cette opération peut également être effectuée afin de mettre à jour l’image d’un élément de contenu.

  2. Effectuer une mise en cache préalable de l’image à l’aide de l’API Graph : réalisez une capture forcée de l’URL par programmation à l’aide de l’API Graph afin d’effectuer une récupération préalable des métadonnées de la page. Cette opération peut également être effectuée afin de mettre à jour l’image d’un élément de contenu.

  3. Utilisez les tags Open Graph og:image:width et og:image:height : L’utilisation de ces tags indique les dimensions de l’image au robot d’indexation afin qu’il puisse l’afficher immédiatement sans avoir besoin de la télécharger et de la traiter de manière asynchrone.

Mise à jour des images

Nous mettons en cache toutes les images référencées en fonction de l’URL de chaque image. Aussi, si vous remplacez une image :

  • utilisez une nouvelle URL pour la nouvelle image ou cette dernière ne sera pas mise à jour.
  • Ne supprimez pas les anciennes images, car certaines Stories existantes pourraient encore s’y rapporter.
  • Suivez les instructions de la section ci-dessus pour vous assurer que la nouvelle image a bien été téléchargée par notre robot d’indexation.

Notez que la mise à jour de l’image pour une URL donnée ne mettra pas automatiquement à jour l’aperçu pour les anciens partages. Pour ce faire, vous devez actualiser le partage en suivant la procédure décrite ici.

Résolution des erreurs

Si vous rencontrez des problèmes d’affichage des images pour une URL, essayez de connecter l’URL de l’image dans le programme de débogage du partage et recherchez d’éventuelles erreurs. Si vous pensez que le problème se situe de notre côté, adressez-nous un rapport de bug.