Open Graph Generator

Build Open Graph & Twitter tags with a live social preview.

og:image preview (1200×630)

Your og:title appears here

Your og:description appears here.

Open Graph & Twitter tags
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

Open Graph tags control how your page looks when it's shared on Facebook, LinkedIn, Slack, and beyond — the title, description, and image in the link preview. This tool builds those tags (plus Twitter Card tags) and shows you a live preview of the social card.

How the Open Graph Generator works

Fill in your title, description, URL, and image, and the tool generates the matching og: and twitter: meta tags while previewing the card. Use an image around 1200×630 pixels for the sharpest result. Paste the tags into your <head>, then confirm with a platform debugger like Facebook's Sharing Debugger.

Example

You add a title, description, and 1200×630 image URL.

OG and Twitter tags plus a preview of the shared link card.

Frequently asked questions

Open Graph (og:) meta tags are a protocol that tells social platforms how to display your page when it's shared — which title, description, and image to show in the link preview.

Related tools

Put the metrics that matter on autopilot

Lunroo researches, writes, and publishes SEO content that moves numbers like these — on autopilot, with a human approval step, so nothing ships without your say-so.