Open Graph Generator

Create Open Graph tags that control the title, description and image shown when your link is shared on Facebook, WhatsApp, LinkedIn and other apps.

FreeNo sign-upRuns in your browserMobile-friendly

Loading tool…

Need help with this tool or found a problem? WhatsApp support Email

What does the Open Graph Generator do?

When someone shares your URL, apps read Open Graph tags to build the link preview card. Without them, the app guesses — often picking the wrong image or text. This generator writes og:title, og:description, og:url, og:image (with dimensions and alt text), og:type, og:site_name and og:locale, and shows a preview card.

The recommended image size is 1200 × 630 pixels (1.91:1). Use an absolute URL starting with https://.

How to use the Open Graph Generator

  1. Enter the title and description you want shown when shared.
  2. Add the page URL and the full URL of a 1200 × 630 image.
  3. Choose the content type (website, article, product…).
  4. Copy the tags into your page’s .

Examples

Article

og:type “article”, a headline under ~60 characters and a branded 1200 × 630 image give a clean, clickable card in WhatsApp and Facebook.

Common use cases

  • Making blog posts and products shareable
  • Fixing wrong images in Facebook or WhatsApp previews
  • Setting up social cards for a new site

Features and benefits

  • Private by design — your data is processed on your device and never uploaded.
  • Free with no account, no watermark and no usage limits.
  • Works on phones, tablets and desktops in any modern browser.

Limitations to know

  • Apps cache previews. After changing tags, use Facebook’s Sharing Debugger or LinkedIn’s Post Inspector to refresh.
  • The preview loads your image from its URL; nothing is uploaded.

Frequently asked questions

What size should an OG image be?

1200 × 630 pixels is the widely recommended size; keep important content away from the edges.

Does WhatsApp use Open Graph?

Yes. WhatsApp builds link previews from og:title, og:description and og:image.

Do I also need Twitter Card tags?

X falls back to Open Graph tags, but adding twitter:card lets you choose the large image layout.

Embed this tool on your website

Add the free Open Graph Generator to your blog or website. Paste the code into your page’s HTML; the tool runs in your visitors’ browsers and stays up to date automatically. Please keep the credit line below the tool.

Free to use on any website. The tool runs inside an iframe served from viptools.pk; nothing your visitors type is sent to your site or ours. Preview the embedded version.

All seo tools