Qu'est-ce que Aperçu Open Graph ?

Open Graph Preview montre exactement comment votre URL apparaîtra lorsqu'elle sera partagée sur Facebook, Twitter, LinkedIn et d'autres plateformes sociales. Saisissez les valeurs de vos balises OG et visualisez une maquette en direct de la carte de partage avant publication.

L'aperçu lit vos balises og:title, og:description, og:image, og:site_name et og:url, puis reproduit la mise en page réelle de chaque réseau. Facebook coupe les titres autour de 88 caractères, la grande carte Twitter exige un ratio 2:1 et LinkedIn tronque les descriptions à environ 200 caractères avec des points de suspension.

Comment utiliser

1. Saisissez vos balises Open Graph : titre, description, URL de l'image, nom du site et URL.
2. Visualisez côte à côte les aperçus en temps réel des formats de carte Google, Facebook, Twitter, LinkedIn, WhatsApp, Slack, Discord et Pinterest.
3. Ajustez la longueur du titre, la description et les dimensions de l'image jusqu'à ce que l'aperçu soit parfait sur toutes les plateformes.

Quand l'utiliser

• Avant la publication d'un article ou d'une page marketing qui sera partagée sur les réseaux.
• Lors d'un audit de site dont les aperçus de partage apparaissent cassés ou sans image.
• Quand vous concevez un nouveau gabarit d'image OG et voulez vérifier que le titre ne masque pas le visuel.

Résultat

Avant de partager votre nouvel article de blog sur LinkedIn, vérifiez que l'image OG n'est pas recadrée de façon gênante et que la description s'affiche correctement dans la limite de 200 caractères de la carte Twitter.

FAQ

Quelle taille faut-il pour mon image Open Graph ?

1200x630 pixels est la valeur fiable. Facebook et LinkedIn l'affichent au format 1,91:1, et la carte summary_large_image de Twitter conserve ce ratio. Maintenez le fichier sous 5 Mo et utilisez du JPEG ou du PNG.

Pourquoi Facebook ne met-il pas l'aperçu à jour après modification des balises ?

Facebook met en cache les données OG environ 24 heures. Collez l'URL dans le Sharing Debugger de Meta et cliquez sur «Scrape Again» pour forcer un nouveau scan. LinkedIn propose le même mécanisme via Post Inspector.

Faut-il des balises twitter:* si j'ai déjà des balises og:* ?

Twitter retombe sur og:title, og:description et og:image quand les balises twitter:* manquent, donc une page basique fonctionne sans elles. Ajoutez twitter:card et twitter:image seulement si vous voulez un titre ou une image différente pour Twitter spécifiquement.

Quelle différence entre summary et summary_large_image sur Twitter ?

summary affiche une vignette carrée à côté du texte, parfait pour les actualités et articles. summary_large_image place une image large au-dessus du texte, plus adapté aux contenus visuels comme les landings ou les vidéos.

Puis-je utiliser un GIF animé comme og:image ?

Les réseaux acceptent le GIF mais n'affichent que la première image. Utilisez un PNG ou JPEG fixe avec l'information clé visible sur cette image, ou convertissez l'animation en court MP4 référencé via og:video.

Outils similaires