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. The recommended image size is 1200×630 pixels for best results across platforms.

Share This Tool

Twitter

Related Tools

Back to SEO & Marketing