Générateur Open Graph
Générez des balises meta Open Graph et des Twitter Cards pour votre site web avec notre générateur de balises OG en ligne gratuit. Remplissez les détails de votre page et prévisualisez instantanément l'apparence de votre lien sur Facebook, X/Twitter et LinkedIn. Personnalisez votre titre OG, description, image, nom du site et type de carte avec un rendu de la carte sociale en temps réel. Tout le HTML généré est prêt à être copié dans le <head> de votre site - sans inscription.
Fill in your page details. Twitter tags will fall back to OG values if left blank.
Pourquoi utiliser notre générateur Open Graph ?
- Aperçus sociaux multiplateformes : voyez exactement l'apparence de votre lien sur Facebook, X/Twitter et LinkedIn, le tout en temps réel. Prévisualisez des cartes enrichies avec images, titres, descriptions et attribution du site avant publication.
- Aperçu en direct au fil de la saisie : chaque modification de votre titre OG, description ou URL d'image met instantanément à jour les aperçus de carte sociale. Inutile de générer et vérifier : ce que vous voyez est ce que les plateformes afficheront.
- Validation des dimensions d'image : les images OG doivent mesurer au moins 1200×630 pixels avec un rapport d'aspect de 1,91:1 pour un rendu optimal. Notre outil valide l'URL de votre image et vous avertit des problèmes courants comme les liens rompus ou les URL invalides.
- 100 % privé et côté client : toute la génération de balises et le rendu des aperçus se font entièrement dans votre navigateur. Aucune URL de page, titre, description ou image n'est jamais envoyé à un serveur : vos données restent les vôtres.
Cas d'usage courants du générateur Open Graph
- Responsables SEO et marketeurs : optimisez l'apparence de votre contenu lorsqu'il est partagé sur les réseaux sociaux. Prévisualisez et affinez les balises OG pour maximiser le taux de clics des partages sur Facebook, X, LinkedIn et Slack.
- Développeurs et designers web : générez rapidement des balises meta OG et Twitter Card pour de nouvelles pages d'atterrissage, articles de blog ou applications web. Copiez l'extrait HTML exact à coller dans vos templates.
- Community managers : vérifiez l'apparence des liens partagés sur les différentes plateformes sociales avant publication. Assurez-vous que les images, titres et descriptions soient professionnels et alignés sur votre marque partout.
- Créateurs de contenu et blogueurs : rédigez et prévisualisez l'apparence de vos articles de blog lorsqu'ils sont partagés. Faites ressortir votre contenu dans des flux sociaux saturés grâce à des métadonnées OG convaincantes.
- Startups et lancements de produits : configurez des balises d'aperçu social adaptées pour les pages de lancement, pages d'atterrissage et campagnes marketing. La première impression compte : faites en sorte que vos liens paraissent premium partout.
- Propriétaires de boutiques e-commerce : générez des balises OG pour les pages produit afin d'afficher des aperçus enrichis avec images, prix et descriptions lors du partage sur les réseaux sociaux. Attirez plus de trafic depuis les partages sociaux.
Comprendre les balises Open Graph et réseaux sociaux
- Les balises Open Graph essentielles expliquées : voici les balises les plus importantes. og:title définit le titre de votre contenu (idéalement 40-60 caractères), tandis que og:description fournit un résumé de 2-3 phrases (150-200 caractères). Ensemble, elles forment l'aperçu textuel que les utilisateurs voient avant de cliquer.
- og:image et og:image:width/height : l'image OG est l'ancrage visuel de votre carte sociale. La taille recommandée est de 1200×630 pixels (rapport 1,91:1) pour un affichage optimal sur toutes les plateformes. Spécifiez toujours la largeur et la hauteur pour éviter les décalages de mise en page pendant le chargement de l'image.
- og:url et og:type : og:url définit l'URL canonique du contenu partagé ; tous les signaux sociaux pointent vers cette URL. og:type indique aux plateformes le type de contenu que vous partagez (website, article, video.movie, music.song, etc.) pour un rendu correct.
- Twitter Cards : Twitter/X utilise ses propres balises meta (twitter:card, twitter:site, twitter:creator) en complément des balises OG. Utilisez summary_large_image pour une carte avec photo mise en avant, ou summary pour une carte compacte avec vignette. Twitter se rabat sur les valeurs OG lorsque les balises spécifiques à Twitter ne sont pas fournies.
- Exigences d'image et bonnes pratiques : les images OG doivent mesurer au moins 600×315 pixels, mais 1200×630 pixels sont recommandés pour les écrans haute densité. Les images inférieures à 200×200 pixels ne s'afficheront pas sur Facebook.
Foire aux questions
Un générateur Open Graph est un outil qui vous aide à créer les balises meta (balises OG) nécessaires pour des aperçus enrichis sur les réseaux sociaux. Lorsque vous partagez un lien sur Facebook, LinkedIn, X/Twitter ou Slack, ces plateformes utilisent les balises OG pour afficher une carte avec un titre, une description et une image. Notre générateur propose un formulaire simple pour saisir vos informations et prévisualiser instantanément l'apparence du lien sur plusieurs plateformes.
Les balises Open Graph (og:title, og:image, etc.) sont utilisées par Facebook, LinkedIn, Discord, Slack et de nombreuses autres plateformes. Les Twitter Cards sont des balises spécifiques à Twitter/X (twitter:card, twitter:site, twitter:creator) qui vous donnent un contrôle supplémentaire sur l'apparence de votre contenu sur Twitter. Twitter prend aussi en charge les balises OG comme solution de repli : si aucune balise spécifique à Twitter n'est fournie, Twitter utilisera les valeurs OG.
La taille d'image OG recommandée est de 1200×630 pixels avec un rapport d'aspect de 1,91:1. Cela garantit un affichage optimal sur Facebook, LinkedIn, Twitter et la plupart des autres plateformes. La taille minimale acceptable est de 600×315 pixels. Utilisez toujours des images haute résolution pour un rendu net sur les écrans Retina et haute densité.
Il y a plusieurs raisons courantes : (1) l'URL de l'image n'est pas absolue (elle doit commencer par https://), (2) l'image est trop petite (moins de 200×200 pixels), (3) le format de l'image n'est pas pris en charge, (4) le serveur bloque les robots d'exploration, ou (5) la plateforme a mis en cache une version plus ancienne. Utilisez le débogueur de partage Facebook ou le validateur de Twitter Card pour diagnostiquer et actualiser.
Utilisez ces outils de débogage officiels : Facebook Sharing Debugger (developers.facebook.com/tools/debug), Twitter Card Validator (cards-dev.twitter.com/validator) et LinkedIn Post Inspector (linkedin.com/post-inspector). Saisissez votre URL pour voir comment chaque plateforme lit vos balises et pour effacer les aperçus mis en cache.
Pour les titres OG (og:title), visez 40-60 caractères. Facebook affiche jusqu'à ~90 caractères avant de tronquer. Pour les descriptions OG (og:description), restez dans une plage de 150-200 caractères. Les titres Twitter devraient faire moins de 70 caractères pour un affichage optimal.
Il est recommandé d'inclure les deux. Bien que Twitter prenne en charge les balises OG comme solution de repli, fournir des Twitter Cards explicites vous donne un contrôle total sur l'apparence du contenu sur X/Twitter, avec la prise en charge du type de carte summary_large_image et l'attribution du créateur.
Non. Toutes les URL d'image OG et Twitter doivent être des URL absolues commençant par https://. Les robots d'exploration des plateformes sociales récupèrent le code source de votre page et ont besoin d'une URL complète pour télécharger l'image. Les chemins relatifs ne fonctionneront pas car le robot ne peut pas les résoudre.
Oui, notre générateur Open Graph est 100 % gratuit et s'exécute entièrement dans votre navigateur. Aucune URL de page, titre, description ou URL d'image n'est jamais envoyé à un serveur. Vos données restent privées et ne quittent jamais votre appareil.