Outil SEO & WordPress gratuit
Générateur Open Graph : créez et prévisualisez vos balises sociales
Préparez les métadonnées utilisées pour présenter vos pages lorsqu'elles sont partagées sur les réseaux sociaux. Visualisez votre titre, votre description et votre image, puis récupérez le code HTML prêt à intégrer.
Comprendre Open Graph
Contrôlez la présentation de vos liens lorsqu'ils sont partagés
Les métadonnées Open Graph fournissent aux plateformes des informations structurées sur votre page : titre, image, URL, description et nom du site.
Choisir le bon titre
Le titre Open Graph peut être différent du Title SEO. Il doit avant tout présenter clairement le contenu lorsqu'il est partagé.
- og:title
- Prévisualisation immédiate
- Compteur de caractères
Maîtriser l'image
L'image est souvent l'élément le plus visible d'une carte sociale. L'outil vous permet d'utiliser une URL publique ou de tester localement une image.
- og:image
- og:image:alt
- Analyse du ratio
Générer le code
Une fois vos informations renseignées, le générateur crée automatiquement les balises Open Graph et les principales balises Twitter Card compatibles.
- Code HTML
- Copie en un clic
- Téléchargement possible
Générateur Open Graph
Construisez votre carte et prévisualisez le résultat
Renseignez les informations de votre page. L'aperçu et le code HTML se mettent à jour automatiquement.
Informations de la page
Les quatre premières propriétés Open Graph sont particulièrement importantes : titre, type, URL et image.
Le générateur travaille localement dans votre navigateur. Les images sélectionnées depuis votre ordinateur ne sont pas envoyées sur DiviPower.
Simulation du partage
Le rendu réel peut varier selon la plateforme, son cache et ses propres règles d'affichage.
Votre description apparaîtra ici afin de présenter le contenu de la page.
Balises générées
Copiez ces balises dans le
<head>
de votre page si votre CMS ne les génère pas déjà.
Les balises importantes
Que contient un balisage Open Graph complet ?
Open Graph distingue plusieurs propriétés. Certaines constituent le socle du protocole, tandis que d'autres enrichissent la présentation du contenu.
og:title
Définit le titre utilisé pour présenter l'objet dans le graphe social.
property="og:title"og:type
Indique la nature du contenu : site web, article, profil ou autre type pris en charge.
property="og:type"og:url
Identifie l'URL permanente associée à l'objet Open Graph.
property="og:url"og:image
Fournit l'image représentant la page lorsqu'elle est interprétée par une plateforme.
property="og:image"og:description
Ajoute une courte présentation du contenu pour enrichir la carte sociale.
property="og:description"og:image:alt
Décrit ce que contient l'image. Le protocole Open Graph recommande de le renseigner lorsqu'une image est déclarée.
property="og:image:alt"Image & prévisualisation
Soignez particulièrement l'image de partage
Il n'existe pas une dimension unique imposée par le protocole Open Graph. En revanche, une image suffisamment grande et horizontale est généralement plus adaptée aux cartes larges.
Privilégiez une image dédiée
Évitez de laisser la plateforme choisir une image au hasard dans votre page. Préparez un visuel cohérent avec votre contenu et votre identité.
Utilisez une URL publique
L'image déclarée dans
og:image
doit être accessible par les robots des plateformes.
Testez après publication
Les plateformes peuvent conserver leurs propres caches. Un aperçu local ne remplace donc pas une vérification après mise en ligne.
Le protocole définit notamment og:title, og:type, og:image et og:url comme propriétés de base.
L'outil officiel LinkedIn permet de voir les métadonnées récupérées pour une URL et d'identifier les problèmes de partage.
Aller plus loin
Optimisez aussi les autres éléments de votre page
Open Graph agit sur la présentation sociale. Les autres outils DiviPower vous permettent de travailler le référencement et la structure de la page.
Besoin d'un site correctement configuré ?
Je configure vos métadonnées SEO et sociales directement dans WordPress
Structure SEO, Open Graph, données structurées, performances, responsive et intégration WordPress : je peux prendre en charge l'ensemble de votre site.
Questions fréquentes
Questions sur Open Graph
À quoi servent les balises Open Graph ?
Elles fournissent aux plateformes des métadonnées structurées décrivant votre page, comme son titre, son URL, son type et son image.
Quelles sont les balises Open Graph indispensables ?
La spécification Open Graph définit quatre propriétés de base : og:title, og:type, og:image et og:url. D'autres propriétés comme og:description, og:site_name ou og:image:alt permettent d'enrichir le balisage.
Le Title SEO et og:title doivent-ils être identiques ?
Non. Ils peuvent être identiques, mais ils répondent à des contextes différents. Le Title SEO est notamment utilisé comme signal pour le titre dans les moteurs, tandis que og:title décrit le titre de l'objet dans le contexte Open Graph.
Quelle taille utiliser pour une image Open Graph ?
Le protocole Open Graph n'impose pas une dimension universelle. Pour les cartes sociales larges, un visuel horizontal suffisamment grand est généralement préférable. Il faut ensuite vérifier le rendu sur les plateformes réellement utilisées.
Pourquoi mon ancienne image apparaît-t-elle encore sur LinkedIn ?
Les plateformes peuvent mettre en cache les métadonnées d'une URL. LinkedIn propose notamment Post Inspector pour inspecter les informations récupérées et faciliter leur actualisation.
Rank Math génère-t-il déjà les balises Open Graph ?
Rank Math peut gérer les métadonnées sociales d'un site WordPress. Si votre extension SEO produit déjà ces balises, évitez d'ajouter manuellement une seconde série identique dans le code.
Parlons de votre projet
Besoin d'aide pour optimiser votre site WordPress ?
Open Graph, SEO technique, performances, structure du site ou création WordPress : décrivez-moi votre besoin et je vous répondrai avec une première orientation adaptée à votre projet.
Je prends connaissance de votre site, de vos objectifs et du problème rencontré.
Je vous indique la solution la plus pertinente : WordPress, SEO, Google Ads ou maintenance.
Vous recevez une première réponse avant d'envisager ensemble la suite du projet.
Présentez-moi votre projet
Quelques informations suffisent pour commencer.
Vos informations sont utilisées uniquement pour répondre à votre demande et ne sont pas transmises à des tiers.