Générateur Open Graph
Créez des balises Open Graph et Twitter Card avec aperçus de partage en direct pour Facebook, LinkedIn et X. Conseils de taille d'image, métadonnées d'article et vérification de complétude.
Chargement de Générateur Open Graph…
Vos fichiers ne quittent jamais votre appareil
Comment utiliser Générateur Open Graph
- 1
Ouvrez Générateur Open Graph sur cette page. Il se charge directement dans votre navigateur.
- 2
Ajoutez votre fichier, texte ou valeurs et ajustez les réglages.
- 3
Copiez ou téléchargez le résultat. Rien n'est envoyé ni stocké.
À propos de cet outil
Quand quelqu'un partage votre lien sur Facebook, LinkedIn, WhatsApp, Slack ou X, la carte d'aperçu avec son titre, sa description et son image provient des balises Open Graph. Sans elles, les plateformes devinent et choisissent souvent la mauvaise image, voire aucune. Ce générateur Open Graph construit les balises à partir d'un formulaire et affiche des aperçus en direct : vous savez exactement à quoi ressemblera votre lien avant de le publier.
Comment créer des balises Open Graph
- Saisissez l'URL de la page, le titre et la description.
- Ajoutez l'URL de l'image, son texte alternatif, sa taille et son type.
- Choisissez le type de contenu : website, article, product, book et d'autres. Pour un article, ajoutez l'auteur, les dates de publication, la rubrique et les tags.
- Choisissez le type de carte Twitter et ajoutez vos identifiants.
- Vérifiez les aperçus Facebook, LinkedIn et Twitter ainsi que le contrôle de complétude, puis copiez le HTML dans le head de la page.
Tailles d'image
| Usage | Taille |
|---|---|
| Facebook, LinkedIn, la plupart des applis | 1200 x 630 px (1,91:1) |
| Minimum LinkedIn | 1200 x 627 px |
| Grande carte Twitter | 1200 x 675 px (16:9) ou 1200 x 600 |
| Format carré de secours | 600 x 600 px |
Gardez les images sous 5 Mo, en JPG ou PNG, et placez le texte important au centre, car certaines plateformes rognent les bords.
Les balises essentielles
- og:title : le titre de la carte, idéalement sous 60 caractères.
- og:description : une ou deux phrases, environ 150 à 160 caractères.
- og:image : une URL https absolue vers l'image d'aperçu.
- og:url : l'URL canonique de la page.
- og:type : website pour la plupart des pages, article pour les articles de blog.
- og:locale et og:site_name pour la langue et la marque.
Les aperçus ne se mettent pas à jour ?
Les plateformes mettent les aperçus de liens en cache. Après avoir modifié vos balises, actualisez le cache avec le Sharing Debugger de Facebook ou le Post Inspector de LinkedIn, puis partagez à nouveau. Vérifiez aussi que l'URL de l'image est publique et ne demande pas de connexion.
Pour les résultats de recherche, ajoutez les balises title et description avec le générateur de balises meta, et redimensionnez votre image de partage en 1200 x 630 avec le redimensionneur d'image 1200x630.
Questions fréquentes
Quelle taille pour une image Open Graph ?
1200 x 630 pixels au ratio 1,91:1 fonctionne sur Facebook, LinkedIn et la plupart des applis. Gardez le fichier sous 5 Mo.
Ai-je besoin des balises Open Graph et Twitter Card ?
X se rabat sur les balises Open Graph si les balises Twitter manquent, mais ajouter twitter:card permet de choisir la mise en page avec grande image.
Pourquoi Facebook affiche-t-il une ancienne image ?
Facebook met les aperçus en cache. Passez l'URL dans le Sharing Debugger pour récupérer les nouvelles balises, puis partagez à nouveau.
Où placer les balises générées ?
Dans la section head de la page, ou dans les champs réseaux sociaux de votre CMS ou de votre extension SEO.
og:image doit-elle être une URL absolue ?
Oui. Utilisez une URL https complète que tout le monde peut ouvrir sans se connecter.
Quel og:type utiliser ?
website pour l'accueil et les pages générales, article pour les articles de blog et les actualités. Product et d'autres types existent pour des contenus spécifiques.