Open Graph Preview

Preview and generate Open Graph meta tags for social media

Free to use

Web & URL

Open Graph Tags

Title *

15/60 characters (recommended)

Description *

81/160 characters (recommended)

Image URL *

Recommended: 1200x630px (Facebook) or 1200x600px (Twitter)

URL *

Site Name (Optional)

Type (Optional)

Preview

example.com

Your Page Title

A brief description of your page content that will appear in social media shares.

Meta Tags

<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A brief description of your page content that will appear in social media shares." />
<meta property="og:image" content="https://via.placeholder.com/1200x630" />
<meta property="og:url" content="https://example.com" />
<meta property="og:site_name" content="Your Site Name" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="A brief description of your page content that will appear in social media shares." />
<meta name="twitter:image" content="https://via.placeholder.com/1200x630" />

About Open Graph Preview

Open Graph Preview helps you visualize and generate the meta tags that control how your content appears when shared on social media platforms like Facebook, Twitter, LinkedIn, and more. By optimizing these tags, you ensure your links display with the right title, description, image, and formatting to maximize engagement and click-through rates.

This tool runs entirely in your browser, meaning all your content stays private and is never sent to any server. Simply paste your URL or manually enter Open Graph data, preview how it will look across different platforms, and copy the generated meta tags to your website's HTML head section.

Local only

Privacy-safe

Instant

Real-time preview

6+ platforms

Social networks

Copy ready

HTML meta tags

How to use Open Graph Preview

Enter Your Content

Paste a URL to auto-fetch Open Graph data, or manually enter your title, description, image URL, and other metadata.

Preview Across Platforms

View live previews showing exactly how your content will appear when shared on Facebook, Twitter, LinkedIn, and more.

Copy & Implement

Copy the generated meta tags and paste them into your website's HTML head section, or download as a file.

Pro Tips

Use images between 1200x630px and under 5MB for best results across all platforms-Open Graph Preview will validate your dimensions.
Include relevant keywords in your title and description to improve click-through rates when your content is shared.
Test with real URLs using social platform debuggers (Facebook Share Debugger, LinkedIn Post Inspector) to verify your tags are live.
Set og:type correctly (article, website, video, music) to unlock platform-specific rich media features and enhanced previews.