Aperçu Open Graph
Prévisualisez le titre, la description, l image et la carte de lien lors du partage sur les réseaux sociaux.
Qu’est-ce qu’un outil d’aperçu Open Graph ?
Un outil d’aperçu Open Graph simule la carte affichée lors du partage d’une page sur Facebook, LinkedIn, Twitter/X et d’autres plateformes. Modifiez le titre, la description, l’image, le nom du site, le type de contenu et l’URL, puis générez les balises meta og:title, og:description, og:image et Twitter Card à placer dans head.
Comment utiliser l’aperçu Open Graph
- Saisissez l’URL complète et rédigez un titre et une description clairs qui expliquent l’intérêt de la page.
- Ajoutez une URL d’image accessible publiquement, de préférence une image horizontale claire en HTTPS.
- Passez entre les aperçus Facebook, LinkedIn et Twitter/X pour vérifier les retours, le ratio d’image et la description.
- Copiez les balises meta dans head et actualisez les caches des plateformes avec leurs outils de débogage.
À quoi servent les balises Open Graph
Contrôler le titre et la description partagés
og:title et og:description fournissent un texte adapté aux réseaux, limitant les coupures et le manque de contexte.
Définir l’image de partage
og:image et twitter:image définissent la couverture. L’image doit être accessible publiquement aux robots, sans dépendre d’un chemin local, d’une session ou d’une autorisation temporaire.
Décrire le type et l’URL du contenu
og:type indique s’il s’agit d’un site, article, produit ou vidéo, tandis que og:url identifie l’adresse canonique.
Améliorer la cohérence des aperçus
Vérifier plusieurs cartes avant publication permet de détecter plus tôt les problèmes d’URL, de ratio, de longueur et d’encodage.
FAQ sur l’aperçu Open Graph
Pourquoi la plateforme n’a-t-elle pas encore actualisé la carte ?
Les plateformes mettent généralement les balises meta et images en cache. Après publication, utilisez leur débogueur de partage pour relire l’URL. Les délais et règles varient, et cet aperçu local ne vide pas le cache.
Quelle taille d’image utiliser ?
Une image horizontale d’environ 1200×630 pixels au ratio 1,91:1 est un bon point de départ. L’affichage varie ; utilisez une image HTTPS publique et éloignez les textes importants des bords.
Quelle est la différence entre Open Graph et le title classique ?
HTML title et meta description servent surtout au titre du navigateur, aux résultats de recherche et aux informations de base. Open Graph et Twitter Card s’adressent aux robots sociaux. Les deux ensembles peuvent coexister avec des textes cohérents adaptés au contexte.
Outils recommandes
Ces outils de fichiers peuvent aussi vous etre utiles
Vérificateur de métadonnées web
Vérifiez le title, la description, le canonical, les robots, Open Graph et autres métadonnées d une page.
Capture de page web
Capturez la zone visible ou la page entière depuis une URL avec des formats courants pour ordinateur et mobile.
Aperçu web responsive
Visualisez la mise en page et le rendu d un site sur des formats mobile, tablette et ordinateur.