Free Open Graph Preview

<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" />

How It Works

Enter your page URL, title, description, and image URL to see a real-time preview of how your Open Graph meta tags will appear when shared on Facebook, Twitter, LinkedIn, and messaging apps. Adjust text and image until the card looks perfect, then copy the generated meta tags directly into your HTML head section.

When to Use It

• Launching a new landing page and wanting to ensure the social media preview card looks compelling before sharing.
• Debugging why a shared link shows a broken image, truncated title, or wrong description on social platforms.
• Creating multiple OG variations for A/B testing which social preview generates more clicks and engagement.

Frequently Asked Questions