Open Graph Preview Tool

Preview how your website will look when shared on Facebook, X (Twitter), LinkedIn, and Discord. Generate Open Graph and Twitter Card meta tags instantly.

Title *0/70

Description0/200

Image URL

Recommended: 1200 × 630 pixels (1.91:1 ratio)

Page URL

Site Name

OG Type

Twitter Card

Twitter @handle

1200 × 630 image

example.com

Page Title

Description will appear here

Generated Meta Tags

<!-- Open Graph Tags -->
<meta property="og:type" content="website">

<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image">

Master Your Social Media Presence

When someone shares your link on social media, the preview card is your first impression. A broken image, truncated title, or missing description can cost you clicks and credibility.

Our Open Graph Preview Tool lets you see exactly how your content will appear on Facebook, X (Twitter), LinkedIn, and Discord — before you publish. No more deploying blind.

What Makes This Tool Different

Preview Before Publishing

Most tools require a live URL. Ours lets you type in your content manually and preview immediately — perfect for pre-launch checks.

4 Platforms in One

Facebook, X, LinkedIn, Discord — see how your link card renders on each platform without switching between debugger tools.

Ready HTML Output

Get perfectly formatted OG and Twitter Card meta tags with one click. Copy and paste into your site.

Recommended Image Sizes by Platform

Platform	Recommended Size	Aspect Ratio	Minimum Size
Facebook	1200 × 630	1.91:1	200 × 200
X (Twitter)	1200 × 628	~1.91:1	120 × 120
LinkedIn	1200 × 627	1.91:1	200 × 200
Discord	1280 × 720	16:9	No minimum

Frequently Asked Questions

What are Open Graph tags?▼

Open Graph (OG) tags are HTML meta tags that control how URLs are displayed when shared on social media. They were created by Facebook and are now used by most social platforms including LinkedIn, Discord, and WhatsApp.

What size should my OG image be?▼

1200×630 pixels at 1.91:1 aspect ratio is the universal sweet spot. This works across all major platforms. Keep file size under 5MB.

Do I need both OG and Twitter Card tags?▼

Twitter can fall back to OG tags, but for the best result you should include both. Twitter Card tags give you control over the card type (Summary vs Summary Large Image).

Why isn't my image showing on Facebook?▼

Check that: (1) the image URL is publicly accessible, (2) it's at least 200×200px, (3) you've scraped the URL in Facebook's Sharing Debugger to clear cache. Also ensure the og:image tag has an absolute URL.

How do I test live Open Graph tags?▼

After deploying, use Facebook's Sharing Debugger, Twitter's Card Validator, and LinkedIn's Post Inspector. Our tool allows you to preview before deploying using manual input.

Can I use OG tags on any website?▼

Yes. OG tags are standard HTML meta tags. Add them to the <head> section of your page. They work with any technology — WordPress, React, plain HTML, and everything in between.

Explore More SEO Tools