Free Open Graph Meta Tag Generator

Fill in your page details and get ready-to-paste Open Graph and Twitter Card meta tags, with a live preview of how the link will look when shared. Pair this with a meta description for the search snippet and schema markup for rich results.

Facebook / LinkedIn preview

X (Twitter) preview

How to add Open Graph tags to a page

  1. 1

    Fill in title, description & URL

    These are the core fields every platform reads for the share card.

  2. 2

    Add an image URL

    Use a roughly 1200×630px image so it isn't cropped or stretched on Facebook, LinkedIn, or X.

  3. 3

    Check the live previews

    Confirm the Facebook/LinkedIn and X preview cards look right before publishing.

  4. 4

    Copy the tags into your page

    Paste the generated tags into the <head> of the page they describe, then re-scrape with each platform's debugger if you're updating an already-shared URL.

Example use cases

1

Blog posts & articles

Make sure shared links show a proper headline image and description instead of a blank or mismatched preview.

2

Product & landing pages

Control exactly what image and copy appear when a product page is shared in a chat app or social feed.

3

Fixing a broken share preview

Diagnose and correct missing or wrong og:title, og:image, or og:description tags on an existing page.

Frequently asked questions

What is Open Graph?

A meta tag protocol (originally created by Facebook) that controls how a link looks when shared on social platforms — the title, description, and image shown in the share card.

What image size should I use?

Roughly 1200×630px (a 1.91:1 ratio) is the recommended size for og:image — it displays sharply on Facebook, LinkedIn, and X without being cropped awkwardly.

Do I need Twitter Card tags if I already have Open Graph tags?

X (Twitter) falls back to Open Graph tags if Twitter-specific ones are missing, but adding twitter:card explicitly gives you more reliable control over how the link appears there, especially the large-image layout.

Why isn't my updated preview showing on Facebook/X?

Social platforms cache a link's preview the first time it's shared. Use Facebook's Sharing Debugger or X's Card Validator to force a re-scrape after you change the tags.

Does this affect SEO rankings?

Open Graph tags aren't a Google ranking factor. Their value is in click-through rate and presentation when a page is shared on social media, not search rankings.