Générateur Open Graph v1.0


Remplissez les champs obligatoires.

Code

Copiez votre code.
<meta property="og:title" content="">
<meta property="og:site_name" content="">
<meta property="og:url" content="">
<meta property="og:description" content="">
<meta property="og:type" content="">

À propos Générateur Open Graph

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

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

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

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

  4. Rédigez une description : Résumez le contenu en 155-160 caractères. Ce texte apparaît sous le titre sur Facebook et LinkedIn.

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

  6. Définissez le nombre d'images : Choisissez entre 1 et 10 emplacements og:image selon vos besoins.

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

PlateformeTaille recommandéeRatioTaille minimale
Facebook1 200 × 630 px1,91:1200 × 200 px
LinkedIn1 200 × 627 px1,91:1200 × 200 px
Pinterest1 000 × 1 500 px2:3600 × 600 px
WhatsApp1 200 × 630 px1,91:1300 × 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