Comment utiliser Générateur de balises Open Graph : guide complet (2026)

Qu'est-ce que Générateur de balises Open Graph ?

Un générateur de balises Open Graph construit les meta tags que les apps sociales lisent quand quelqu'un partage votre URL. Le générateur gratuit de ToolsMinify transforme titre, description, URL, image, type, nom du site et locale en HTML og:* prêt à copier - plus des balises Twitter Card optionnelles - avec un aperçu social en direct. Collez le markup dans le head pour que Facebook, LinkedIn, Slack, Discord et iMessage montrent la carte prévue plutôt qu'une miniature devinée.

Générez des balises Open Graph et Twitter Card à partir d'un titre, d'une description, d'une URL et d'une image. Générateur OG gratuit avec HTML en direct et aperçu social.

Pourquoi utiliser Générateur de balises Open Graph ?

• Génère og:title, og:description, og:url, og:type, og:image, og:site_name et og:locale pendant la saisie
• Balises Twitter Card optionnelles (summary ou summary_large_image) dans le même extrait
• HTML en direct avec échappement des attributs pour guillemets et esperluettes
• Aperçu social pour repérer un titre faible ou une image manquante avant publication
• Tourne entièrement dans le navigateur - les brouillons ne quittent pas l'appareil

Comment utiliser Générateur de balises Open Graph - pas à pas

1. Étape 1 : Saisissez le titre, la description, l'URL canonique et l'URL de l'image.
2. Étape 2 : Choisissez un og:type (website, article, product ou profile).
3. Étape 3 : Ajoutez un nom de site et une locale optionnels (par exemple fr_FR).
4. Étape 4 : Laissez les balises Twitter Card actives sauf si vous voulez seulement le markup Open Graph.
5. Étape 5 : Copiez le HTML et collez-le dans le head de votre page.

Le Générateur de balises Open Graph se trouvé sous Outils SEO. Ouvrez la page de l'outil, saisissez votre entrée dans le champ principal, et les résultats se mettent à jour instantanement. Utilisez le bouton copier pour coller la sortie dans des documents, éditeurs de code ou tableurs.

Cas d'usage courants

Articles et billets

Mettez og:type sur article, ajoutez une image 1200 x 630 et copiez les balises dans le modèle pour que le partage affiche le titre que vous avez écrit.

Produits et landing pages

Utilisez le type product ou website avec une image hero et une description bénéfice pour que pubs et chats correspondent à la page.

Accueil et marque

Ajoutez og:site_name et une locale comme fr_FR pour que LinkedIn et Slack affichent votre marque sous le titre.

CMS et métadonnées du framework

Générez le HTML une fois, puis mappez chaque propriété dans Next.js, WordPress ou un snippet de head quand les éditeurs collent titres et URLs d'image.

Exemples

• Carte d'un article : Titre "Balises Open Graph pour un article", type article, image 1200 x 630 et l'URL de l'article produisent og:title, og:type, og:image et og:url prêts à coller dans le modèle.
• Page d'accueil avec nom du site : Utilisez le type website, votre marque comme og:site_name et l'URL d'accueil pour que Slack et LinkedIn affichent la marque sous le titre.
• Fiche produit : Le type product plus un titre, une description, une URL et une image hero donne une carte type boutique sur Facebook et iMessage.
• Guillemets et esperluettes : Un titre comme Shop "A & B" est échappé en Shop "A & B" pour que le HTML reste valide une fois collé.

Conseils pro

• Utilisez une URL d'image https absolue. Les chemins relatifs échouent souvent chez Facebook et Slack.
• 1200 x 630 px est le format paysage habituel. Les images carrées sont recadrées sur la plupart des réseaux.
• Gardez des titres courts (environ 60 caractères) et des descriptions sous ~200 caractères pour éviter une coupure au milieu d'un mot.
• Après déploiement, scrapez l'URL dans Facebook Sharing Debugger et LinkedIn Post Inspector pour rafraîchir le cache.
• Associez-le au vérificateur de méta-description pour le snippet Google - Open Graph gère les cartes sociales, pas la SERP.

Questions fréquentes

Que sont les balises Open Graph ?

Ce sont des éléments meta (og:title, og:description, og:image, og:url, og:type) qui indiquent aux apps sociales comment afficher l'aperçu d'un lien. Sans elles, Facebook, LinkedIn et Slack devinent souvent un titre faible ou la mauvaise image.

Quelles balises Open Graph me faut-il ?

Commencez par og:title, og:type, og:image et og:url. Ajoutez og:description, og:site_name et og:locale quand vous les avez. Ce générateur n'émet que les champs remplis, plus og:type (website par défaut).

Quelle taille pour og:image ?

Utilisez une URL https absolue. 1200 x 630 pixels est le format paysage habituel pour Facebook et LinkedIn. Les images plus petites peuvent être recadrées ou réduites en miniature.

Faut-il aussi des balises Twitter Card ?

X (Twitter) peut lire Open Graph, mais twitter:card, twitter:title, twitter:description et twitter:image donnent un contrôle explicite. Activez l'option pour les inclure. Avec image : summary_large_image ; sans image : summary.

Où coller le HTML ?

Collez les balises dans le head du document HTML (ou l'API de métadonnées de votre framework). Elles doivent être sur l'URL publique indiquée en og:url pour que les crawlers les voient.

Mon texte quitte-t-il l'appareil ?

Non. Le générateur de balises Open Graph tourne entièrement dans votre navigateur. Titres, URL et images ne sont ni envoyés ni stockés sur un serveur.

Outils connexes dont vous pourriez avoir besoin

Explorez d'autres outils seo sur ToolsMinify. Des utilitaires connexes sont liés sur la page de Générateur de balises Open Graph pour vous aider à terminer votre flux de travail sans quitter le site.