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.
Related Tools
All ToolsMeta Tag Generator
Build title, description, Open Graph and Twitter Card tags with illustrative previews.
SEO Title Checker
Measure title characters and approximate pixels, preview desktop/mobile snippets and compare three drafts.
Image Compressor
Resize and re-encode JPG, PNG and WebP images in your browser, comparing input and output sizes.
Schema Markup Generator
Build JSON-LD for articles, products, businesses and more; validate eligibility before publishing.