NineClip Free Tools

Open Graph Generator

Generate Open Graph meta tags so your page shows a proper title, description and image when shared on Facebook, LinkedIn, WhatsApp and more. Fill four fields and copy the block.

SEO ToolsTrending● Free No upload Instant

Loading Open Graph Generator…

Your browser is preparing the tool. It runs 100% locally.

Quick Answer

Enter a title, description, page URL and image URL, and the tool outputs the five core Open Graph tags — og:type, og:title, og:description, og:url and og:image — that control how your link looks when shared on Facebook, LinkedIn, WhatsApp, Slack and Discord. og:type is set to website. Paste the block into your page head; it builds live and runs entirely in your browser.

What the Open Graph Generator Does

Open Graph is the protocol social platforms read to build a link preview — the card with a big image, a headline and a blurb. Fill in the four fields and the tool writes the matching og: tags, with og:type fixed to website, ready to paste into the head of your page.

For the best result, point og:image at an image around 1200 by 630 pixels — that size displays cleanly on every major platform. The tool escapes your text so the markup stays valid.

How It Works

Each value becomes a meta tag using the property attribute (property og:title, and so on) — that is how Open Graph is written, as opposed to the name attribute used by standard meta tags. The tags belong in the head, where platform scrapers look for them when someone pastes your link.

The tool fixes og:type to website, which suits most pages — a homepage, a tool, a landing page. Articles and products can use more specific types, but website is the safe, broadly-correct default this generator produces.

Generation algorithm

  1. Collect the fields. Read the title, description, URL and image URL you entered.
  2. Escape each value. Convert ampersand, angle-bracket and double-quote characters to entities for valid markup.
  3. Write the og: tags. Output og:type (website), og:title, og:description, og:url and og:image, each as a property meta tag.
  4. Output live. Join them into one block you copy into the page head; it refreshes as you type.

Tags it generates

og:type — website (fixed) og:title — your title og:description — your description og:url — your page URL og:image — your image URL (aim for 1200×630)

Written with the property attribute (property og:title), which is how Open Graph tags are formed. og:site_name, og:locale and image-dimension tags are not added.

Technical Details

InputsTitle, description, page URL, image URL
Output tagsog:type, og:title, og:description, og:url, og:image
og:typefixed to website
Attributeproperty (Open Graph style)
Not addedog:site_name, og:locale, image width/height
Recommended image1200 by 630 pixels
Where it runsIn your browser — nothing uploaded

Standards & references

  • Open Graph protocol (ogp.me) — the four required properties are og:title, og:type, og:image and og:url; this tool adds og:description as well.
  • property attribute — Open Graph uses property (property og:title), not the name attribute that standard meta tags use.
  • Recommended image — 1200 by 630 pixels displays well everywhere; LinkedIn needs at least 1200 by 627 or it shows no image at all.

Accuracy & Limitations

og:type is fixed to website. That is right for most pages, but an article, product or video can use a more specific type (and those can require extra properties). If you need article tags, add them by hand after pasting.

It writes the five core tags only. It does not add og:site_name, og:locale or explicit image width and height; platforms manage without them, but you can add them yourself for finer control.

It does not fetch or validate your image. Aim for about 1200 by 630 pixels — LinkedIn shows no image at all below 1200 by 627 — and host it at a public URL, or the preview will be blank.

Platforms cache previews. After you add or change these tags, a link may still show the old card until you re-scrape it with the platform's debugger, such as Facebook's Sharing Debugger.

Your text is HTML-escaped, so an ampersand appears as its entity in the output. That is valid and renders correctly in the preview.

Real-World Use Cases

Sharing on social

Make a page show a proper title, blurb and image when posted to Facebook or LinkedIn.

Messaging apps

Get a rich link preview in WhatsApp, Slack, Discord and iMessage.

Marketing pages

Control exactly how a campaign or launch page looks when it is shared.

Blogs and articles

Give each post its own share image and headline instead of a bare link.

When to use it — and when not to

Good for

  • Link previews on Facebook, LinkedIn, WhatsApp, Slack
  • Setting a custom share image and headline
  • Most pages, where og:type website fits
  • A quick, paste-ready core OG block

Not the best choice for

  • article, product or video-specific og:type tags
  • Twitter Card tags (a separate, related set)
  • og:site_name, locale or image-dimension tags
  • Validating or hosting the image itself

Want the X (Twitter) preview too? Use the Twitter Card generator — though X also falls back to these OG tags. Need standard head tags like title and description? Use the meta tag generator.

Frequently Asked Questions

What is Open Graph for?
It controls the preview card — image, title, description — that appears when your page is shared on Facebook, LinkedIn, WhatsApp, Slack, Discord and more. Without it, platforms guess, often badly.
Where do the tags go?
In the head of your page, where platform scrapers look. Paste the block before the head section closes.
What image size should I use?
About 1200 by 630 pixels works everywhere. LinkedIn needs at least 1200 by 627 or it shows no image. Host it at a public URL.
Why is og:type always website?
It is the broadly-correct default that suits homepages, tools and landing pages. Articles, products and videos have their own types you can substitute by hand.
Does this cover X (Twitter)?
Partly — X falls back to Open Graph tags when Twitter-specific ones are missing, so these often work there too. For full control of the X card, use the Twitter Card generator.
Why property and not name?
Open Graph is defined to use the property attribute (property og:title). Standard meta tags use name; mixing them up stops platforms reading the tags.
My preview still shows the old image — why?
Platforms cache previews. Re-scrape the URL with the platform's debugger, for example Facebook's Sharing Debugger, to refresh it.
Do I need og:site_name and og:locale?
They are optional niceties this tool skips. The five core tags are enough for a good preview; add the extras by hand if you want them.
Does it check that my image loads?
No. It just writes the tag. Make sure the image URL is public and correctly sized, then test with a debugger.
Can one image serve every platform?
Yes. A single 1200 by 630 image under about 1 MB satisfies Facebook, LinkedIn, X, Slack and the rest.
Is my input uploaded?
No. The tags are built in your browser as you type.
Is this the same as the Twitter Card generator?
They are close cousins built from the same form; this one writes og: tags, the other writes twitter: tags. You can use both on a page.

References

Writes the five core Open Graph tags with the correct property attribute and og:type website; it escapes your input and is clear about what it omits (og:site_name, locale, image dimensions).

PopularHot

Meta Tag Generator

Meta Tag Generator that outputs clean, copy-ready code for better rankings.

SEOOpen Tool
Popular

Keyword Density Checker

Keyword Density Checker online — accurate, standards-compliant and free for SEO work.

SEOOpen Tool
Popular

UTM Link Builder

UTM Link Builder online — accurate, standards-compliant and free for SEO work.

SEOOpen Tool
Trending

SERP Snippet Preview

SERP Snippet Preview online — accurate, standards-compliant and free for SEO work.

SEOOpen Tool
Editor's Pick

Schema Markup Generator

Schema Markup Generator online — accurate, standards-compliant and free for SEO work.

SEOOpen Tool

Robots.txt Generator

Robots.txt Generator online — accurate, standards-compliant and free for SEO work.

SEOOpen Tool

Ready to try the Open Graph Generator?

It is free, private and runs entirely in your browser — no sign-up, no uploads, no limits.

Use the tool now Explore SEO Tools