Open Graph Inputs
Live Social Preview
Generated HTML
About the Open Graph Generator
Every time someone shares your link on WhatsApp, Facebook, LinkedIn, X, or Telegram, those platforms do not read your page — they read your Open Graph tags. No og:image means a blank box or a random thumbnail; no og:title means the platform guesses from stray text. Given how much of Indian traffic arrives via WhatsApp forwards, OG tags are not decoration; they are your click-through rate.
This generator creates a complete Open Graph + Twitter Card block: og:title, og:description, og:image, og:url, og:type, and og:site_name, plus twitter:card and companions. A live preview pane shows how the link will look when shared — card layout, image crop, title truncation — before you paste the tags anywhere.
The preview is the point: 1200×630 images crop differently per platform, titles truncate at different lengths, and seeing the card first beats discovering a cropped disaster after the campaign ships.
Different platforms also crop differently, which is why the preview matters more than the numbers: WhatsApp favours tight images and bold headlines, LinkedIn shows larger cards for company pages, X collapses most links into compact tiles. A card designed for one platform can look cropped on another; test the real URL in each platform\’s debugger once deployed, and adjust the image\’s safe zone (keep critical content central) rather than fighting each network\’s layout.
How to use the Open Graph Generator
- 1 Enter the page URL, title, description, and the OG image URL (1200×630 recommended).
- 2 Pick the og:type — website for pages, article for blog posts with publish metadata.
- 3 Watch the share preview update to see the card as audiences will.
- 4 Copy the generated tags into your page’s <head> and test with the platform debuggers.
Key features
Full OG + Twitter block
All commonly required tags generated in one pass, correctly escaped.
Live share preview
See the WhatsApp/X-style card while you type — no post-and-pray.
Article metadata support
Publish time, author, and section tags for editorial content.
Image-size guidance
Inline reminders keep previews crisp across platforms.
Who uses the Open Graph Generator?
- Campaign pages that will circulate heavily on WhatsApp and social.
- Bloggers ensuring every post previews with its featured image.
- E-commerce product links that must show product photos in chats.
- Newsrooms publishing share-optimised articles at speed.
- Developers debugging "my link looks broken when shared" reports.
Tips and best practices
- og:image at exactly 1200×630 (1.91:1) survives every major platform’s cropping; keep key text centred, away from edges.
- Absolute HTTPS URLs only for og:image — relative paths break in almost every scraper.
- After deploying, run the URL through WhatsApp/Facebook Sharing Debugger and X Card Validator to force a cache refresh.
- Keep og:title under ~60 characters and og:description under ~110 for clean, untruncated cards on mobile.
- Cache is real: platforms store scraped images; if you change one, the debuggers (or a cache-busting query param) refresh it.
Frequently asked questions
Meta tags (og:title, og:image, etc.) defined by Facebook and adopted nearly everywhere, telling link-scrapers how to present your page in shares.
Usually a cached scrape. Fix the tag, then refresh through the platform’s sharing debugger — or add a query parameter to bypass the cache.
X reads Open Graph tags as a fallback, but twitter:card and companions give finer control (large-image cards especially). Generating both is safest.
1200×630 pixels renders correctly across WhatsApp, Facebook, LinkedIn, and X with minimal cropping.
Not directly — but social shares drive traffic and links, and a good preview measurably lifts click-through from every chat the link lands in.