Ouvrir l'outil d'aperçu du graphique
Prévisualisez comment votre page apparaît lorsqu'elle est partagée sur Facebook, X (Twitter), LinkedIn, WhatsApp, Slack et Discord. Vérifiez og:title, og:description, og:image, les balises Twitter Card et obtenez un rapport noté avec des recommandations concrètes pour améliorer le partage social - le tout traité en toute sécurité dans votre navigateur.
Paste your HTML source code below to see exactly how your page will appear when shared on Facebook, X (Twitter), LinkedIn, WhatsApp, Slack, and Discord. All processing runs locally in your browser.
Pourquoi utiliser notre outil de prévisualisation de graphiques ouverts ?
- Suggestions de correctifs exploitables : chaque problème détecté comprend une explication claire et des suggestions de correctifs pratiques. Appliquez les changements en toute confiance en sachant exactement ce qui doit être amélioré et pourquoi.
- 100 % privé et gratuit : toutes les analyses s'effectuent localement dans votre navigateur. Aucune donnée n'est téléchargée sur un serveur, aucune inscription n'est requise et aucune limite d'utilisation. Utilisez-le aussi souvent que vous en avez besoin - entièrement gratuitement.
Cas d'utilisation courants de l'outil d'aperçu de graphique ouvert
- Partage Facebook et Instagram : prévisualisez la façon dont votre page apparaît sous forme d'aperçu de lien Facebook et de carte d'histoire Instagram. Vérifiez que og:title, og:description et og:image s'affichent correctement avec le bon rapport hauteur/largeur (1 200 × 630 px) avant de partager.
- Cartes X (Twitter) : vérifiez le balisage de votre carte Twitter pour connaître les types de cartes résumé, résumé_large_image et joueur. Prévisualisez la mise en page exacte que X affiche, y compris le titre, la description, l'image et l'attribution du domaine.
- Aperçu du lien LinkedIn : assurez-vous que vos articles et pages affichent des aperçus professionnels sur les flux LinkedIn. Vérifiez que les images OG répondent à la recommandation de LinkedIn de 1 200 × 628 px et que les descriptions tiennent dans la carte d'aperçu.
- Liens d'application de messagerie : prévisualisez la façon dont les liens partagés apparaissent dans WhatsApp, Telegram et d'autres applications de messagerie. Ces plates-formes utilisent des balises OG pour générer des aperçus de liens riches avec des vignettes et des descriptions.
- Assurance qualité et débogage des développeurs : déboguez les problèmes de balises OG pendant le développement. Vérifiez que les modèles CMS, les métadonnées Next.js et les pages rendues par le serveur produisent des balises sociales correctes avant de les déployer dans des environnements de production.
- Assurance qualité du marketing de contenu : validez les métadonnées sociales des articles de blog, des pages de destination et des campagnes marketing avant le lancement. Assurez la cohérence de la marque sur toutes les plateformes de partage avec des titres, des images et des descriptions précises.
Qu’est-ce que l’analyse des balises Open Graph ?
L'analyse des balises Open Graph examine les balises Open Graph, Twitter Card et les balises méta sociales dans les documents HTML pour identifier les problèmes, améliorer la qualité et garantir les meilleures pratiques. Cet outil fournit une évaluation complète qui vous aide à comprendre l’état actuel et ce qui doit être amélioré.
Comment fonctionne notre analyseur
- Saisissez votre contenu : téléchargez un fichier, collez du contenu ou saisissez l'URL que vous souhaitez analyser. L'outil accepte une large gamme de formats d'entrée pour une flexibilité maximale.
- Analyse complète : l'analyseur traite vos entrées par rapport à une liste de contrôle détaillée de règles, de bonnes pratiques et de mesures de qualité. Chaque contrôle est évalué indépendamment pour des résultats précis.
- Examiner et appliquer les correctifs : parcourez les résultats d'analyse organisés par catégorie. Chaque résultat comprend une explication claire et des suggestions de solutions pratiques que vous pouvez appliquer directement.
Cas d'utilisation courants des balises Open Graph
vérifier les aperçus de partage sur les réseaux sociaux avant la publication, vérifier les images et les descriptions OG pour Facebook et LinkedIn, valider le balisage de la carte Twitter, déboguer les apparences des liens partagés sur WhatsApp et Discord et auditer les métadonnées sociales lors des migrations de sites Web. L'outil est conçu pour les développeurs, les ingénieurs QA et les membres de l'équipe technique qui ont besoin d'une apparence de partage sur les réseaux sociaux, de taux de clics et d'une cohérence de marque sur toutes les plateformes de partage.
Confidentialité, sécurité et disponibilité
Toutes les analyses s'effectuent entièrement dans votre navigateur à l'aide d'un traitement côté client. Aucune donnée n'est jamais téléchargée sur un serveur - chaque octet reste sur votre appareil. Il n'y a aucune limite de taille de fichier, aucune exigence d'inscription et aucun plafond d'utilisation. L’utilisation de l’outil est 100 % gratuite, sans fonctionnalités premium cachées.
Foire aux questions
Un outil de prévisualisation Open Graph vous permet de voir exactement comment votre page apparaîtra lorsqu'elle sera partagée sur des plateformes de médias sociaux telles que Facebook, X (Twitter), LinkedIn, WhatsApp, Slack et Discord. Il analyse votre code HTML pour extraire og:title, og:description, og:image, les balises Twitter Card et affiche des aperçus visuels pour chaque plate-forme, le tout localement dans votre navigateur.
Cet outil vérifie og:title, og:description, og:image, og:url, og:type, og:site_name, og:locale, og:image:width, og:image:height, og:image:alt, twitter:card, twitter:title, twitter:description, twitter:image, twitter:site, twitter:creator, et revient aux balises de titre et aux méta descriptions lorsque les balises OG sont manquantes.
Absolument! Tous les traitements s'exécutent directement dans votre navigateur à l'aide de JavaScript. Aucun contenu HTML n'est téléchargé sur un serveur. Vos données ne quittent jamais votre appareil, ce qui en fait le moyen le plus sûr de prévisualiser les balises Open Graph.
La taille d’image og: recommandée est de 1 200 × 630 pixels pour Facebook et la plupart des plateformes. LinkedIn recommande 1200 × 628px. Pour les cartes Twitter summary_large_image, utilisez au moins 600×314px. La taille minimale acceptable sur toutes les plateformes est de 200 × 200 px. Utilisez toujours des URL absolues commençant par https:// pour og:image.
Les raisons courantes incluent : la balise og:image manquante, l'utilisation d'une URL relative au lieu d'absolue, l'URL de l'image renvoie un 404, l'image est trop petite (moins de 200 × 200 px), le format d'image n'est pas pris en charge (utilisez JPEG, PNG ou WebP) ou le cache de la plate-forme - utilisez Facebook Sharing Debugger ou LinkedIn Post Inspector pour effacer les données mises en cache.
Les balises Open Graph (og:title, og:description, og:image) ont été créées par Facebook et sont utilisées par la plupart des plateformes sociales. Les Twitter Cards (twitter:card, twitter:title, twitter:description, twitter:image) sont spécifiques à X (Twitter). Si les balises de la carte Twitter sont manquantes, X revient aux balises OG. L’utilisation des deux garantit un affichage optimal sur toutes les plateformes.
Utilisez le débogueur de partage Facebook sur Developers.facebook.com/tools/debug/. Collez votre URL et cliquez sur « Scrape Again » pour forcer Facebook à relire vos balises OG. Pour LinkedIn, utilisez l'inspecteur de publication. Pour X, les données OG sont généralement mises à jour quelques minutes après les modifications de page.
Oui, notre outil de prévisualisation Open Graph est 100 % gratuit, sans coûts cachés, conditions d'inscription, niveaux premium ou limites d'utilisation. Prévisualisez les tags OG pendant une durée illimitée pour tout projet - personnel, commercial ou d'entreprise - entièrement gratuitement.