Le générateur Open Graph de ToolsPivot crée les balises meta OG qui contrôlent l'apparence de vos pages web lors d'un partage sur Facebook, LinkedIn, Pinterest, WhatsApp ou Slack. Gratuit, sans inscription et compatible avec plus de 27 types de contenu, il produit un code HTML prêt à coller en quelques secondes.
Vous gérez un site e-commerce sur PrestaShop, un blog WordPress ou un portfolio freelance ? Chaque lien partagé sur les réseaux sociaux sans balises OG s'affiche avec un titre tronqué, une image aléatoire ou une description tirée du pied de page. Le résultat : moins de clics, moins de trafic. Générer vos balises Open Graph avant publication règle ce problème en une minute.
Fonctionnalités du Générateur Open Graph de ToolsPivot
Le générateur convertit les informations de votre page en balises meta OG correctement formatées, lisibles par tous les réseaux sociaux. Voici ce que chaque champ produit.
Balise og:title : Définit le titre cliquable dans les aperçus de liens. Facebook tronque au-delà de 88 caractères environ, mais 60 caractères ou moins garantissent un affichage complet sur toutes les plateformes.
Balise og:site_name : Identifie votre marque ou votre site. Ce texte apparaît en complément du titre sur les cartes Facebook et LinkedIn, ce qui aide les utilisateurs à reconnaître la source avant de cliquer.
Balise og:url : Pointe vers l'URL canonique de votre contenu. Si quelqu'un partage une version non canonique, la plateforme récupère quand même les bonnes données. Pensez à utiliser l'URL identique à celle définie dans votre générateur de balises meta.
Balise og:description : Fournit le texte récapitulatif sous le titre. Considérez-la comme l'équivalent pour les réseaux sociaux de votre méta-description pour les moteurs de recherche. Limitez-la à 155-160 caractères.
Balise og:type : Indique aux plateformes la nature de votre contenu. Le générateur prend en charge plus de 27 types : article, product, business, music.song, video.movie, restaurant.menu, book.author, fitness.course, profile, election, et bien d'autres.
Emplacements og:image multiples : Sélectionnez jusqu'à 10 images par page. Chaque image reçoit sa propre balise meta, ce qui permet aux plateformes de choisir la plus adaptée ou d'afficher une galerie. Pour les fiches produit, c'est un vrai plus.
Le code généré est du HTML valide que vous pouvez insérer directement dans la section de votre page. Pas de nettoyage, pas de reformatage. Si vous voulez vérifier les balises OG déjà présentes sur une page avant d'en créer de nouvelles, utilisez le vérificateur Open Graph.
Comment utiliser le Générateur Open Graph de ToolsPivot
Saisissez le titre de votre page : Tapez le titre que vous souhaitez voir apparaître dans les aperçus sociaux. Restez sous 60 caractères pour éviter toute coupure.
Ajoutez le nom du site : Renseignez le nom de votre site web ou de votre marque. Il s'affiche à côté du titre sur la plupart des aperçus.
Collez l'URL de la page : Entrez l'URL complète de la page concernée. Utilisez la version canonique si vous avez des doublons.
Rédigez une description : Résumez le contenu en 155-160 caractères. Ce texte apparaît sous le titre sur Facebook et LinkedIn.
Choisissez le type de contenu : Sélectionnez dans le menu déroulant : Article, Product, Website, Video, Music, Business, Restaurant, Profile, et plus encore. ToolsPivot propose plus de 27 types, là où la plupart des outils concurrents se limitent à 5 ou 8.
Définissez le nombre d'images : Choisissez entre 1 et 10 emplacements og:image selon vos besoins.
Copiez le code généré : Le balisage apparaît instantanément. Cliquez sur le bouton Copier, puis collez les balises dans la section de votre HTML.
Pourquoi utiliser le Générateur Open Graph de ToolsPivot
Aucune inscription requise : Générez autant de jeux de balises que nécessaire sans créer de compte ni fournir d'adresse e-mail. Certains outils concurrents bloquent les résultats derrière un essai gratuit ou un mur d'inscription.
Plus de 27 types de contenu : La majorité des générateurs ne proposent que 5 à 8 types (website, article, product, video). Ici, vous trouvez des types spécialisés comme restaurant.menu, music.playlist, book.author, fitness.course ou election. Le bon og:type aide les plateformes à afficher votre lien correctement.
Support multi-images : Besoin de plusieurs images d'aperçu ? Sélectionnez jusqu'à 10 emplacements og:image. Pratique pour les pages produit, les portfolios et les galeries où une seule image ne suffit pas.
Code propre, prêt à coller : Les balises générées utilisent les attributs property et content corrects, sans balisage superflu, sans styles en ligne et sans dépendances JavaScript. Collez et ça fonctionne.
Compatible avec tous les réseaux : Les balises sont reconnues par Facebook, LinkedIn, Pinterest, WhatsApp, Slack, Discord et Telegram. Vous écrivez les balises une seule fois et chaque plateforme compatible avec le protocole Open Graph les lit. Combiné au générateur de Twitter Cards, vous couvrez aussi X (anciennement Twitter).
Complément aux balises SEO : Les balises OG couvrent le partage social, mais vos pages ont aussi besoin de balises meta classiques pour les moteurs de recherche. Utilisez le analyseur de balises meta de ToolsPivot pour vérifier que votre section est complète.
Aucune donnée stockée : Tout s'exécute côté client. Vos titres, descriptions et URL ne sont ni enregistrés, ni envoyés à un serveur tiers. Un point qui compte pour la conformité RGPD.
Choisir le bon og:type pour chaque page
La plupart des webmasters sélectionnent « website » pour toutes leurs pages. Ça fonctionne, mais ce n'est pas toujours le meilleur choix.
La balise og:type indique à Facebook et LinkedIn la nature du contenu partagé. Selon le type choisi, l'affichage peut varier. Pour les articles de blog et les pages d'actualités, sélectionnez « article ». Facebook utilise ce type pour afficher la date de publication et les métadonnées d'auteur quand elles sont disponibles. Les fiches produit doivent utiliser « product » pour signaler qu'il s'agit d'un objet achetable. Les pages vidéo ? « video.movie » ou « video.other » permet aux plateformes de reconnaître le média.
Le générateur ToolsPivot va plus loin que la plupart des outils. Vous gérez un site de restaurant ? Il existe un type « restaurant » dédié, plus « restaurant.menu », « restaurant.menu.item » et « restaurant.menu.section » pour les pages individuelles. Les sites musicaux peuvent utiliser « music.song », « music.album », « music.playlist » ou « music.radio_station ». Ces types spécialisés ajoutent du contexte sémantique que les plateformes exploitent en interne.
Pas sûr du type à choisir ? Vérifiez comment vos Twitter Cards et aperçus Facebook s'affichent avec le type générique « website » d'abord. Si l'aperçu est correct, inutile de changer. Mais pour du contenu structuré ou des métadonnées plus riches, le type spécifique fera la différence.
Dimensions d'image OG qui comptent vraiment
La balise og:image a plus d'impact sur le taux de clics que n'importe quelle autre propriété OG. Une image manquante ou mal dimensionnée peut réduire l'engagement de 50 % ou plus par rapport à une carte d'aperçu correctement configurée.
Plateforme
Taille recommandée
Ratio
Taille minimale
Facebook
1 200 × 630 px
1,91:1
200 × 200 px
LinkedIn
1 200 × 627 px
1,91:1
200 × 200 px
Pinterest
1 000 × 1 500 px
2:3
600 × 600 px
WhatsApp
1 200 × 630 px
1,91:1
300 × 200 px
Visez 1 200 × 630 pixels comme format par défaut. Cette taille fonctionne bien sur Facebook, LinkedIn, WhatsApp et Slack sans problème de recadrage. Gardez le fichier sous 5 Mo (JPEG pour les photos, PNG pour les visuels avec texte). Si vos images sont trop lourdes, passez-les dans un compresseur d'images avant de les mettre en ligne. Besoin de recadrer aux dimensions OG exactes ? Le redimensionneur d'images s'en charge.
Un détail que beaucoup oublient : ajoutez les balises og:image:width et og:image:height à côté de l'URL og:image. Sans dimensions explicites, Facebook doit télécharger et mesurer l'image avant d'afficher un aperçu. La première personne à partager votre lien risque donc de voir une vignette vide le temps que Facebook charge l'image en arrière-plan.
Qui a besoin d'un générateur de balises Open Graph ?
Rédacteurs web et responsables de contenu
Chaque article publié finit partagé sur les réseaux sociaux, que ce soit par vous ou par vos lecteurs. Sans balises OG, Facebook et LinkedIn récupèrent le premier texte et la première image qu'ils trouvent sur la page. Souvent, c'est un logo, une publicité latérale ou une photo sans rapport avec l'article. Générez les balises avant chaque mise en ligne, puis vérifiez-les avec l'analyseur SEO de site après implémentation.
Gérants de boutiques en ligne
Les fiches produit partagées sur Facebook doivent montrer l'image du produit, son nom et son prix d'un coup d'œil. Définir og:type sur « product » et rédiger une description qui met en avant le point fort du produit (pas un texte générique) transforme chaque lien partagé en mini-annonce. Associez les balises OG au générateur de balisage Schema pour une visibilité encore plus riche sur Google et les réseaux sociaux. Pour un e-commerçant sur PrestaShop ou Shopify, c'est un levier souvent négligé.
Développeurs web freelance
Les clients pensent rarement aux balises OG, jusqu'au moment où ils partagent leur nouveau site sur LinkedIn et voient un aperçu cassé. Intégrer la génération des balises OG dans votre workflow de livraison prend environ 2 minutes par page. Ça évite le fameux e-mail « pourquoi mon site s'affiche mal sur Facebook ? » une semaine après la mise en production. Lancez aussi un test de vitesse avant de remettre le projet.
Auto-entrepreneurs et TPE
Quand vous êtes seul à gérer votre communication, chaque partage sur les réseaux sociaux compte. Un lien avec une image professionnelle, un titre clair et une description accrocheuse génère bien plus de clics qu'un lien nu. Si vous publiez régulièrement sur Facebook ou LinkedIn pour promouvoir vos services, 5 minutes de configuration OG peuvent doubler votre taux de clics.
Tester vos balises OG après ajout
Générer les balises, c'est la moitié du travail. Il faut aussi confirmer qu'elles fonctionnent sur chaque plateforme.
Commencez par le Sharing Debugger de Facebook (developers.facebook.com/tools/debug). Collez votre URL, cliquez sur « Debug » et vérifiez la carte d'aperçu. Si l'image ou le titre affiché est incorrect, Facebook sert peut-être une version en cache de votre page, celle d'avant l'ajout des balises. Cliquez sur « Scrape Again » pour forcer une actualisation.
Pour LinkedIn, utilisez le Post Inspector (linkedin.com/post-inspector). Même principe : collez l'URL, vérifiez l'aperçu. LinkedIn met en cache de manière agressive, vous devrez peut-être inspecter l'URL deux fois avant qu'il récupère les balises mises à jour.
Problèmes fréquents et solutions :
Mauvaise image affichée : L'URL og:image est probablement relative (comme /images/hero.jpg) au lieu d'absolue (comme https://votresite.fr/images/hero.jpg). Les balises OG exigent des URL complètes.
Aucun aperçu : Vérifiez que vos balises se trouvent dans la section , pas dans le . Les balises placées dans le body sont invalides et ignorées par les plateformes.
Image trop petite : En dessous de 200 × 200 pixels, Facebook affiche une vignette minuscule au lieu d'une grande carte. Redimensionnez à 1 200 × 630 pixels minimum.
Avant de déboguer, confirmez que les balises existent bien sur la page en production. Affichez le code source ou utilisez un outil de validation pour vous assurer que rien n'a été perdu pendant le déploiement.
Réponses rapides sur les balises Open Graph
Qu'est-ce qu'une balise Open Graph ?
Les balises Open Graph sont des éléments meta HTML placés dans la section d'une page. Elles contrôlent l'apparence de cette page quand quelqu'un la partage sur les réseaux sociaux. Facebook a créé le protocole Open Graph en 2010, et des plateformes comme LinkedIn, Pinterest, WhatsApp, Slack et Discord le prennent aussi en charge. Les quatre balises requises sont og:title, og:type, og:image et og:url.
Le générateur Open Graph de ToolsPivot est-il gratuit ?
Oui, 100 % gratuit, sans limite d'utilisation. Pas besoin de créer un compte, de saisir un e-mail ou d'installer quoi que ce soit. Générez des balises pour autant de pages que nécessaire, aussi souvent que vous voulez.
Les balises Open Graph influencent-elles le référencement Google ?
Les balises OG n'affectent pas directement le classement sur Google. Google les ignore lors de l'indexation et se base sur les balises meta classiques et le contenu de la page. Mais des balises OG bien configurées augmentent le taux de clics sur les réseaux sociaux, ce qui génère plus de trafic, plus de backlinks et plus de recherches de marque. Ces signaux influencent le SEO de manière indirecte.
Que se passe-t-il si je n'ajoute pas de balises OG à ma page ?
Les plateformes sociales devinent. Le robot de Facebook parcourt la page et récupère le premier titre, la première image et le premier texte qu'il trouve. Le résultat est souvent une image sans rapport, un titre tronqué ou une description tirée d'un texte aléatoire. Les pages sans balises OG enregistrent jusqu'à 50 % d'engagement en moins sur les liens partagés.
Puis-je utiliser les mêmes balises OG sur toutes mes pages ?
Ce n'est pas recommandé. Chaque page a besoin de valeurs uniques pour og:title, og:description, og:image et og:url, correspondant au contenu spécifique de cette page. Réutiliser les mêmes balises sur tout le site donne des liens partagés identiques, ce qui déroute les utilisateurs et fait baisser le taux de clics.
Quelle différence entre balises Open Graph et Twitter Cards ?
Les balises Open Graph ont été créées par Facebook et sont utilisées par la plupart des plateformes sociales. Twitter (X) a développé son propre format, les Twitter Cards, avec des balises comme twitter:title et twitter:image. Si Twitter ne trouve pas ses propres balises sur une page, il se rabat sur les balises OG. Pour une couverture complète, ajoutez les deux.
Comment ajouter des balises OG sur WordPress ?
Deux options. Vous pouvez coller le code généré directement dans le fichier header.php de votre thème. Ou vous pouvez utiliser un plugin SEO comme Yoast SEO ou Rank Math qui ajoute des champs OG dans l'éditeur de chaque article. La méthode par plugin est plus simple pour les non-développeurs, car elle permet de définir les balises page par page sans toucher aux fichiers du thème.
Les balises OG fonctionnent-elles sur WhatsApp et Slack ?
Oui. WhatsApp et Slack lisent les balises Open Graph pour construire les aperçus de liens dans les conversations. Quand quelqu'un colle une URL dans un chat WhatsApp ou un canal Slack, l'application récupère les balises OG et affiche une carte d'aperçu avec l'image, le titre et la description que vous avez définis.
Quelle taille doit faire mon image OG ?
Utilisez 1 200 × 630 pixels avec un ratio de 1,91:1 comme format par défaut. Cette taille s'affiche comme une grande carte d'aperçu sur Facebook, LinkedIn et WhatsApp. Les images inférieures à 600 × 315 pixels apparaissent comme de petites vignettes, avec nettement moins de clics. Gardez le poids du fichier sous 5 Mo.
Puis-je utiliser des titres différents pour le SEO et les réseaux sociaux ?