Générateur Open Graph
Générez les balises Open Graph et Twitter Card pour un partage parfait sur les réseaux sociaux. Aperçu en direct.
📋 Open Graph
📝 Article
🛒 Product
🎬 Video
🐦 Twitter Card
👁️ Aperçu
📄 Code Généré
💡 Collez ces balises dans la section <head> de votre page HTML.
Générateur Open Graph
Ce générateur gratuit de balises Open Graph vous aide à créer des tags OG et Twitter Cards pour une meilleure visibilité sur les réseaux sociaux.
Outils populaires
À propos de Générateur Open Graph
Le générateur Open Graph transforme le titre, la description, l'URL de l'image et l'URL canonique d'une page en un bloc de balises meta og: prêt à coller, accompagné de la Twitter Card correspondante, avec un aperçu du rendu du lien sur Facebook et sur X. Passer le type à article, product ou video ajoute les propriétés que ces objets exigent - article:author et article:published_time, product:price:amount et currency, og:video - et twitter:card peut être défini sur summary, summary_large_image, player ou app. Tout s'exécute entièrement dans votre navigateur : les balises générées sont copiées dans le presse-papiers, jamais envoyées où que ce soit.
Cas d'utilisation
Comment utiliser
Choisissez le type de page en haut : Site web, Article/Blog, Produit ou Vidéo. Ce choix définit og:type ainsi que la carte Twitter correspondante.
Renseignez og:title (95 caractères maximum), og:description (200 maximum), og:url et og:image, puis indiquez la largeur et la hauteur de l'image, 1200 par 630 par défaut.
Ajoutez og:site_name et choisissez og:locale, par exemple en_US, fr_FR ou pt_BR.
Complétez le panneau supplémentaire propre à votre type : article:author, published_time, section et tags ; le prix et la devise du produit ; ou l'URL du fichier vidéo.
Laissez l'option Twitter Card activée et réglez twitter:card sur summary, summary_large_image, player ou app, puis renseignez les identifiants twitter:site et twitter:creator.
Comparez les aperçus au format Facebook et Twitter/X, puis cliquez sur Copier et collez les balises meta dans le head de votre page.
Astuces Pro
- Collez directement votre contenu : le générateur Open Graph reconnaît les formats de saisie les plus courants et applique automatiquement des réglages adaptés.
- Utilisez les raccourcis clavier (Ctrl/Cmd+A pour tout sélectionner, Ctrl/Cmd+C pour copier) afin de gagner du temps dans le générateur Open Graph.
- Pour les saisies très volumineuses, découpez-les en morceaux : un onglet de navigateur encaisse plusieurs mégaoctets de texte, mais l'analyse de très gros volumes peut figer brièvement l'interface.
- Le générateur Open Graph n'enregistre ni ne conserve vos données. Si vous avez besoin d'un historique, copiez les résultats importants dans un fichier local ou une application de notes.
- Combinez le générateur Open Graph avec les autres outils du site (formateurs, convertisseurs, encodeurs) pour créer des chaînes de traitement complètes sans quitter votre navigateur.
Questions fréquemment posées
Oui, totalement gratuit : aucune inscription, aucune clé API, aucun filigrane et aucune limite d'utilisation.
Non. Le générateur Open Graph fonctionne entièrement côté client, dans votre navigateur. Vos données ne passent jamais par nos serveurs.
Il n'y a pas de limite stricte, mais attendez-vous à des ralentissements au-delà de quelques mégaoctets, selon la mémoire de votre appareil.
Oui. Les résultats produits avec le générateur Open Graph vous appartiennent et sont librement utilisables dans tout projet personnel ou commercial.
L'essentiel du traitement repose sur du JavaScript côté client : une fois la page chargée, vous pouvez généralement continuer à travailler sans connexion réseau.
Aucune. Comme le générateur Open Graph s'exécute dans votre navigateur, vous pouvez traiter autant de contenus que votre matériel le permet, sans clé API ni bridage.