Outil d'Aperçu Open Graph Gratuit

Prévisualisez et générez des balises méta Open Graph pour les réseaux sociaux. Gratuit, rapide et fonctionne entièrement dans votre navigateur sans inscription.

Mis à jour le

Share:
Home/SEO Tools/Open Graph Preview

Open Graph Preview

Preview and generate Open Graph meta tags for Facebook, Twitter, LinkedIn, Pinterest, Slack, Discord, WhatsApp, and Telegram.

Fetch OG Tags from URL

Enter a URL to automatically extract and populate OG meta tags from any webpage.

OG Meta Data

Facebook Preview

example.com

Page Title

Page description will appear here

About Open Graph

Open Graph meta tags control how your content appears when shared on social media platforms like Facebook, Twitter, LinkedIn, and messaging apps like WhatsApp, Telegram, Slack, and Discord.

Recommended Image Sizes
  • Facebook: 1200x630 (1.91:1)
  • Twitter: 1200x600 (2:1)
  • LinkedIn: 1200x627 (1.91:1)
  • Pinterest: 1000x1500 (2:3)
  • WhatsApp: 720x720 (1:1 works best)
  • Telegram: 1200x630 (1.91:1)
  • Minimum: 200x200 pixels
Character Limits
  • Facebook: Title 60 / Desc 160
  • Twitter: Title 70 / Desc 200
  • LinkedIn: Title 150 / Desc 300
  • Discord: Title 256 / Desc 350
  • WhatsApp: Title 65 / Desc 155
Best Practices
  • Always include og:title and og:image
  • Use absolute URLs for images
  • Set type-specific tags (article, product)
  • Test with platform validators
  • Refresh caches after changes
  • Use images larger than 1200px wide

Questions Fréquentes

Qu'est-ce que l'outil Open Graph Preview ?

L'outil Open Graph Preview est un utilitaire en ligne gratuit qui vous permet de prévisualiser et de générer des balises meta Open Graph afin de voir comment votre contenu apparaîtra sur les réseaux sociaux.

L'outil Open Graph Preview est-il gratuit ?

Oui, il est entièrement gratuit et sans inscription. Tout le rendu de l'aperçu se fait côté client, dans votre navigateur.

Puis-je prévisualiser pour différentes plateformes ?

Oui, l'outil Open Graph Preview montre comment votre contenu apparaîtra lorsqu'il est partagé sur Facebook, Twitter/X, LinkedIn et d'autres réseaux sociaux.

Mes données sont-elles en sécurité avec cet outil ?

Absolument. L'outil Open Graph Preview traite tout côté client, dans votre navigateur. Aucune donnée n'est envoyée ni stockée sur un serveur. Votre contenu reste privé sur votre appareil à tout moment.

L'outil Open Graph Preview fonctionne-t-il sur les appareils mobiles ?

Oui, l'outil Open Graph Preview est entièrement responsive et fonctionne sur smartphones et tablettes. Vous pouvez l'utiliser sur n'importe quel appareil doté d'un navigateur web moderne, sans téléchargement d'application.

Dois-je créer un compte pour utiliser cet outil ?

Aucun compte ni inscription n'est nécessaire. Ouvrez simplement l'outil Open Graph Preview dans votre navigateur et commencez à l'utiliser immédiatement. Aucune barrière d'inscription ni restriction d'utilisation.

Cet outil respecte-t-il les dernières directives de Google ?

Oui, l'outil Open Graph Preview est conçu selon les directives et bonnes pratiques actuelles de Google Search. Nous mettons régulièrement l'outil à jour pour refléter les évolutions des exigences des moteurs de recherche.

Comment utiliser l'outil Open Graph Preview ?

Saisissez simplement vos informations dans le champ prévu, ajustez les réglages selon vos préférences et l'outil les traitera instantanément. Vous pouvez ensuite copier le résultat dans le presse-papiers ou le télécharger.

Quels navigateurs sont pris en charge ?

L'outil Open Graph Preview fonctionne sur tous les navigateurs modernes, dont Chrome, Firefox, Safari, Edge et Opera. Pour une expérience optimale, utilisez la dernière version de votre navigateur préféré.

Quelle est la taille idéale d'image Open Graph pour le partage sur les réseaux sociaux ?

