🔗

Open Graph Preview Generator

Preview how your links will look when shared on social media

Page Information

0/60 characters (recommended max)

0/155 characters (recommended max)

Recommended: 1200x630px

Facebook / LinkedIn Preview

Image Preview
YOURSITE.COM
Your Page Title
Your page description will appear here

Twitter / X Preview

Image Preview
Your Page Title
Your page description will appear here
🔗 yoursite.com

Generated Meta Tags

<!-- Open Graph Meta Tags -->
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="Your page description here" />
<meta property="og:image" content="https://yoursite.com/image.jpg" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Your Site Name" />

<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="Your page description here" />
<meta name="twitter:image" content="https://yoursite.com/image.jpg" />

💡 Paste these tags in the <head> section of your HTML

What are Open Graph Tags?

Open Graph (OG) meta tags control how your links appear when shared on social media platforms like Facebook, LinkedIn, Twitter, WhatsApp, and Slack. They help you create attractive, clickable previews.

Key Benefits:

  • Higher Click-Through Rates: Eye-catching previews get more clicks
  • Brand Control: Choose exactly how your content appears
  • Social SEO: Optimized shares drive more traffic
  • Professional Appearance: Builds trust and credibility

Image Best Practices:

  • Size: 1200x630px (recommended for all platforms)
  • Format: JPG or PNG
  • File Size: Under 5MB for faster loading
  • Text: Keep text minimal and readable on mobile

Master Social Media Marketing

Get comprehensive SEO and social media tools

Start Free Trial