Aperçu Open Graph
Voyez le rendu de votre lien quand il est partagé sur Facebook, LinkedIn et X, en direct depuis vos balises Open Graph, et collez vos balises existantes pour les vérifier en quelques secondes.
Quand on partage votre page, le titre, l'image et la description qui apparaissent ne sont pas tirés au hasard de votre contenu : ils viennent de vos balises Open Graph, et si elles manquent ou sont fausses, votre lien s'affiche en URL nue ou en carte recadrée et confuse. Cet aperçu Open Graph gratuit rend votre og:title, og:description, og:image et og:url comme le font Facebook, LinkedIn et X, côte à côte, et vous laisse coller un bloc de balises existantes pour remplir les champs instantanément. Il s'adresse aux SEO, marketeurs et développeurs qui veulent un lien partagé à l'allure soignée plutôt qu'accidentelle.
Comment l'utiliser
Saisissez ou collez vos balises
Tapez votre og:title, description, URL d'image et URL de page, ou collez un bloc de balises <meta property="og:…"> existantes et les champs se remplissent automatiquement.
Vérifiez les deux cartes
Voyez la grande carte Facebook et LinkedIn à côté de la carte X summary_large_image, chacune avec son titre, sa description et son recadrage d'image, pour repérer une ligne ou une photo qui casse sur l'une mais pas l'autre.
Corrigez et reportez
Ajustez la longueur du titre, remplacez une image mal recadrée ou ajoutez un og:url manquant, puis mettez à jour les balises sur votre page et relancez l'analyse avec le debugger de la plateforme.
Pourquoi c'est utile
Deux vraies cartes à la fois
Facebook et LinkedIn affichent une grande image avec le domaine, un titre en gras et une description, tandis que X montre une carte summary_large_image au titre plus court. Les voir ensemble évite qu'un titre qui tient sur l'une et se coupe sur l'autre passe inaperçu.
Collez les balises, sans recopier
Déposez tout votre extrait de <head> ou juste le bloc Open Graph dans la zone de collage : l'outil lit les balises og: et twitter: dans n'importe quel ordre d'attributs et remplit chaque champ, pour vérifier ce qui est réellement sur la page plutôt que de le retaper.
Rien ne quitte votre navigateur
L'aperçu tourne entièrement côté client. Vos balises et URLs d'image ne sont jamais envoyées ni conservées : vous pouvez vérifier des pages non publiées et du travail client sans connexion.
Donner à votre lien le bon rendu une fois partagé
Ce que contrôlent vraiment les balises Open Graph
Open Graph, c'est un petit jeu de balises meta dans le <head> de votre page qui indiquent aux réseaux comment afficher votre lien. Les quatre qui comptent le plus sont og:title, og:description, og:image et og:url : le titre et la description deviennent le texte de la carte, l'image devient sa photo, et l'URL indique à la plateforme vers quelle page pointe la carte. X les lit aussi et se rabat sur ses propres balises twitter: quand elles sont présentes, d'où l'aperçu ici d'une carte Facebook/LinkedIn et d'une carte X à partir des mêmes valeurs.
Sans ces balises, une plateforme devine à partir de votre page, souvent mal : elle peut attraper la première image venue, reprendre la meta description ou le premier paragraphe, ou n'afficher que l'URL brute. Définir les balises volontairement, c'est la différence entre un lien qui ressemble à un post abouti et un lien qui semble cassé, et cela agit directement sur le nombre de clics d'un lien partagé.
Taille d'image, longueur du titre et recadrage
L'erreur Open Graph la plus fréquente, c'est l'image. La grande carte veut une image paysage d'environ 1200 sur 630 pixels, un ratio de 1,91:1, et tout ce qui s'en éloigne est recadré : une image haute perd son haut et son bas, une image minuscule est ignorée et la carte retombe sur une mise en page sans visuel. Prévisualisez le recadrage ici avant de publier, car une image qui semble correcte sur votre page peut perdre sa partie la plus importante dans la carte.
Titres et descriptions sont rognés eux aussi, et chaque plateforme coupe à un point différent : un titre qui se lit bien en entier peut perdre sa fin dans la carte. Placez les mots importants en premier, gardez un titre resserré et traitez la description comme une seule phrase claire plutôt qu'un paragraphe qui sera coupé en plein milieu.
Utilisez une URL d'image absolue
og:image doit être une URL absolue, commençant par https://, pas un chemin relatif comme /og.png. Les plateformes récupèrent l'image depuis leurs propres serveurs et ne peuvent pas résoudre un chemin relatif : un og:image relatif est l'une des façons les plus discrètes de se retrouver avec une carte sans aucune image.
Prévisualisez, puis confirmez avec le vrai scraper
Cet outil vous montre comment la carte est construite à partir de vos valeurs, mais les plateformes ont le dernier mot : chacune analyse votre page en direct, met le résultat en cache et peut recadrer ou rogner à sa façon. Après l'aperçu et la mise en place de vos balises, passez la page dans le Sharing Debugger de Facebook et le Card Validator de X pour forcer une nouvelle analyse et voir la vraie carte. Soigner les liens partagés sur chaque page et dans chaque langue où vous publiez, c'est exactement le genre de travail répétitif et vite oublié qu'Otorank prend en charge : il rédige, publie et suit un contenu conçu pour être trouvé en 150+ langues.
Ils utilisent Otorank
Questions fréquentes
Ce que font les balises Open Graph, pourquoi l'image est recadrée, et comment confirmer la vraie carte avant de vous y fier.
Environ 1200 sur 630 pixels, un ratio de 1,91:1, pour la grande carte. Les images loin de ce ratio sont recadrées, et les très petites sont ignorées : la carte retombe alors sur une mise en page sans visuel.
Les causes les plus fréquentes sont un og:image en chemin relatif au lieu d'une URL absolue en https://, une image trop petite, ou un cache de plateforme périmé. Utilisez une URL absolue et relancez l'analyse de la page dans le debugger de la plateforme.
Pas obligatoirement. X se rabat sur vos balises Open Graph quand ses propres balises twitter: manquent : les balises og: seules produisent une carte valide. N'ajoutez twitter:card et twitter:image que si vous voulez que X diffère du reste.
Les plateformes mettent en cache ce qu'elles ont analysé. Votre modification est en ligne, mais l'ancienne carte reste mémorisée tant que vous ne forcez pas un rafraîchissement avec le Sharing Debugger de Facebook ou le Card Validator de X.
Non. L'aperçu est construit dans votre navigateur à partir des valeurs saisies ; rien n'est envoyé ni conservé, vous pouvez donc vérifier des pages non publiées en toute sécurité.
Outils liés
Générateur de balises meta
Générez des balises title et meta propres et bien dimensionnées en quelques secondes.
Aperçu d'extrait SERP
Voyez comment votre titre et votre description apparaissent dans Google avant de publier.
Vérificateur de title tag
Contrôlez la longueur et la largeur en pixels d'un title tag avant publication.