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.

Open Graph

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

  1. Saisissez l’URL complète et rédigez un titre et une description clairs qui expliquent l’intérêt de la page.
  2. Ajoutez une URL d’image accessible publiquement, de préférence une image horizontale claire en HTTPS.
  3. Passez entre les aperçus Facebook, LinkedIn et Twitter/X pour vérifier les retours, le ratio d’image et la description.
  4. 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