Open Graph Preview

Preview exactly how your links will appear when shared on Facebook, Twitter, LinkedIn, and other platforms

15/60
47/160

Facebook

example.com

My Awesome Page

A brief description of what this page is about.

Twitter / X

My Awesome Page

A brief description of what this page is about.

example.com

LinkedIn

My Awesome Page

example.com

Discord

example.com

My Awesome Page

A brief description of what this page is about.

<meta property="og:title" content="My Awesome Page" />
<meta property="og:description" content="A brief description of what this page is about." />

<meta property="og:url" content="https://example.com" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Awesome Page" />
<meta name="twitter:description" content="A brief description of what this page is about." />

How to Use This Tool

1

Enter your page title, description, image URL, and site URL.

2

Preview how your link will appear on Facebook, Twitter/X, LinkedIn, and Discord.

3

Adjust content to fit within character limits shown on each field.

4

Copy the generated OG tags HTML to add to your site.

About This Tool

Open Graph Preview shows exactly how your links will appear when shared on Facebook, Twitter/X, LinkedIn, and Discord. Enter your page details and see accurate, platform-specific previews side by side. The tool generates the correct Open Graph and Twitter Card meta tags, ready to paste into your HTML. Essential for ensuring your content looks professional when shared on social media.

Frequently Asked Questions

1200x630 pixels works well across most platforms. Facebook and LinkedIn prefer this size. Twitter summary_large_image uses a 2:1 ratio (e.g., 1200x600).

Social platforms cache OG data. After updating your tags, use each platform's debug tool to force a refresh: Facebook Sharing Debugger, Twitter Card Validator, or LinkedIn Post Inspector.

Share This Tool

Related Tools

Back to SEO & Marketing