Configurer Open Graph et Twitter Cards pour l'aperçu de vos liens

Les balises Open Graph et Twitter Cards décrivent l'aperçu qui s'affiche quand quelqu'un partage un lien de votre site sur LinkedIn, Facebook, X ou dans une messagerie : un titre, une description et une image. Sans elles, chaque réseau improvise, souvent avec un résultat moins soigné. Notre audit vérifie leur présence et la qualité de l'image de partage.

Les balises à renseigner

<meta property="og:title" content="Titre de la page">
<meta property="og:description" content="Description courte de la page.">
<meta property="og:image" content="https://exemple.fr/images/partage-1200x630.jpg">
<meta property="og:url" content="https://exemple.fr/ma-page">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

Ce que contrôle l'audit

• og:title : constat d'attention si elle est absente. Les réseaux retombent alors sur le <title>, avec un rendu moins maîtrisé.
• og:description : constat d'attention si elle est absente ou hors de la fourchette de 50 à 200 caractères.
• og:image : absente, c'est un constat d'attention ; présente mais introuvable, c'est un constat important ; plus petite que 200 × 200 pixels, c'est un constat d'attention. Le format recommandé est de 1 200 × 630 pixels.
• twitter:card : simple information si elle manque, X reprenant alors les balises Open Graph. Si elle est présente, sa valeur doit être summary, summary_large_image, app ou player.
• twitter:image : image dédiée à X, utile si elle diffère de l'image Open Graph.

Préparer l'image de partage

1. Créez un visuel au ratio 1 200 × 630 pixels, avec le texte et le logo au centre pour résister aux recadrages.
2. Enregistrez-le en JPEG ou en PNG, formats acceptés partout par les réseaux sociaux, et gardez un poids raisonnable.
3. Mettez-le en ligne et utilisez son adresse complète, en https://, dans og:image.

Le Kit d'images d'IT-Tools (listé en bas de page) permet de redimensionner et de compresser le visuel dans le navigateur, sans compte.

Rédiger les textes

Le titre et la description de partage peuvent être plus engageants que ceux destinés aux moteurs de recherche, car ils s'adressent à quelqu'un qui voit déjà le lien dans un fil d'actualité. Gardez le même sujet et comptez les caractères avec l'outil Statistiques texte d'IT-Tools pour rester dans la fourchette. Pour les balises des résultats de recherche, voir le guide title et meta description.

Où les modifier

• WordPress : l'onglet « Réseaux sociaux » de Yoast ou de Rank Math, par page. L'image mise en avant de l'article sert de repli.
• Site codé à la main : dans le <head> de chaque page ou du gabarit commun.

Vérifier

Les réseaux gardent l'aperçu en mémoire : après une correction, utilisez l'outil de débogage de partage de Facebook ou l'inspecteur de publication de LinkedIn pour forcer le rafraîchissement. Relancez ensuite l'audit : la catégorie Réseaux sociaux doit refléter les nouvelles balises.