Aperçu Open Graph gratuit

<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="A great description for social media sharing." />
<meta property="og:image" content="https://placehold.co/1200x630/0B1120/D4AF37?text=OG+Image" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:site_name" content="My Website" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Awesome Page" />
<meta name="twitter:description" content="A great description for social media sharing." />
<meta name="twitter:image" content="https://placehold.co/1200x630/0B1120/D4AF37?text=OG+Image" />

Comment ça marche

Saisissez l’URL de votre page, le titre, la description et l’URL de l’image pour voir en temps réel l’aperçu de vos balises meta Open Graph lorsqu’elles sont partagées sur Facebook, Twitter, LinkedIn et les messageries. Ajustez le texte et l’image jusqu’à ce que la carte soit parfaite, puis copiez les balises meta générées directement dans la section head de votre HTML.

Quand l’utiliser

• Lancer une nouvelle page d’atterrissage et vouloir s’assurer que la carte d’aperçu sur les réseaux sociaux est convaincante avant de la partager.
• Comprendre pourquoi un lien partagé affiche une image cassée, un titre tronqué ou une mauvaise description sur les réseaux sociaux.
• Créer plusieurs variantes OG pour tester en A/B quel aperçu social génère le plus de clics et d’engagement.

Questions fréquentes