FreeToolsWorld

Open Graph Generator

Build the meta tags that control how a link looks when shared.

SEO Tools Free, no sign-up Runs in your browser

Shared link preview

Meta tags

About the Open Graph Generator

Open Graph is the set of meta tags that decides what appears when someone pastes your link into a chat, a post or a message. Without them, platforms guess, and the guess is often the first image on the page and a sentence from the navigation.

The tool builds the four required tags, og:title, og:type, og:image and og:url, plus the ones that matter in practice: description, site name, locale, and the image dimensions and alt text. A live preview draws the card the way a feed would, so you can see whether your title survives at the width these cards actually use, which is narrower than a search result.

The image is where most previews go wrong. Platforms want a landscape image around 1200 by 630 pixels, and they want an absolute URL, not a relative path. A relative og:image is the single most common reason a preview shows no picture at all.

How to use the Open Graph Generator

  1. Enter your page detailsTitle, description, canonical URL and site name.
  2. Add an image URLUse an absolute URL, around 1200 by 630 pixels.
  3. Check the previewThe card is drawn the way a feed would render it.
  4. Copy the tagsPaste the block into the head of your page.

Features

  • All the Open Graph tags that platforms actually read
  • Live preview of the shared link card
  • Image dimension and alt tags included
  • Article tags for published time, author and section
  • Warns about relative image URLs, which break previews
  • Title and description length guidance for card width
  • Copy the complete escaped tag block

Who uses this tool

The open graph generator is used by writers, developers, students, marketers and anyone else who needs the job done once without installing software. Common cases include:

  • Making sure a blog post looks right when shared
  • Fixing a link that previews with the wrong image
  • Setting up a template so every page gets correct tags
  • Previewing a card before announcing a launch
  • Adding article metadata for news and blog content

Frequently asked questions

Which Open Graph tags are required?

The specification requires og:title, og:type, og:image and og:url. In practice og:description matters almost as much, because without it platforms fall back to the meta description or to whatever text they find first.

What size should the image be?

1200 by 630 pixels is the widely supported landscape size and gives a large card on most platforms. Keep the file under about 5 MB, and make sure the URL is absolute, beginning with https.

Why does my preview show no image?

Almost always a relative og:image URL, an image behind a login, or a platform cache holding an older version of the page. Platforms cache previews aggressively, so test with their own debugging tool after changing tags.

Do I need Twitter Card tags as well?

X falls back to Open Graph for most fields, so a page with good OG tags previews acceptably. Adding the Twitter-specific tags gives you control over the card type, which is why the separate generator exists.

Does Open Graph affect search rankings?

No. These tags are read by social platforms and messaging apps, not by search engines for ranking. They affect how many people click a shared link, which is a different and still valuable thing.

Where do the tags go?

In the head of your HTML document, alongside the title and meta description. Order does not matter.

If the open graph generator is not quite what you need, these other free tools solve closely related problems.

Twitter Card Generator

Generate Twitter Card meta tags with summary and large image card previews.

SEO Tools Use tool

Meta Description Generator

Build meta descriptions from patterns and check their width against search snippets.

SEO Tools Use tool

SERP Preview Tool

Preview the title, URL and description as a search result, on desktop and mobile.

SEO Tools Use tool

Canonical Tag Generator

Generate canonical link tags, with hreflang alternates and common-mistake checks.

SEO Tools Use tool

Schema Markup Generator

Generate Article, Product, LocalBusiness, Organization, Person and Event schema.

SEO Tools Use tool