Générateur de balises Open Graph

Qu’est-ce que le générateur de balises Open Graph ?

Le générateur de balises Open Graph écrit les balises meta qui contrôlent l’aspect d’un lien lorsqu’il est partagé : le titre, la description, l’image et l’URL que Facebook, LinkedIn, WhatsApp, Slack, Discord et X lisent pour construire une carte d’aperçu. Remplissez les champs, regardez l’aperçu se mettre à jour et copiez le bloc de balises dans le head de votre page. Il couvre les balises Open Graph et Twitter Card et fonctionne entièrement dans votre navigateur.

Comment l’utiliser

1. Saisissez l’URL de la page, le titre, la description et l’URL de l’image. L’image doit faire au moins 1200 × 630 pixels et avoir une URL absolue.
2. Définissez le type : site web, article, vidéo, musique, profil, livre, produit, lieu ou événement.
3. Choisissez le style de Twitter Card : summary_large_image convient à presque tout.
4. Vérifiez l’aperçu, puis copiez les balises dans votre section head.
5. Après publication, passez l’URL dans l’outil de débogage de la plateforme (Facebook Sharing Debugger, LinkedIn Post Inspector) pour vider son cache.

Les balises qui comptent

• og:title et og:description peuvent différer de votre titre SEO ; rédigez-les pour un fil social, plus courts et plus percutants.
• og:image est celle que l’on remarque. 1200 × 630, moins de 1 Mo, JPG ou PNG, URL absolue, et ajoutez og:image:width et height pour que le premier partage s’affiche correctement.
• og:url doit être l’URL canonique, sans paramètres de suivi.
• twitter:card réglé sur summary_large_image, plus twitter:title, description et image ; X se rabat sur les balises OG pour ce qui manque.

Pourquoi les aperçus se cassent (anciennes images en cache, chemins relatifs, chaînes de redirections, images bloquées par robots.txt) et comment corriger chaque cas sur chaque plateforme est expliqué dans balises Open Graph expliquées : corriger les aperçus de liens sur toutes les plateformes.

Erreurs fréquentes

• Chemins d’image relatifs. Chaque plateforme exige une URL https absolue.
• Une image de moins de 600 pixels de large, qui déclenche la minuscule miniature carrée.
• Oublier que les plateformes mettent les aperçus en cache ; modifier les balises ne change rien tant qu’on ne relance pas la lecture.
• Bloquer le dossier d’images dans robots.txt, ce qui empêche le robot de récupérer l’image.
• Des balises placées dans le body au lieu du head.

Outils associés

Vérifiez ce que contient actuellement une page en ligne avec l’extracteur de balises meta, redimensionnez une image d’aperçu en 1200 × 630 avec le redimensionneur d’images et prévisualisez le résultat de recherche avec l’aperçu SERP.

Questions fréquentes

Ai-je besoin des balises Open Graph et Twitter ?

Open Graph couvre la plupart des plateformes ; ajoutez twitter:card pour que X utilise la mise en page à grande image. Le générateur inclut les deux.

Pourquoi mon aperçu affiche-t-il encore l’ancienne image ?

La plateforme l’a mise en cache. Relancez la lecture de l’URL avec son outil de débogage.

WordPress ajoute-t-il ces balises automatiquement ?

Yoast et Rank Math le font à partir de l’image à la une. Utilisez cet outil pour des pages statiques, des modèles personnalisés ou pour surcharger page par page.

Des données sont-elles stockées ?

Non. Les balises sont générées dans votre navigateur.