Open Graph Preview
Preview how your page will look when shared on Facebook, Twitter, and LinkedIn.
example.com
Page Title
Page description will appear here...
Twitter / X
Page Title
Page description will appear here...
example.com
Page Title
example.com
<meta property="og:type" content="website">How to Use Open Graph Preview
Step 1
Enter your og:title, og:description, og:image URL, og:url, and og:type.
Step 2
See live previews for Facebook, Twitter, and LinkedIn.
Step 3
Adjust your content until the previews look right.
Step 4
Copy the generated meta tags and add them to your page.
Features
Live preview cards for Facebook, Twitter, and LinkedIn.
Support for og:title, og:description, og:image, og:url, and og:type.
Generated meta tag HTML output with one-click copy.
Real-time updates as you type.
Completely free with no sign-up required.
FAQ
Open Graph meta tags control how your content appears when shared on social media platforms like Facebook, Twitter, and LinkedIn. They define the title, description, image, and other details.
Social platforms cache Open Graph data. After updating your meta tags, use each platform's debug tool to clear the cache and force a refresh.
The recommended image size is 1200x630 pixels. This works well across Facebook, Twitter, and LinkedIn.
The og:type tag describes the type of content. The most common value is 'website' for home pages and 'article' for blog posts.