La plupart des grands réseaux attendent une image de 1200x630 pixels au ratio 1,91:1, soit la taille recommandée par Facebook, LinkedIn, Discord, Slack et Telegram pour l'affichage en grande carte. Twitter/X utilise un ratio 2:1 (environ 1200x600) pour sa carte summary_large_image, WhatsApp privilégie une vignette carrée 1:1, et Pinterest préfère une image verticale au ratio 2:3, comme 1000x1500. Une image de moins de 1200 px de large ou au ratio inhabituel est souvent recadrée maladroitement, voire ignorée, laissant un simple lien texte plutôt qu'une carte cliquable. Cet outil lit les dimensions réelles et le ratio de votre image, signale tout ce qui est en dessous de 1200 px de large ou trop éloigné de 1,91:1, et affiche la carte sur chaque plateforme afin que vous puissiez vérifier que l'image convient avant de publier.

Quelle est la différence entre les balises Open Graph et les balises Twitter Card ?

Les balises Open Graph (les propriétés og:) constituent le standard d'origine créé par Facebook, que la plupart des plateformes lisent pour construire un aperçu de lien, avec og:title, og:description, og:image et og:url. Les balises Twitter Card sont propres à Twitter/X, comme twitter:card, twitter:title et twitter:image, et contrôlent spécifiquement l'apparence d'un lien sur X. Les deux se recoupent : quand les balises spécifiques à Twitter sont absentes, X se rabat sur vos données Open Graph, donc les deux ne sont pas strictement indispensables. Mais ajouter le type twitter:card permet de choisir une mise en page comme summary, summary_large_image ou player, ce que les balises OG seules ne permettent pas de préciser. Cet outil génère les deux familles ensemble et les garde synchronisées, pour que vous copiiez un seul bloc propre qui s'affiche correctement sur X et sur tous les autres réseaux à la fois.

Pourquoi mon aperçu de lien affiche-t-il encore l'ancienne image après avoir mis à jour mes balises ?

Les plateformes sociales mettent agressivement en cache la toute première version d'un lien qu'elles rencontrent, en conservant votre titre, votre description et votre image pour ne pas avoir à re-scanner la page à chaque partage. C'est cette mise en cache qui explique qu'un og:image ou un titre corrigé continue souvent d'afficher l'ancienne version pendant des heures, voire des jours après votre correction. La solution consiste à forcer chaque plateforme à récupérer à nouveau votre page via son outil de débogage officiel : le Facebook Sharing Debugger, le Twitter Card Validator et le LinkedIn Post Inspector disposent tous d'une action de rafraîchissement qui va chercher les balises à jour. Cet outil met à disposition des liens directs vers ces outils de débogage pour que vous puissiez vider les caches en quelques clics, puis revérifier la carte ici pour confirmer que le nouvel aperçu est bien celui qui s'affichera lors du partage.

Quelle longueur donner à mon titre et à ma description Open Graph ?

Visez un og:title d'environ 60 caractères maximum et une og:description d'environ 160 caractères, car c'est généralement là que Facebook et LinkedIn tronquent le texte dans la carte. Les autres réseaux sont un peu plus généreux : Twitter/X autorise environ 70 caractères pour le titre et 200 pour la description, tandis que WhatsApp et Telegram se situent autour de 65 et de 155 à 160. Placez les mots les plus importants en début de phrase pour que votre message survive même si une plateforme le coupe, et évitez de bourrer de mots-clés, car un titre tronqué se lit toujours moins bien qu'un titre concis dès le départ. Pendant que vous tapez, cet outil compte vos caractères par rapport à ces limites, note le titre et la description de A à F, et affiche le retour à la ligne exact sur chaque plateforme afin que vous puissiez raccourcir tout ce qui risquerait d'être coupé avant la mise en ligne.

Comment vérifier les balises Open Graph d'une page déjà publiée ?

Collez l'URL en ligne dans le champ de récupération de l'outil : il chargera cette page, lira ses balises meta Open Graph et Twitter Card existantes, puis remplira le titre, la description, l'image, le nom du site et le type de carte qu'il aura trouvés. À partir de là, vous pouvez auditer ce qui est présent, repérer les images manquantes ou trop petites, consulter la note de qualité de A à F, et ajuster n'importe quelle valeur pour prévisualiser la carte améliorée. Comme les navigateurs bloquent les requêtes cross-origin, la récupération passe par un proxy public (AllOrigins), donc l'adresse de la page vérifiée sort bien de votre navigateur pour aller chercher le code HTML ; tout ce qui suit, y compris l'édition et la notation, s'exécute localement. C'est le moyen le plus rapide de vérifier la configuration d'un concurrent ou de confirmer que vos propres balises déployées correspondent bien à ce que vous vouliez avant qu'une campagne ne s'appuie dessus.

