Que sont les balises Open Graph ?
Les balises Open Graph (OG) sont des balises meta HTML qui déterminent l'apparence de votre page lorsqu'elle est partagée sur des plateformes sociales comme Facebook, LinkedIn et X (Twitter). Elles définissent le titre, la description, l'image et l'URL source affichés dans l'aperçu.
Que fait réellement cet outil ?
OG Preview vous montre un aperçu en direct de l'apparence d'une page sur Facebook, X (Twitter) et LinkedIn. Il existe deux modes :
- Saisie manuelle (par défaut) : saisissez une URL/un domaine, un titre, une description et une URL d'image. Les trois aperçus se mettent à jour instantanément à mesure que vous tapez.
- Récupérer l'URL (Bêta) : collez l'URL d'une page publique et l'outil tente de lire ses balises OG/Twitter existantes via un proxy CORS public, puis affiche les aperçus ainsi qu'un tableau des balises trouvées et des balises essentielles manquantes.
Tout s'exécute dans votre navigateur. L'outil ne génère pas de fichier de code téléchargeable, n'héberge ni ne redimensionne les images, et n'enregistre rien sur un serveur.
Ai-je besoin de balises OG pour chaque page ?
Idéalement oui — chaque page devrait avoir son propre titre, sa description et son image, afin que chaque lien partagé paraisse pertinent plutôt que de retomber sur un aperçu de site générique.
Quelle est la différence entre les balises OG et les Twitter Cards ?
Les balises OG sont le standard commun utilisé par Facebook, LinkedIn et d'autres. Les Twitter Cards sont des balises twitter: spécifiques à X/Twitter. Si vous ne définissez pas de balises Twitter, X retombe généralement sur vos balises OG, c'est pourquoi de nombreux sites définissent les deux.
Quelle taille d'image utiliser ?
1200×630 px (un rapport de 1,91:1) est un choix sûr sur les trois plateformes. Utilisez une URL absolue en https:// pour l'image — les chemins relatifs ne sont pas résolus par les robots des réseaux sociaux.
Pourquoi mon aperçu ne se met-il pas à jour sur la vraie plateforme ?
Les plateformes sociales mettent les aperçus en cache de façon agressive. Après avoir modifié vos balises, utilisez les outils de débogage officiels pour forcer une actualisation : Facebook Sharing Debugger, Twitter Card Validator et LinkedIn Post Inspector.
L'outil stocke-t-il mes données ?
Non. Tout le traitement s'effectue localement dans votre navigateur. En mode Récupérer l'URL, la requête passe par un proxy CORS tiers pour récupérer la page, mais cet outil ne stocke pas le contenu.
Pourquoi Récupérer l'URL échoue-t-il parfois ?
Cela dépend des proxys CORS publics, et de nombreux sites les bloquent ou ne renvoient pas de HTML exploitable. C'est pourquoi ce mode est étiqueté Bêta — s'il échoue, passez à la Saisie manuelle.