Contrôler l'image de partage via les balises Open Graph

Pour définir précisément l'image qui apparaît lors du partage d'une page web sur Facebook (ou LinkedIn et X), on utilise le protocole Open Graph. Ce sont des balises <meta> à insérer dans la section <head> de votre code HTML.

1. La balise essentielle

La balise spécifique pour l'image est og:image. Voici comment l'implémenter :

<meta property="og:image" content="https://www.votre-site.com/images/image-partage.jpg" />

2. Recommandations techniques

Pour que l'image s'affiche parfaitement, respectez ces critères :

3. Autres balises complémentaires

Il est conseillé d'ajouter ces balises pour accompagner l'image :

4. Forcer la mise à jour (Le Debugger)

Si vous modifiez votre image mais que Facebook continue d'afficher l'ancienne, c'est à cause du cache. Utilisez l'outil officiel Facebook Sharing Debugger :

  1. Rendez-vous sur le site Facebook for Developers - Sharing Debugger.
  2. Collez votre URL.
  3. Cliquez sur Débugger, puis sur le bouton Scrape Again (Collecter à nouveau) pour forcer Facebook à lire vos nouvelles balises.

Solution pour les CMS (WordPress, Shopify, etc.)

Si vous n'êtes pas à l'aise avec le code, vous pouvez utiliser des extensions :

Avez-vous accès au code source de votre page ou utilisez-vous un outil de gestion de contenu spécifique ?

C'est tout à fait compréhensible, la gestion de deux versions d'une même image peut vite devenir chronophage, surtout sur un site avec de nombreuses pages.

Voici quelques astuces pour simplifier ce processus sans doubler votre charge de travail :

1. La stratégie de l'image "Unique et Compatible"

Au lieu de créer deux fichiers, vous pouvez créer une seule image optimisée pour Facebook (1200 x 630 px) et l'utiliser également comme image de mise en avant sur votre site.

2. L'automatisation par défaut

Si vous ne voulez pas choisir une image pour chaque page :

3. Hiérarchie de sélection de Facebook

Si vous ne remplissez pas la balise og:image, Facebook va "scanner" votre page et essayer de deviner quelle est la meilleure image. Il choisit souvent la plus grande ou celle qui se rapproche le plus de son format idéal. En ayant des images de qualité dans votre contenu, Facebook fera parfois le travail pour vous, mais le résultat est moins prévisible.

Le saviez-vous ? Si vous utilisez déjà une image au format "paysage" pour illustrer vos articles, elle fonctionnera dans 90% des cas sur Facebook sans modification, même si elle n'est pas exactement aux dimensions 1200 x 630. Le plus important est d'éviter les images verticales (portraits), qui sont très mal recadrées.

Souhaitez-vous que je vous aide à vérifier si votre thème actuel permet de définir une image par défaut pour tout votre site ?