🔗

Open Graph Preview

Preview and generate Open Graph meta tags for social media sharing.

Open Graph previewsocial media previewFacebook previewTwitter card previewlink previewOG tags
📝Open Graph Data
𝕏Twitter Card (Optional - falls back to OG)
👁️Live Previews
Facebook
Twitter / X
LinkedIn
Your Page Title
example.com
Discord
Your Site Name
Your Page Title
A compelling description of your page content that will appear in social media previews.
<>Generated Meta Tags
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A compelling description of your page content that will appear in social media previews." />
<meta property="og:image" content="https://example.com/image.jpg" />
<meta property="og:site_name" content="Your Site Name" />

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://example.com/page" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="A compelling description of your page content that will appear in social media previews." />
<meta name="twitter:image" content="https://example.com/image.jpg" />

What is Open Graph Preview?

Open Graph Preview shows how your links will appear when shared on social media platforms like Facebook, Twitter, and LinkedIn. Enter a URL to preview the title, description, and image, or input custom OG meta tags to test before deployment.

Common Use Cases

Content Marketing

Optimize how blog posts and articles appear when shared on social media.

Product Pages

Ensure product links display compelling images and descriptions.

Landing Pages

Preview and optimize landing page shares for maximum engagement.

QA Testing

Verify Open Graph tags are correctly implemented before publishing.

How to Use This Tool

  1. Enter the URL you want to preview
  2. Or input custom OG tags to test before implementation
  3. View previews for Facebook, Twitter, and LinkedIn
  4. Adjust your meta tags based on the preview
  5. Copy the generated OG meta tags for your site

Frequently Asked Questions

What are Open Graph tags?
Open Graph tags are meta tags that control how URLs are displayed when shared on social media, including title, description, and image.
What image size should I use?
Use 1200x630 pixels for optimal display on Facebook and LinkedIn. Twitter Cards work best at 1200x675 or 800x418 pixels.
Why does my preview look wrong?
Social platforms cache previews. Use their debug tools (Facebook Sharing Debugger, Twitter Card Validator) to clear the cache.
Are OG tags the same as Twitter Cards?
No, but they are similar. Twitter has its own twitter: meta tags but will fall back to og: tags if Twitter-specific tags are missing.

Open Graph Preview is a free online tool that requires no signup or installation. It works directly in your browser, keeping your data private and secure.