Images dans les partages de liens

La balise meta Open Graph

La balise og:image permet de spécifier l’URL de l’image qui apparaît lorsque quelqu’un partage le contenu sur Facebook. Cliquez ici pour accéder à la liste complète des propriétés d’image.

Conditions requises

  • L’image doit avoir une résolution minimale de 200 x 200 pixels.
  • La taille du fichier image ne doit pas excéder 8 Mo.
  • Utilisez des images d’au moins 1 200 x 630 pixels pour un affichage optimal sur les appareils à haute résolution. Vous devez utiliser des images d’au moins 600 x 315 pixels pour afficher des publications de Page de lien contenant de grandes images.
  • Si votre image a des dimensions inférieures à 600 x 315 px, elle s’affichera quand même dans la publication de Page de lien, mais sa taille sera beaucoup plus petite.
  • Nous avons également modifié les publications de Page de lien de sorte que les proportions des images soient les mêmes dans le fil sur ordinateur et sur mobile. Essayez de maintenir des proportions aussi proches que possible de 1,91:1 pour que vos images soient entièrement visibles dans le fil, et ne nécessitent pas de recadrage.
  • Notre robot d’indexation n’acceptant que les encodages gzip et deflate, assurez-vous 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 extrait 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écutez le programme de débug des URL sur l’URL concernée afin d’effectuer une récupération préalable des métadonnées de la page. Nous vous conseillons également cette méthode pour mettre à jour l’image d’un contenu.

  2. Effectuer une mise en cache préalable de l’image à l’aide de l’API Graph : réalisez une extraction 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. Nous vous conseillons également cette méthode pour mettre à jour l’image d’un contenu.

  3. Utilisez les balises Open Graph og:image:width et og:image:height : ces balises vous permettent d’indiquer 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 actualités 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 associée à 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 soumettre l’URL de l’image au programme de débug du partage pour identifier d’éventuelles erreurs. Si vous pensez que le problème se situe de notre côté, adressez-nous un rapport de bug.