Generate Open Graph Meta Tags

Preview and Generate Open Graph Meta Tags

Common

Twitter Card

Result

<!-- Common Meta Tags -->
<meta property="og:type" content="website" />
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:image" content="" />

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="" />
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />

Put the code between the head tags of your page.

Then validate in https://developers.facebook.com/tools/debug/.

Preview

How your website is displayed on social media.

Preview and Generate Open Graph Meta Tags

Common

Twitter Card

Preview

Meta (Facebook)

Twitter