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:titleog:descriptionog:imageog: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.