ZenovayTools

Générateur Open Graph

Générez des balises méta Open Graph et Twitter Card pour le partage sur les réseaux sociaux. Aperçu en direct de comment votre lien apparaîtra sur Facebook, Twitter et LinkedIn.

Open Graph

0/95
0/200

Image

Recommended: 1200×630 px (1.91:1 ratio)

Twitter Card

Live Preview

Fill in the fields to see how your link will look when shared

Paste these tags inside the <head> of your HTML document.

All processing happens in your browser. No data is sent to any server. Your URLs, titles, and image links are never stored or transmitted.

Comment utiliser Générateur Open Graph

  1. 1Remplissez le titre, la description et l'URL de votre page.
  2. 2Ajoutez une URL d'image pour l'aperçu social.
  3. 3Configurez les paramètres de Twitter Card.
  4. 4Copiez les balises méta générées à votre HTML head.
ZenovayAnalytics

Analytics sans aucun bandeau cookies.

  • Suivi des visiteurs en temps réel
  • Vie privée d'abord, sans bandeau cookies
  • Installé en deux minutes
Découvrir Zenovay

Outils connexes

Analyseur de balises Meta
Analysez les balises meta de n'importe quelle page web. Vérifiez le titre, la description, Open Graph, les cartes Twitter et obtenez des recommandations SEO.
Vérificateur Open Graph
Prévisualisez comment votre page apparaît lorsqu'elle est partagée sur Facebook, Twitter et LinkedIn. Vérifiez toutes les balises OG et Twitter Card.
Vérificateur d'En-têtes HTTP
Inspectez les en-têtes de réponse HTTP de n'importe quelle URL. Vérifiez les en-têtes de sécurité, la mise en cache, le type de contenu, et bien plus.
Validateur Robots.txt
Validez et analysez votre fichier robots.txt. Vérifiez les règles, les sitemaps et les problèmes de crawl courants.

Questions fréquemment posées

Qu'est-ce que le protocole Open Graph ?▾
Open Graph (OG) est un protocole créé par Facebook qui permet aux pages web de contrôler comment elles apparaissent lorsqu'elles sont partagées sur les réseaux sociaux. En ajoutant des balises méta OG à votre HTML head, vous spécifiez le titre, la description, l'image et l'URL que des plateformes comme Facebook, LinkedIn et Twitter affichent dans les aperçus de liens.
Quelles sont les propriétés Open Graph requises par rapport aux propriétés optionnelles ?▾
Requis : og:title, og:type, og:image et og:url. Recommandé : og:description, og:site_name, og:locale. Optionnel : og:image:width, og:image:height, og:image:alt. Pour les articles : article:author, article:published_time, article:section. D'autres propriétés existent pour les types de contenu spécifiques.
Quelles sont les meilleures pratiques pour og:image ?▾
Taille recommandée : 1200x630 pixels pour un affichage optimal sur toutes les plates-formes. Utilisez des images de haute qualité avec un rapport d'aspect 1.91:1. Gardez la taille du fichier en dessous de 8 MB. Utilisez des URL absolues, pas des chemins relatifs. Incluez og:image:width et og:image:height pour un rendu plus rapide. Testez avec l'outil de débogage de partage de Facebook.
Comment tester mes balises Open Graph ?▾
Utilisez Facebook Sharing Debugger (developers.facebook.com/tools/debug/) pour tester et actualiser les données OG en cache. Twitter Card Validator (cards-dev.twitter.com/validator) pour les tests spécifiques à Twitter. LinkedIn Post Inspector (linkedin.com/post-inspector/) pour LinkedIn. Ces outils montrent exactement comment votre aperçu de lien apparaîtra.
Quelle est la différence entre les Twitter Cards et Open Graph ?▾
Twitter Cards utilisent des balises méta avec préfixe twitter:. Open Graph utilise des balises avec préfixe og:. Twitter utilisera les balises OG s'il n'y a pas de balises spécifiques à Twitter. Balises uniquement pour Twitter : twitter:card (summary ou summary_large_image), twitter:site, twitter:creator. Meilleure pratique : incluez à la fois les balises OG et Twitter pour une compatibilité maximale.