OG Tag Generator —
Open Graph Meta Tags Free
Free OG tag generator by Bajrange Mitra. Generate Open Graph + Twitter Card meta tags with live Facebook, Twitter, WhatsApp & LinkedIn preview. Copy to clipboard instantly. No signup needed.
Enter Your Page Details
📐 Recommended Sizes
JPG or PNG, max 8MB
800×418px (summary)
Max 5MB, JPG/PNG
✅ OG Tag Checklist
🔗 More SEO Tools
What is an OG Tag Generator?
An OG Tag Generator (Open Graph Tag Generator) is a free online tool that creates the HTML meta tags needed to control how your webpage looks when shared on social media platforms like Facebook, WhatsApp, Twitter, and LinkedIn. Our free OG tag generator by Bajrange Mitra generates all essential Open Graph tags with a live real-time preview — no signup, no payment needed.
Without OG tags, social media platforms randomly pick any image or text from your page — resulting in ugly, misrepresented previews that get fewer clicks. With properly configured OG tags, you control exactly what title, description, and image appears — boosting click-through rates by up to 3x.
Why OG Tags Are Essential for Every Website
Facebook & Instagram
OG tags control the link preview card when someone shares your URL on Facebook or Instagram. Title, description and image — all controlled by you.
WhatsApp Sharing
When someone pastes your URL in WhatsApp, OG tags determine the rich link preview with image, title and domain shown above the message.
Twitter Cards
Twitter Card tags create rich media cards instead of plain text links. summary_large_image cards get significantly more engagement and retweets.
LinkedIn Posts
LinkedIn uses OG tags for article previews. A compelling OG image and title dramatically improves post engagement in professional networks.
Higher CTR
Pages with proper OG tags get up to 3x more clicks from social shares compared to pages without them — direct impact on traffic.
Brand Consistency
OG tags ensure your brand image, colors and messaging are consistent across all social media platforms automatically.
Frequently Asked Questions About OG Tags
OG tags (Open Graph tags) HTML meta tags hain jo aapke webpage ke <head> section mein place kiye jaate hain. Inhe Facebook ne 2010 mein develop kiya tha taaki webpages ko social media par better represent kiya ja sake. Ab yeh tags Facebook, WhatsApp, LinkedIn, Slack, Discord — almost saari platforms use karti hain.
Jab koi aapka URL kisi social media platform par share karta hai, toh woh platform aapke page ko crawl karti hai aur OG tags read karti hai. Agar OG tags hain toh woh exactly wahi title, description aur image dikhati hai jo aapne specify kiya hai. Agar OG tags nahi hain toh platform random content pick karti hai — aksar galat ya unattractive.
Most important OG tags:
og:title— Page ka title (50-60 chars ideal)og:description— Page ki description (150-160 chars)og:image— Share card mein dikhne wali image URL (1200×630px)og:url— Page ka canonical URLog:type— Content type (website, article, product)og:site_name— Aapki website ka naam
Hamare OG Tag Generator se aap yeh sab tags instantly generate karke directly apne page ke <head> mein paste kar sakte hain — bilkul free.
OG image ka size bahut important hai — galat size hone par image crop ho jaati hai ya blurry dikhti hai. Platform-wise recommended sizes:
📘 Facebook & Most Platforms (Universal Best):
1200×630 pixels — Yeh sabse safe aur widely supported size hai. Is size ki image Facebook, WhatsApp, LinkedIn, Slack, Discord — har jagah perfectly dikhti hai. Aspect ratio 1.91:1 hona chahiye.
🐦 Twitter summary_large_image:
1200×628 pixels — Twitter ke large card format ke liye. Minimum 300×157px, maximum 4096×4096px. File size max 5MB (JPG, PNG, GIF, WEBP).
🐦 Twitter summary (small card):
800×800 pixels (square) — Small square thumbnail ke liye.
💼 LinkedIn:
1200×627 pixels — LinkedIn articles aur posts ke liye. Max 5MB.
Image Quality Tips:
- JPG use karein photos ke liye (smaller file size), PNG graphics/logos ke liye
- File size 1MB se kam rakhein fast loading ke liye
- Important content image ke center mein rakhein — edges crop ho sakti hain
- Text-heavy images avoid karein — small previews mein padha nahi jaata
- High contrast aur bright colors zyada attention attract karte hain
- Brand logo ya colors zaroor include karein consistency ke liye
Hamare tool mein image URL enter karne par live preview mein exactly waise dikhega jaise Facebook, Twitter, WhatsApp par dikhega.
Open Graph (OG) tags Facebook ne banaye the aur ab almost saari social platforms (WhatsApp, LinkedIn, Slack, Discord, Telegram) inhe support karti hain. Yeh ek universal standard ban gaya hai.
Twitter Cards Twitter ka apna proprietary system hai. Twitter OG tags bhi read karta hai (fallback ke roop mein), lekin agar aap specifically Twitter ke liye optimize karna chahte hain toh twitter: prefix wale tags add karne chahiye.
Twitter Card Types:
- summary_large_image — Sabse popular. URL ke saath large image card dikhata hai. Best for blogs, articles, tools.
- summary — Small square thumbnail ke saath title aur description. Simple pages ke liye.
- app — Mobile app download card — app store link, rating, price show karta hai.
- player — Video ya audio content ke liye inline player card.
Best Practice: Dono set karein — OG tags aur Twitter Card tags. Twitter pehle twitter: tags dekhta hai, agar nahi mila toh OG tags use karta hai. Dono add karne se sabse broad compatibility milti hai.
Hamare generator mein “Twitter Card” tab se alag se Twitter-specific tags customize kar sakte hain — alag title, description, aur card type.
Generated OG tags aapके webpage ke <head> section mein add karne hain — <body> mein nahi. Yahan platform-wise guide hai:
🔷 Plain HTML Website:
Apni HTML file open karein aur <head> closing tag (</head>) se pehle generated tags paste karein.
🔷 WordPress:
- Yoast SEO plugin use kar rahe hain: Yoast automatically OG tags generate karta hai. Yoast → Social → Facebook/Twitter settings mein jaayein aur enable karein.
- Rank Math plugin: Rank Math → Titles & Meta → Global Meta → Social Meta mein settings configure karein.
- Manually add karna hai: Appearance → Theme Editor → header.php mein
</head>se pehle paste karein. Ya better approach: child theme ya functions.php use karein.
🔷 Shopify:
Online Store → Themes → Edit Code → theme.liquid file → </head> se pehle paste karein.
🔷 Wix / Squarespace:
Site Settings → Advanced → Custom Code → Head section mein paste karein.
Important Note: OG tags add karne ke baad Facebook Sharing Debugger (developers.facebook.com/tools/debug) se verify karein. Pehli baar URL submit karna padta hai cache clear karne ke liye.
Yeh ek very common problem hai! Social media platforms aapke page ka OG data cache kar lete hain — ek baar crawl karne ke baad woh same data show karte rehte hain, chahe aapne tags update kar liye hon.
Facebook / Instagram / WhatsApp cache clear karne ka tarika:
- Facebook Sharing Debugger par jaayein:
developers.facebook.com/tools/debug - Apna URL paste karein aur “Debug” click karein
- Agar purana data dikh raha hai toh “Scrape Again” button click karein
- Facebook fresh data fetch karega aur cache update ho jaayega
- WhatsApp bhi mostly Facebook ka same cache use karta hai
Twitter card cache clear karne ka tarika:
- Twitter Card Validator par jaayein:
cards-dev.twitter.com/validator - URL submit karein — Twitter fresh data fetch karega
LinkedIn cache clear:
- LinkedIn Post Inspector:
linkedin.com/post-inspector - URL enter karके “Inspect” click karein
Cache update hone mein kitna time lagta hai: Facebook mein usually turant ya few minutes mein update ho jaata hai debugger use karne ke baad. Bina debugger ke natural cache expiry 7–30 days tak ho sakti hai.
Direct ranking impact: OG tags ka Google search rankings par koi direct impact nahi hota. Google OG tags ko ranking signal ki tarah use nahi karta — yeh strictly social media ke liye hain.
Indirect SEO benefits — yeh real hain:
- More social shares: Attractive OG preview zyada shares generate karta hai. Zyada shares = zyada traffic = positive SEO signal
- Better CTR from social: Compelling OG image aur title se zyada log link click karte hain. Social referral traffic increase hoti hai
- Natural backlinks: Zyada shares hone se kuch log apne blogs ya websites mein bhi aapka link add karte hain — yeh real backlinks hain
- Brand signals: Consistent branding across platforms se brand recognition badhti hai jo long-term SEO mein help karta hai
- Lower bounce rate: Sahi OG preview dekh ke click karne wale users already interested hote hain — woh zyada time site par spend karte hain
Summary: OG tags ko ranking tool ki tarah nahi, balki traffic aur engagement tool ki tarah treat karein. Ek achha OG image + compelling title aapke social shares se milne wale traffic ko 2-3x tak badhaa sakta hai.
og:type tag Facebook ko batata hai ki aapka content kaunse type ka hai. Sahi type se Facebook aur other platforms better context mein aapka content display karte hain:
website — Default value. General webpages, tools, landing pages, portfolios ke liye. Agar aap sure nahi hain toh yahi use karein.
article — Blog posts, news articles, editorial content ke liye. Is type ke saath additional tags available hote hain:
article:author, article:published_time, article:section, article:tag
News websites aur blogs ke liye yeh type best hai.
product — E-commerce product pages ke liye. Price, availability, currency ke saath use hota hai. Facebook Shops ke saath better integration milti hai.
profile — Personal profile pages, author pages ke liye. profile:first_name, profile:last_name tags ke saath use hota hai.
video.movie / video.episode — Video content pages ke liye.
music.song / music.album — Music content ke liye.
book — Book review ya book pages ke liye. ISBN ke saath use hota hai.
Hamare Advanced tab mein article type select karne par automatically article:author aur article:published_time fields bhi generate hoti hain.
🔗 Official OG Tag Testing Tools
📘 Facebook Debugger 🐦 Twitter Validator 💼 LinkedIn Inspector 🔍 Google Rich Results 📖 OG Protocol DocsMore Free Tools by Bajrange Mitra
50+ free tools — no signup, no payment, use directly in browser:
Free online image, PDF, text and SEO tools by Bajrange Mitra. No registration, no payment. 50+ tools directly in your browser.