Open Graph Preview

Preview how your page looks when shared on social media. Edit OG tags and copy the HTML.

OG Tags

og:title

og:description

og:image (URL)

og:url

og:site_name

Facebook

example.com

My Page Title

A great description for my page that will show up in social media shares.

Twitter / X

My Page Title

A great description for my page that will show up in social media shares.

example.com

My Page Title

example.com

Discord

Example Site

My Page Title

A great description for my page that will show up in social media shares.

HTML Meta Tags

<meta property="og:title" content="My Page Title" />
<meta property="og:description" content="A great description for my page that will show up in social media shares." />
<meta property="og:image" content="https://placehold.co/1200x630/4f46e5/white?text=OG+Image" />
<meta property="og:url" content="https://example.com/page" />
<meta property="og:site_name" content="Example Site" />
<meta property="og:type" content="website" />

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="My Page Title" />
<meta name="twitter:description" content="A great description for my page that will show up in social media shares." />
<meta name="twitter:image" content="https://placehold.co/1200x630/4f46e5/white?text=OG+Image" />

Was this page helpful?

Open Graph Preview

Related tools