Générateur Open Graph et Twitter Card
Créez des balises méta Open Graph et Twitter Card complètes pour n'importe quelle page, avec vérification de la longueur et code prêt à copier.
Détails de la page
Vos balises meta
Pourquoi les balises Open Graph valent la peine d’être configurées
Chaque lien partagé dans Slack, LinkedIn, WhatsApp, iMessage, X ou Facebook devient une carte d’aperçu. Sans balises Open Graph et Twitter Card, la plateforme devine en prenant le premier titre et la première image qu’elle trouve, souvent avec un résultat maladroit. Avec les bonnes balises, vous choisissez le titre, la description et l’image exacts qui représentent votre page.
Les balises les plus importantes
L’ensemble de base pour chaque page comprend og:title, og:description, og:image, og:url, og:type, twitter:card et twitter:image. Réglez-les correctement et vos aperçus s’afficheront bien presque partout. Ajoutez og:site_name pour la reconnaissance de la marque, la largeur et la hauteur de l’image pour que les plateformes puissent disposer la carte avant le chargement de l’image, un texte alternatif pour l’accessibilité, et twitter:site si vous avez un compte X actif.
Une seule taille d’image pour toutes les plateformes
Une image de 1200 par 630 pixels, au format 1.91:1, fonctionne sur Facebook, LinkedIn, les grandes cartes X, Slack et la plupart des applications de messagerie. Certaines plateformes recadrent différemment : gardez donc le texte et les logos près du centre. JPG et PNG sont les formats les plus sûrs.
Questions fréquentes
Où dois-je coller ces balises ?
Dans la section <head> de chaque page. Dans WordPress, des extensions SEO comme Yoast et Rank Math peuvent les produire pour vous. Dans Next.js, utilisez l’API metadata. En HTML statique, collez-les directement dans le head.
Comment tester l’aperçu après la publication ?
Utilisez le Sharing Debugger de Facebook et le Post Inspector de LinkedIn. Ils montrent ce que voit chaque plateforme et permettent de forcer une nouvelle récupération après la modification des balises. Notre testeur d’aperçu Open Graph vous donne un coup d’œil rapide avant de publier.
Pourquoi une ancienne image s’affiche-t-elle encore après la mise à jour des balises ?
Les plateformes mettent les aperçus en cache. Passez l’URL dans l’outil de débogage de la plateforme et demandez une nouvelle analyse pour actualiser la carte.