Open Graph Preview
Preview how your links will look when shared on Facebook, Twitter, LinkedIn, and Google. Generate the meta tags you need.
Social Previews
https://example.com
Your Page Title
Your page description will appear here...
Facebook / LinkedIn
Your Site
Your Page Title
Your page description will appear here...
Twitter / X
Your Page Title
Your page description will appear here...
example.com
Generated Meta Tags
<meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" />
What are Open Graph Tags?
Open Graph (OG) tags are HTML meta tags that control how your content appears when shared on social media platforms. They define the title, description, image, and URL that social platforms display in link previews.
Recommended Image Sizes
- Facebook/LinkedIn: 1200 x 630 pixels (1.91:1 ratio)
- Twitter summary_large_image: 1200 x 628 pixels (roughly 2:1)
- Twitter summary: 120 x 120 pixels minimum
Frequently Asked Questions
What are Open Graph tags?
Open Graph tags are HTML meta tags that control how your content appears when shared on social media. They define the title, description, image, and URL shown in link previews.
What image size should I use for OG images?
Use 1200 x 630 pixels (1.91:1 ratio) for Facebook and LinkedIn. For Twitter large image cards, use 1200 x 628 pixels.
Does this tool fetch my actual page?
No. This tool runs entirely in your browser. You enter the values manually and preview how they would look — no data is fetched or sent anywhere.