UseBrowserTools

Générateur Open Graph

Générez des balises Open Graph et X/Twitter optionnelles pour le partage social dans le navigateur. Ajoutez page, image et site ; copiez le HTML échappé.

Créez des balises Open Graph et Twitter Card pour les aperçus de liens. Générez le balisage dans le navigateur et collez-le sur votre site.

Dernière mise à jour : 2026-07-17

100 % privé — s’exécute dans votre navigateur, rien n’est envoyé

La génération des balises se fait localement dans votre navigateur et n'est jamais envoyée.

Qu'est-ce qu'un générateur Open Graph ?

Un générateur Open Graph crée les balises meta qui aident les plateformes sociales à comprendre une page lorsque quelqu'un partage son lien. Ces balises fournissent un titre, une description, l'URL canonique de la page, un type de contenu et une image d'aperçu optionnelle. Les plateformes peuvent utiliser ces informations pour construire un aperçu de lien plus riche plutôt que de deviner à partir du contenu. Cet outil crée aussi des balises X/Twitter Card correspondantes lorsque vous choisissez cette option.

Créez des balises de partage

  • Ajoutez un titre concis et une description claire.
  • Saisissez l'URL complète de la page partagée.
  • Ajoutez éventuellement une URL publique d'image d'aperçu et un alt utile.
  • Choisissez le type de page, le nom du site et la locale, puis générez le HTML.

Les champs titre et description Open Graph peuvent différer de votre title SEO et meta description habituels. Cela aide lorsqu'une version plus conversationnelle fonctionne mieux sur les réseaux. Gardez le message exact : un décalage entre l'aperçu et la page d'arrivée peut frustrer les visiteurs et réduire la confiance.

Choisissez une image d'aperçu fiable

L'image de partage est souvent la partie la plus visible d'un aperçu social. Utilisez une URL d'image absolue et publique accessible aux crawlers sociaux sans connexion, cookie ni script uniquement navigateur. Une image large est souvent utile pour les cartes sociales, mais chaque plateforme peut la recadrer, la mettre en cache ou l'afficher différemment. Ajoutez un alt significatif lorsque c'est possible pour que l'image ait une description textuelle concise.

Open Graph et cartes X/Twitter

Les propriétés Open Graph principales sont largement reconnues par les réseaux sociaux. Les balises X/Twitter Card peuvent fournir des informations similaires pour cette plateforme, y compris un type de carte à grande image lorsque vous ajoutez une URL d'image. Les valeurs générées de titre, description et image correspondent à Open Graph, ce qui garde la configuration initiale cohérente. Vous pourrez ensuite les adapter si une plateforme a besoin d'un autre message.

Testez après publication

Collez les balises générées dans le head de la page, publiez, puis utilisez le débogueur ou l'outil d'aperçu de la plateforme. Les plateformes mettent souvent en cache les aperçus, donc un changement récent d'image ou de texte peut ne pas apparaître tout de suite. Vérifiez que l'URL de la page, l'URL de l'image et les métadonnées sont accessibles aux crawlers avant d'attendre une carte à jour.

Génération privée dans le navigateur

Ce générateur traite le formulaire localement dans votre navigateur. Vos titres, descriptions et URL ne sont pas envoyés ici. La sortie échappe les caractères HTML spéciaux, prête à être revue et collée dans un modèle. Elle n'envoie pas d'images ni n'inspecte une page en direct ; vérifiez le résultat publié avec la plateforme sociale qui vous importe.

Frequently asked questions

Quelle image utiliser pour Open Graph ?

Utilisez une URL d'image publique et absolue, avec une image large claire qui représente la page liée.

Faut-il aussi des balises X/Twitter Card ?

Les balises Open Graph peuvent fonctionner sur de nombreuses plateformes ; des cartes correspondantes donnent à X/Twitter des métadonnées de partage explicites.

Pourquoi un ancien aperçu de partage apparaît-il ?

Les plateformes sociales mettent en cache les aperçus de liens. Utilisez le débogueur de la plateforme ou attendez le rafraîchissement du cache après publication.

Mes URL sont-elles envoyées ?

Non. Cet outil génère les balises localement dans votre navigateur.

Guides associés

Outils associés

Générateur Open Graph — Balises meta sociales gratuites