Aperçu Open Graph
See exactly how your page will look when shared on Facebook and Twitter. Fill in your OG fields and get the correct meta tags to copy into your <head> — instantly, in the browser.
Champs Open Graph
OG Title will appear here
OG description will appear here…
Balises méta générées
<meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" />
Comment utiliser l'outil d'aperçu Open Graph
Remplissez les champs à gauche — au minimum un titre OG et une description OG — puis basculez entre les onglets Facebook et Twitter / X pour voir à quoi ressemblera votre aperçu de lien sur chaque plateforme. Une fois satisfait, copiez les balises meta générées et collez-les dans la section <head> de votre HTML.
Qu'est-ce que le protocole Open Graph ?
Open Graph est un standard de métadonnées introduit par Facebook en 2010 et maintenant pris en charge par pratiquement tous les réseaux sociaux, applications de messagerie et agrégateurs de liens. Quand quelqu'un colle votre URL dans Facebook, LinkedIn, Slack, iMessage ou Twitter, ces plateformes envoient un crawler pour récupérer votre page et lire les balises meta og:. Sans balises OG, les plateformes se rabattent sur des suppositions — choisissant souvent la mauvaise image, un titre tronqué, ou aucune description du tout. Avec des balises OG correctes, chaque partage de votre contenu paraît soigné et intentionnel.
Comment ajouter ces balises à votre site
Collez les balises générées dans la section <head> de votre HTML. Dans Next.js, utilisez l'export metadata intégré — le framework écrit les balises automatiquement. Dans WordPress, des plugins comme Yoast SEO ou Rank Math gèrent les balises OG via une interface. Pour le HTML statique ou d'autres frameworks, collez directement dans la section head de votre template. Après le déploiement, utilisez les outils de vidage de cache spécifiques à chaque plateforme décrits dans la FAQ ci-dessous pour actualiser l'aperçu.
Questions fréquentes
Qu'est-ce que le protocole Open Graph ?
Open Graph (OG) est un protocole de métadonnées créé par Facebook qui vous permet de contrôler l'apparence de vos pages web lorsqu'elles sont partagées sur les réseaux sociaux. En ajoutant les balises meta og:title, og:description, og:image et og:type dans la section <head> de votre page, vous indiquez à Facebook, LinkedIn, Slack et autres plateformes exactement quel titre, quelle description et quelle image afficher dans les cartes de prévisualisation de liens — indépendamment de la structure réelle des titres de la page.
Quelle est la taille recommandée pour l'image Open Graph ?
Facebook et la plupart des plateformes recommandent 1200×630 pixels (ratio d'environ 1,91:1) pour og:image. Cela s'affiche bien sur les écrans haute densité sans recadrage. Pour les cartes Twitter summary_large_image, un ratio 16:9 (par exemple 1200×675 px) fonctionne mieux. Gardez les images sous 8 Mo et utilisez le format JPEG ou PNG. Évitez d'intégrer du texte critique dans l'image, car les plateformes peuvent le recadrer sur des viewports plus petits.
Combien de caractères doivent contenir og:title et og:description ?
Facebook affiche og:title jusqu'à environ 60 caractères et og:description jusqu'à 155 caractères avant de tronquer. Twitter coupe og:title à environ 55–70 caractères et og:description à environ 125 caractères dans les aperçus de cartes. Pour être sûr, gardez og:title sous 60 caractères et og:description sous 120 caractères afin que les deux plateformes affichent le texte complet sans couper en milieu de phrase.
Les balises Open Graph aident-elles le SEO ?
Les balises Open Graph n'influencent pas directement les algorithmes de classement de Google — Google utilise principalement la balise title et la meta description pour les résultats de recherche. Cependant, les balises OG bénéficient indirectement au SEO en améliorant le partage social : un og:title convaincant et un og:image de haute qualité génèrent plus de clics et de partages, ce qui peut générer du trafic et obtenir des backlinks naturels. Les données OG complètes aident également Slack, iMessage, WhatsApp et Discord à afficher des aperçus riches, élargissant ainsi la portée de votre contenu.
Pourquoi mon aperçu social affiche-t-il encore l'ancien contenu après la mise à jour de mes balises ?
Les réseaux sociaux mettent agressivement en cache les aperçus de liens. Après avoir mis à jour vos balises OG, vous devez vider manuellement le cache pour chaque plateforme : utilisez le Sharing Debugger de Facebook (developers.facebook.com/tools/debug), le Card Validator de Twitter (cards-dev.twitter.com/validator) ou le Post Inspector de LinkedIn (linkedin.com/post-inspector). Entrez votre URL et cliquez sur 'Scrape Again' ou 'Refresh'. Le nouvel aperçu se propagera en quelques heures pour la plupart des plateformes.
Outils associés
Vous souhaitez que votre contenu performe sur toutes les plateformes ?
Nos experts SEO peuvent auditer l'ensemble de votre configuration on-page — balises meta, partage social, données structurées et plus encore — et vous fournir une feuille de route de croissance personnalisée.
Get a Free SEO Audit