Aperçu des balises OG - Vérificateur de méta-balises Open Graph
Entrez vos valeurs Open Graph et Twitter Card pour voir des aperçus en direct sur les réseaux sociaux. Générez instantanément du code de méta-balises prêt à l'emploi.
Que sont les méta-balises Open Graph ?
Les méta-balises Open Graph (OG) sont des éléments méta HTML qui contrôlent l'apparence de vos pages Web lorsqu'elles sont partagées sur des plateformes de réseaux sociaux telles que Facebook, Twitter, LinkedIn et Discord. Elles définissent le titre, la description, l'image et l'URL qui apparaissent dans les cartes d'aperçu des réseaux sociaux. Des balises OG correctement configurées peuvent améliorer considérablement les taux de clics à partir des partages sociaux.
Comment utiliser cet outil d'aperçu des balises OG
- Entrez les valeurs OG — Remplissez og:title, og:description, l'URL de og:image, og:url, og:type et og:site_name
- Ajoutez des balises Twitter Card — Remplacez éventuellement le titre, la description et l'image pour les cartes Twitter/X
- Vérifiez les aperçus en direct — Voyez exactement à quoi ressemblera votre page sur Facebook, Twitter, LinkedIn et Discord
- Copiez le code généré — Cliquez sur Copier le code pour obtenir des méta-balises HTML prêtes à être collées dans votre page
Pourquoi utiliser cet outil d'aperçu OG ?
- Aperçus sur 4 plateformes — Visualisez simultanément les aperçus Facebook, Twitter/X, LinkedIn et Discord
- Mises à jour en temps réel — Les aperçus sont mis à jour instantanément au fur et à mesure que vous tapez, sans rechargement de la page
- Génération de code — Génère automatiquement du code HTML de méta-balises correctement formaté
- Prise en charge de Twitter Card — Champs distincts pour les remplacements spécifiques à Twitter (twitter:title, twitter:image, etc.)
- Aucun serveur requis — Tout s'exécute dans votre navigateur. Aucune donnée n'est envoyée à un serveur
- Recommandations de taille — Recommandations intégrées pour les dimensions d'image optimales (1200x630px)
FreeToolbox vs Autres outils d'aperçu OG
| Fonctionnalité | FreeToolbox | OpenGraph.xyz | MetaTags.io |
|---|---|---|---|
| Plateformes | 4 (FB, TW, LI, DC) | 3 (FB, TW, LI) | 3 (Google, FB, TW) |
| Aperçu en temps réel | Oui | Oui | Oui |
| Génération de code | Oui | Oui | Oui |
| Aperçu Discord | Oui | Non | Non |
| Aucun compte requis | Oui | Oui | Niveau gratuit limité |
| Publicités | Minimales | Modérées | Importantes |
Questions fréquentes
Quelle est la taille recommandée pour og:image ?
La taille recommandée est de 1200 x 630 pixels (rapport hauteur/largeur de 1,91:1). Cela fonctionne bien sur Facebook, Twitter, LinkedIn et Discord. Utilisez le format PNG ou JPG et maintenez la taille du fichier sous 8 Mo.
Pourquoi cet outil ne peut-il pas extraire les balises OG à partir d'une URL ?
La sécurité du navigateur (politique CORS) empêche JavaScript d'extraire du contenu d'autres domaines. Cet outil utilise plutôt la saisie manuelle, ce qui est en fait préférable pour prévisualiser les balises avant de les publier.
Ai-je besoin à la fois des balises OG et Twitter Card ?
Twitter/X utilisera les balises OG si les balises spécifiques à Twitter sont manquantes. Cependant, il est recommandé d'ajouter twitter:card pour contrôler le type de carte. Utilisez des balises spécifiques à Twitter uniquement si vous souhaitez un contenu différent sur Twitter par rapport aux autres plateformes.
Quel og:type dois-je utiliser ?
Utilisez 'website' pour les pages d'accueil et les pages générales, 'article' pour les articles de blog et les actualités, 'product' pour les pages de produits. La valeur par défaut 'website' fonctionne dans la plupart des cas.
Comment puis-je tester mes balises OG en direct ?
Après avoir ajouté les méta-balises à votre page, utilisez le Sharing Debugger de Facebook (developers.facebook.com/tools/debug), le Twitter Card Validator et le LinkedIn Post Inspector pour vérifier que les balises fonctionnent correctement.