Générateur Open Graph

Ce que fait le Générateur Open Graph

Le Générateur Open Graph crée les balises meta sociales qui déterminent l'apparence de votre page lorsqu'elle est partagée sur Facebook, LinkedIn, Slack, Discord, X/Twitter et de nombreuses autres plateformes. Sans ces balises, un lien partagé n'affiche souvent qu'une simple URL ou un extrait aléatoire ; avec elles, la plateforme affiche une carte soignée comprenant un titre, une description et une image d'aperçu. Cet outil produit un jeu complet de propriétés og: ainsi que les balises Twitter Card correspondantes à partir d'un seul court formulaire, ce qui vous évite de saisir chaque valeur plus d'une fois.

Vous renseignez le titre, la description, l'URL de l'image, l'URL canonique de la page, le nom du site et un type de contenu tel que website, article ou product. Pour X/Twitter, vous pouvez choisir entre une carte résumé compacte et une carte à grande image, et ajouter l'identifiant de l'éditeur. Le résultat est un bloc de balises <meta> prêt à coller, à placer dans le <head> de la page. Comme les plateformes sociales mettent ces balises en cache, les générer correctement du premier coup vous évite de relancer l'exploration et de déboguer par la suite.

Un flux de travail privé, dans le navigateur

Toutes les balises sont assemblées localement avec du JavaScript côté client. L'outil ne récupère pas votre image, n'explore pas votre URL et n'envoie aucune des valeurs saisies : tout reste dans le navigateur. C'est pratique lorsque vous préparez des cartes de partage pour une campagne non lancée, une URL de préproduction ou un contenu sous embargo, car aucun de ces détails ne quitte votre appareil.

Conseils pratiques

Utilisez une URL d'image absolue et accessible publiquement plutôt qu'un chemin relatif, car les robots des réseaux sociaux ne peuvent pas résoudre les liens relatifs. Une image de 1200×630 pixels est un choix sûr et remplit bien la grande carte résumé. Gardez og:title proche du titre réel de votre page et rédigez og:description comme une accroche percutante en une ligne, car ces textes sont optimisés pour le clic plutôt que pour le classement dans les moteurs de recherche. Incluez toujours og:url avec l'adresse canonique afin que les partages se concentrent sur une seule page. Après le déploiement, validez vos balises avec les débogueurs de partage officiels de chaque plateforme et relancez l'exploration si vous changez l'image, car les plateformes mettent en cache la première version qu'elles voient.