Free Online Open Graph Tag Generator

Fill in the fields below to generate the Open Graph meta tags that control how your page previews when shared on social media.

Results are provided for informational purposes only and may contain errors. Please verify important information independently. Use of this tool is at your own risk.

What the Open Graph Tag Generator does

The Open Graph Tag Generator writes the og: meta tags that control how a link looks when it is shared on Facebook, LinkedIn, WhatsApp, Slack, Discord, Telegram and many other apps. Enter the title, description, canonical URL and image URL, choose a type (website, article, product or profile) and copy the tags into the page's <head>.

Only the fields you fill in are output, and special characters are escaped. Without Open Graph tags, apps guess a title and pick a random image from the page, or show no preview at all. The most important tag is og:image: a clear 1200 × 630 pixel image makes a shared link far more likely to be clicked.

When to use it

  • Preparing a blog post, product page or landing page for social sharing.
  • Fixing a link preview that shows the wrong image or an old title.
  • Adding share previews to a single-page app that renders content with JavaScript.
  • Setting up link cards for a documentation site shared in Slack or Discord.

Worked example

Input

Title: Free JSON Formatter
Description: Format and validate JSON in your browser.
URL: https://4dev.net/json-formatter
Image: https://4dev.net/og/json-formatter.png
Type: website

Output

<meta property="og:title" content="Free JSON Formatter"/>
<meta property="og:description" content="Format and validate JSON in your browser."/>
<meta property="og:url" content="https://4dev.net/json-formatter"/>
<meta property="og:image" content="https://4dev.net/og/json-formatter.png"/>
<meta property="og:type" content="website"/>

Common questions about the Open Graph Tag Generator

I updated the tags but the old preview still shows. Why?

Platforms cache previews. Use the Facebook Sharing Debugger or LinkedIn Post Inspector to fetch the page again. Slack and WhatsApp refresh on their own after a while.

Do I also need Twitter Card tags?

X (Twitter) falls back to Open Graph tags, but add <meta name="twitter:card" content="summary_large_image"/> to get the large image layout.

Must the image URL be absolute?

Yes. Use the full https:// address. Relative paths are not resolved by most crawlers, and the image must be publicly reachable without a login.

Do Open Graph tags help SEO?

Not directly; search engines rank using the title, description and content. They improve click-through from social shares, which brings visitors. Set the search tags with the Meta Tag Generator.

Is this tool free?

Yes, it's free to use. No signup, no email required. Get results on this page.

How do I get my result?

Use the tool on this page. Your result appears here; no email delivery is required.