Open Graph Preview

Preview how your website may appear when shared on Facebook and X, and generate the required social meta tags.

Open Graph Details

Enter the information you want to appear when your page is shared.

0/60
0/160

Recommended size: 1200 × 630 px

Social Preview

See how your content may appear when shared.

f

Facebook

Link preview

OG image preview

example.com

Your page title

Your page description will appear here.

X

X

Summary large image

OG image preview

Your page title

Your page description will appear here.

example.com

Generated Meta Tags

Add these tags inside your page's <head>.

<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:url" content="">
<meta property="og:type" content="website">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="">
<meta name="twitter:description" content="">
<meta name="twitter:image" content="">

Open Graph Tips

  • Use a 1200 × 630 px image for social sharing.
  • Keep your OG title concise and descriptive.
  • Use a clear description that explains the page.
  • Make sure your OG image is publicly accessible.