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.

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 SEO

Populaire

Générateur de balises Open Graph

Créez des balises Open Graph et Twitter Card dans votre navigateur.

Titre de la page

0 caractères

Description

0 caractères

URL de la page

URL de l'image

Recommandé : 1200 x 630 px. Utilisez une URL https absolue.

og:type

Nom du site

Locale

Utilisez le format Open Graph, comme en_US ou fr_FR.

Balises HTML

Renseignez un titre, une description, une URL ou une image pour générer les balises.

Aperçu social

Ajoutez une URL d'image pour prévisualiser l'image de partage

www.example.com

Le titre de votre page

Votre description apparaît ici lorsqu'un lien est partagé.

À propos de Générateur de balises Open Graph

Créez des balises Open Graph et Twitter Card dans votre navigateur. Saisissez le titre, la description, l'URL, l'image, le type, le nom du site et la locale, puis copiez le HTML dans le head pour que Facebook, LinkedIn, Slack et les autres apps affichent une carte propre. Les balises Twitter Card optionnelles utilisent summary_large_image s'il y a une URL d'image. Rien n'est envoyé.

Comment utiliser Générateur de balises Open Graph

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

Exemples de Générateur de balises Open Graph

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é.

Lire le guide complet

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

Questions fréquentes sur Générateur de balises Open Graph

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.

Vérificateur de méta-description et aperçu SERP

Vérificateur de longueur SERP gratuit et aperçu de la méta description. Compteur de caractères en direct et aperçu d'extraits de code Google - ou générez un brouillon. Convient à la limite 150-160.

Générateur de slugs

Transformez n'importe quel titre ou phrase en slug d'URL propre et optimisé pour le SEO. Convertissez en minuscules, supprimez les accents et choisissez un séparateur avec trait d'union ou trait de soulignement - gratuitement, instantanément et en toute confidentialité.

Vérificateur de densité de mots clés

Analysez la densité des mots clés dans n’importe quel texte. Consultez les principaux mots et expressions de 2 à 3 mots avec le nombre et les pourcentages de densité - gratuitement, instantanément et en privé.