Loading...
All Tools241
Aperçu Open Graph - Générateur de balises meta OG et Twitter Card en direct
Aperçu en direct des cartes sociales Facebook et Twitter avec génération instantanée de balises meta
Autres
Tool
Preview
Facebook / Open Graph
example.com
My Awesome Page
A description of my page for social media sharing.
Twitter / X Summary Card
My Awesome Page
A description of my page for social media sharing.
example.com
Generated Meta Tags
<meta property="og:title" content="My Awesome Page" /> <meta property="og:description" content="A description of my page for social media sharing." /> <meta property="og:image" content="https://via.placeholder.com/1200x630" /> <meta property="og:site_name" content="example.com" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="My Awesome Page" /> <meta name="twitter:description" content="A description of my page for social media sharing." /> <meta name="twitter:image" content="https://via.placeholder.com/1200x630" />
Comment utiliser
- 1Saisissez le titre de votre page dans le champ « og:title »
- 2Ajoutez une description (gardez-la sous 160 caractères pour de meilleurs résultats)
- 3Collez une URL d'image — la taille recommandée est 1200×630 px
- 4Définissez le nom de votre site
- 5Voyez les aperçus des cartes Facebook et Twitter se mettre à jour en temps réel
- 6Cliquez sur « Copier les balises meta » pour copier le HTML généré dans votre presse-papiers
Questions fréquentes
Open Graph est un protocole créé à l'origine par Facebook qui contrôle l'affichage des URLs lorsqu'elles sont partagées sur les plateformes de réseaux sociaux. L'ajout de balises meta og: à votre HTML garantit un aperçu enrichi avec image, titre et description au lieu d'un simple lien.
La taille recommandée est 1200×630 pixels avec un rapport d'aspect de 1,91:1. Facebook exige au minimum 200×200 px ; Twitter affiche au mieux à 1200×628 px. L'utilisation de la taille recommandée garantit des aperçus nets sur toutes les plateformes.
Oui. Twitter utilise ses propres balises twitter:card, twitter:title, twitter:description et twitter:image, bien qu'il lise aussi les balises og: en secours. Cet outil génère les deux jeux de balises pour une compatibilité maximale.
Gardez og:description entre 100 et 160 caractères. Facebook peut tronquer les descriptions plus longues, et les moteurs de recherche utilisent ce champ pour les aperçus d'extraits, donc une description concise et engageante améliore à la fois le partage social et le SEO.