Générateur gratuit de balises Open Graph et outil de prévisualisation
Générez les bonnes balises meta Open Graph et Twitter Card pour n'importe quelle URL. Prévisualisez l'apparence de votre page lors d'un partage sur les réseaux sociaux.
Define your page details to visualize how your link will unfurl on social media.
Qu'est-ce que le protocole Open Graph ?
Le protocole Open Graph (OG) a été créé par Facebook en 2010 pour standardiser la façon dont les pages Web sont représentées lorsqu'elles sont partagées sur les réseaux sociaux. Lorsque vous collez une URL dans Facebook, LinkedIn, Twitter, Slack ou toute autre plate-forme, ces applications recherchent les balises méta og: dans le code HTML <head> de la page pour décider du titre, de la description et de l'image à afficher dans la carte d'aperçu du lien.
Sans balises OG, les plateformes sociales doivent deviner - et elles choisissent souvent la mauvaise image (un logo, un pixel publicitaire, une petite icône) ou tirent une description tronquée et non pertinente. Une image OG bien conçue peut augmenter les taux de clics de 3 fois ou plus par rapport aux liens avec des aperçus manquants ou brisés.
Les cinq balises Open Graph principales
- og:title : Le titre de votre page tel qu'il doit apparaître dans l'aperçu du lien. Généralement identique ou variable à la balise
<title>de votre page. Visez 40 à 60 caractères. - og:description : Une description en 1 à 2 phrases du contenu de la page. Visez 50 à 160 caractères. Rédigez-le sous la forme d'un résumé convaincant, et non d'un vidage de mots clés.
- og:image : L'URL de l'image de la carte d'aperçu. Taille recommandée : 1 200 × 630 pixels avec un rapport hauteur/largeur de 1,91:1. Il doit s'agir d'une URL absolue (et non d'un chemin relatif). Utilisez une image à contraste élevé et visuellement claire : évitez les petits textes dans l'image.
- og:url: L'URL canonique de la page. Aide les plateformes sociales à dédupliquer les entrées du cache et garantit que le nombre de partages est attribué à l'URL correcte.
- og:type : Le type de contenu :
site Webpour les pages générales,articlepour les articles de blog,produitpour les articles de commerce électronique,profilpour les profils d'utilisateurs.
Tags de carte Twitter
Twitter (X) utilise ses propres balises méta twitter: en plus ou à la place des balises OG. Le plus important est twitter:card, qui contrôle le style de la carte. summary_large_image affiche une grande image au-dessus du texte du tweet : ce format fonctionne systématiquement mieux que la carte summary par défaut. Cet outil génère les balises OG et Twitter ensemble, correctement alignées.
Comment tester vos balises OG
Après avoir publié votre page avec les balises OG, testez avec les outils de débogage spécifiques à la plate-forme. Assurez-vous également d'utiliser notre Générateur de liens de partage social pour créer des boutons de partage personnalisés qui incitent les utilisateurs à partager votre page :
- Facebook : Débogueur de partage de méta - vous permet également de forcer l'actualisation de votre cache.
- Twitter/X : Carte Twitter Validateur
- LinkedIn : Inspecteur de publication LinkedIn
Questions fréquemment posées
Pourquoi la mauvaise image s'affiche-t-elle lorsque je partage mon lien ?
Les plateformes sociales mettent fortement en cache les données OG. Même après avoir ajouté les balises OG correctes, les anciens aperçus peuvent persister pendant des jours. Utilisez les outils de débogage de partage de la plateforme (Facebook Sharing Debugger, LinkedIn Post Inspector) avec leur option « Forcer l'actualisation » pour effacer les données mises en cache et réexplorer votre page immédiatement.
Les balises OG affectent-elles mon classement Google SEO ?
Non directement. Google n'utilise pas les balises OG comme signal de classement. Cependant, ils ont un impact indirect sur le référencement via les taux de clics : les liens contenant des images et des titres convaincants génèrent plus de clics lorsqu'ils sont partagés sur les réseaux sociaux, ce qui génère du trafic de référence. Un CTR plus élevé dans les résultats de recherche Google est également un signal de classement positif.
Quelle taille doit avoir mon image OG ?
La taille recommandée est de 1 200 × 630 pixels (rapport hauteur/largeur de 1,91:1). Facebook, Twitter et LinkedIn prennent tous correctement en charge cette taille. Minimum : 600 × 315 px. Le fichier image doit faire moins de 8 Mo pour Facebook. Utilisez JPG pour les photographies et PNG pour les images contenant du texte ou des graphiques.
Outils développeur livrés gratuitement
Guides de deep links, conseils Open Graph et nouveaux outils dev - directement dans votre boîte mail.
Related Tools
Explore other free tools to build, test, and optimize your links and QR codes.
Code à barres (1D)
Générez, prévisualisez et téléchargez instantanément des codes-barres 1D (Code128, EAN-13, UPC, etc.) dans votre navigateur.
Suivi inter-domaines GA4
Générez des extraits de code de suivi inter-domaines Google Analytics 4 (GA4) pour maintenir les sessions utilisateur sur plusieurs sites Web.
Lien profond vers une application intelligente
Générez des scripts de routage intelligents qui détectent le système d'exploitation de l'utilisateur et redirigent vers des applications mobiles natives en retombant sur des URL Web.
Lien HTML
Générez des balises d'ancrage HTML propres et parfaitement formatées avec des attributs rel, target, class et ID personnalisés.
Générateur de liens d'affiliation Amazon
Nettoyez les URL Amazon en désordre et générez des liens d'associé parfaits à l'aide de votre balise d'affiliation.
Expiration de lien et extrait de compte à rebours
Générez un extrait Javascript pour faire expirer automatiquement un lien et rediriger le trafic après une date et une heure spécifiques.