Guide des graphiques ouverts

Comment personnaliser les images Open Graph et aperçus des liens.

Découvrez comment WhatsApp, LinkedIn et X interprètent les métadonnées, pourquoi les caches deviennent obsolètes et quoi changer lorsque la carte publique ne correspond pas à votre intention.

Illustration d'optimisation de l'aperçu Open Graph

Qu'est-ce qu'Open Graph ?

Le protocole Open Graph indique aux plateformes le titre, la description, l'image et le URL canonique à utiliser lorsque quelqu'un partage une page Web. Sans cela, les réseaux et les applications de chat se trompent souvent.

C'est pourquoi la qualité de l'aperçu public est si souvent liée aux métadonnées techniques plutôt qu'au contenu visible du corps d'une page.

Les balises principales à contrôler

  • og:title
  • og:description
  • og:image
  • og:url

Ces valeurs sont ce que la plupart des robots d'exploration lisent en premier lorsqu'ils décident comment votre page doit apparaître dans un flux, une discussion ou une carte d'aperçu.

Le comportement spécifique à la plate-forme est toujours important

WhatsApp est agressif en matière de mise en cache. LinkedIn est plus strict en matière de validation et propose le Flux de travail de l'inspecteur post. X peut s'appuyer sur Open Graph, mais prend également en charge des balises Twitter Card plus granulaires.

Si vous corrigez spécifiquement le comportement de WhatsApp, passez à la page Guide de prévisualisation WhatsApp.

Exemple de balises méta obligatoires

<!-- Standard Open Graph -->
<meta property="og:title" content="Your Amazing Title" />
<meta property="og:description" content="A brief summary of your page." />
<meta property="og:image" content="https://yourdomain.com/social-visual.jpg" />
<meta property="og:url" content="https://yourdomain.com/page" />

<!-- X / Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Amazing Title" />
<meta name="twitter:description" content="A brief summary of your page." />
<meta name="twitter:image" content="https://yourdomain.com/social-visual.jpg" />

Problèmes courants

Les raisons habituelles pour lesquelles les aperçus publics échouent.

Mauvaise image affichée

Généralement provoqué par plusieurs balises d'image concurrentes ou par des robots d'exploration sélectionnant le premier média utilisable qu'ils rencontrent.

Ancien aperçu mis en cache

Les plates-formes conservent souvent des métadonnées obsolètes pendant des jours, même après avoir déployé un correctif correct.

L'image n'apparaît pas

Les URL relatives, les fichiers inaccessibles ou les formats non pris en charge restent les causes les plus courantes.

Titre incorrect

Les métadonnées de titre dupliquées ou mal formées amènent souvent les plateformes à deviner au lieu d'obéir à votre intention.

FAQ

Plus de questions sur les graphes ouverts

Puis-je utiliser une image différente pour WhatsApp et LinkedIn ?

Vous pouvez essayer une logique spécifique à la plate-forme, mais une image forte de 1 200 x 630 qui fonctionne partout est généralement l'option la plus sûre et la moins fragile.

Pourquoi mon og:image revient-elle à l'ancienne ?

Cela signifie généralement que le cache de la plateforme contient toujours les métadonnées précédentes. Utilisez leurs outils de débogage ou d’inspecteur pour forcer une actualisation.

Y a-t-il des limites de caractères pour og:title ?

La plupart des plates-formes tronquent les titres entre 60 et 90 caractères, donc placez les mots importants en premier.

Centralisez votre Couche Ouvrir le graphique.

Arrêtez de toucher au code chaque fois qu'une campagne a besoin d'une nouvelle carte sociale. Visualink se situe entre la page de destination et le robot d'exploration de la plateforme.