À propos de l'outil d'aperçu Open Graph

Les balises Open Graph forment ce petit bloc de métadonnées qui décide de l'apparence de votre lien quand quelqu'un le partage — le titre, la description et l'image qui apparaissent dans une publication Facebook, un tweet, un partage LinkedIn ou un message Slack. L'outil d'aperçu Open Graph vous permet de voir cette carte de partage avant de publier, de modifier chaque balise au même endroit, et de copier un bloc propre de balises meta à insérer dans votre page. Il est pensé pour les marketeurs, développeurs et propriétaires de contenu qui veulent que leurs liens soient corrects dès la première tentative, plutôt que de découvrir une image manquante une fois le post déjà publié.

Vous pouvez procéder de deux façons. Remplissez les champs manuellement — titre, description, URL de l'image, nom du site, langue, type de carte Twitter et identifiants — ou collez une URL en ligne et l'outil va chercher cette page pour lire ses balises Open Graph existantes, afin que vous puissiez les auditer et les ajuster. La récupération de l'URL passe par un proxy public (AllOrigins) pour contourner les restrictions cross-origin des navigateurs, ce qui signifie que l'adresse de la page que vous vérifiez sort bien de votre navigateur. Tout le reste — l'édition, les aperçus, la notation et les balises générées — se passe localement dans votre navigateur, sans inscription.

Visualisez votre carte sur toutes les plateformes qui comptent

Un même jeu de balises Open Graph s'affiche différemment selon l'endroit où il est partagé, et cet outil simule huit des destinations les plus courantes : Facebook, Twitter/X, LinkedIn, Discord, Slack, WhatsApp, Telegram et Pinterest. Chaque aperçu reprend la mise en page réelle de la plateforme, sa taille d'image recommandée et ses limites de titre/description, pour que vous repériez un titre tronqué sur un réseau alors qu'il tient parfaitement sur un autre. Voici quelques-unes des spécifications sur lesquelles les aperçus sont calés :

  • Facebook, LinkedIn, Discord, Slack, Telegram — image 1200×630 au ratio 1,91:1
  • Twitter/X — 1200×600 au ratio 2:1 pour une grande carte de résumé
  • WhatsApp — une vignette carrée au ratio 1:1
  • Pinterest — une image verticale de 1000×1500 au ratio 2:3 que privilégie Pinterest

Notez vos balises et analysez l'image

Au fil de vos modifications, l'outil attribue une note de A à F à votre configuration, selon que le titre, la description, l'image, l'URL, le nom du site et les identifiants Twitter sont présents et respectent des limites raisonnables. Quand vous fournissez une image, l'outil charge le fichier pour en lire les dimensions réelles et le ratio d'aspect, et signale les ratios non standards ou les images plus petites que les 1200 px de largeur attendus par la plupart des plateformes. C'est important, car l'image fait souvent toute la différence entre un simple lien texte et une carte qui génère des clics : Facebook recommande 1200×630, et une image trop petite ou mal proportionnée est souvent recadrée maladroitement, voire ignorée complètement.

Générez et copiez les balises meta

Une fois l'aperçu satisfaisant, l'outil assemble le code HTML correspondant — à la fois les propriétés og: et les balises Twitter Card associées — prêt à copier-coller dans le <head> de votre page. Cela garde les deux familles de balises synchronisées, ce qui compte, car Twitter se rabat sur les données Open Graph mais utilise ses propres balises twitter:card, twitter:title et twitter:image quand elles sont présentes.

Actualisez les aperçus obsolètes après une mise à jour

Les plateformes sociales mettent agressivement en cache la première version d'un lien qu'elles rencontrent, si bien qu'une correction apportée à vos balises met souvent du temps à apparaître, le temps que ce cache soit vidé. L'outil met à disposition des liens directs vers les outils de débogage officiels — le Facebook Sharing Debugger, le Twitter Card Validator et le LinkedIn Post Inspector — pour forcer chaque plateforme à récupérer à nouveau votre page et confirmer que la nouvelle carte est bien en ligne.

En résumé, l'outil d'aperçu Open Graph transforme le tâtonnement en une vérification rapide : modifiez vos balises, observez le rendu de la carte sur les différents réseaux, corrigez ce que la note signale, copiez le code généré, et videz les caches — le tout sans créer de compte.