Aperçu Open Graph — Test de carte sociale
Prévisualisez l'apparence de votre page sur Facebook, Twitter, LinkedIn et Discord.
Social Previews
Generated Meta Tags
<meta property="og:title" content="My Awesome Website" /> <meta property="og:description" content="Discover the best tools and resources for developers. Build faster, ship smarter." /> <meta property="og:image" content="https://via.placeholder.com/1200x630/1a1a2e/e2e8f0?text=OG+Image+Preview" /> <meta property="og:url" content="https://example.com" /> <meta property="og:site_name" content="Example Site" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="My Awesome Website" /> <meta name="twitter:description" content="Discover the best tools and resources for developers. Build faster, ship smarter." /> <meta name="twitter:image" content="https://via.placeholder.com/1200x630/1a1a2e/e2e8f0?text=OG+Image+Preview" />
Notez cet outil
3.8 / 5 · 164 avis
Plus d'outils
🏷️Générateur de Balises Meta📐Générateur de Schema Markup🔗Générateur de Slug URL⭐Générateur de FaviconRestez informé
Recevez des astuces dev et les nouveaux outils chaque semaine.
Pas de spam. Désabonnez-vous à tout moment.
Enjoy these free tools?
☕Buy Me a CoffeeHow to Use
- Enter your page title, description, and image URL
- Set your site name and page URL
- Preview cards for each platform
- Copy the generated meta tags
Use Cases
- Testing social share appearance
- Optimizing click-through rates
- Generating Open Graph meta tags
- Previewing Discord embeds