How do I create Open Graph meta tags for my website?

Enter your page title, description, image URL, and page URL into the free Open Graph Generator. It instantly produces the complete set of og: meta tags — og:title, og:description, og:image, og:url, og:type — ready to copy and paste into your page's .

What tags does this generator create?

It creates the core Open Graph tags (og:title, og:description, og:type, og:url, og:image, og:site_name, og:locale) plus Twitter Card tags (twitter:card, twitter:title, twitter:description, twitter:image). Everything social networks need for a rich share card.

Which Twitter card type should I choose?

Use summary_large_image for articles and landing pages with a strong visual, and summary for simple links. The large image card gets noticeably more engagement.

What size should the og:image be?

1200 by 630 pixels is the recommended size for og:image. It displays sharply on Facebook and LinkedIn. Use an absolute URL, not a relative path.

Where do I paste the generated tags?

Inside the head section of your page HTML, alongside your other meta tags. They must be in the served HTML, not injected later by JavaScript, for social crawlers to read them.

Is anything uploaded?

No. The tags are generated in your browser from what you type. Nothing leaves your device.

SEO TOOLS · FREE ONLINE TOOL

Open Graph Generator

Generate OG and Twitter Card meta tags in secondsA link shared without a preview is a link half sent. When someone pastes your URL into Facebook, LinkedIn or Slack, the Open Graph tags decide what appears. This generator produces the full set of og: meta tags, ready to paste.

✓ Free to use✓ No sign-up✓ Ready in your browser

// OPEN GRAPH GENERATOR · GET STARTED

Use Open Graph Generator

Generate OG and Twitter Card meta tags in seconds

Page title (og:title)

Description (og:description)

0 characters (keep under 200 for full display)

Page URL (og:url)

Image URL (og:image, absolute)

Recommended image size: 1200 x 630 pixels.

Image alt text (optional)

Site name (og:site_name)

OG type

Twitter card

Twitter handle (optional)

Locale

Generated tags

<!-- Generated with the ZaxisMedia Open Graph Generator -->

<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">

Paste these inside your page <head>. Preview the card with the Open Graph Preview tool.

// OPEN GRAPH GENERATOR · HOW IT WORKS

How to use the Open Graph Generator

Enter share details

Fill in your page title, description, URL and image.

Pick card styles

Choose the OG type and Twitter card style.

Copy the tags

Copy the generated tags into your page head.

// OPEN GRAPH GENERATOR · ABOUT THIS TOOL

About the Open Graph Generator

Open Graph and Twitter Card tags decide how your link looks when shared: the title, description and image in the card. Without them, platforms guess, and the guess is usually wrong. This generator writes every tag correctly.

Type your details once and get both tag families as copy-ready HTML, with live image-size guidance.

Where it helps most

Every share carries your best foot forward.

Blog posts

Bloggers generate a fresh set per post so every share shows the featured image and a sharp description instead of guesses.

Product pages

Product pages use the tags to control exactly which image and price context travel with every shared link they publish.

Campaign landers

Campaign landing pages get custom share copy distinct from the SEO title, tuned for social audiences rather than searchers entirely.

Cache strategy

Generate the tags, deploy them, then verify with the Open Graph Preview and platform debuggers before announcing the page publicly.

Generating well

What you type is what renders.

Mirror fields

The fields mirror exactly what social platforms read, so what you type is what renders.

Clean markup

The output is clean markup with no dependencies or scripts attached.

Cache awareness

Platforms cache tags aggressively; getting them right on first publish avoids the cache problem entirely.

Open Graph Generator: built for trust

Generate once per page, and every share carries your best foot forward automatically.

// OPEN GRAPH GENERATOR · COMMON QUESTIONS

Open Graph Generator FAQs

What are Open Graph tags?

Open Graph tags are meta tags (og:title, og:description, og:image, and others) that tell social platforms what title, description, and image to show when your page is shared. Without them, platforms guess, usually badly.

Which platforms read Open Graph tags?

What image size works best for og:image?

Do I need different tags for X (Twitter)?

tools-guide

HTTP Status Checker: Instantly Diagnose Any URL Response

Free HTTP status checker. Check any URL's status code, trace redirect chains hop by hop, and fix 404, 301 and 500 errors before they silently hurt your SEO.

Read article →