Create perfect Open Graph tags for Facebook, LinkedIn, WhatsApp, Twitter and more — with a live multi-platform preview as you type.
Updates as you type — see exactly how your link will look when shared.
Open Graph (OG) tags are meta tags developed by Facebook that control how your webpage appears when shared on social media platforms including Facebook, LinkedIn, WhatsApp, Telegram, Slack, Discord and many others. They let you define exactly which title, description, and image is shown — rather than letting each platform guess.
Without OG tags, social platforms crawl your page and pick whatever content they find — often the wrong image, a truncated title, or no description at all. With proper OG tags, every share of your link looks professional, branded and enticing, which directly increases click-through rates from social media.
<head> of your webpage.Open Graph (OG) Tags वे मेटा टैग्स हैं जो यह नियंत्रित करते हैं कि जब आपका लिंक Facebook, LinkedIn, WhatsApp, या Telegram पर शेयर किया जाता है तो वह कैसा दिखता है।
OG Tags के बिना, सोशल मीडिया प्लेटफॉर्म आपके पेज से कोई भी random image और text उठा लेते हैं। सही OG Tags लगाने से हर शेयर प्रोफेशनल दिखता है और ज़्यादा लोग क्लिक करते हैं।
Generated OG Tags को अपनी website के हर पेज की <head> section में paste करें — </head> tag से पहले।
The Open Graph Generator focuses purely on the tags that control how your link looks when it's shared — on Facebook, LinkedIn, WhatsApp and Twitter/X — and shows a separate live preview card for each platform side by side as you type, rather than making you imagine how a generic code block will render. | Open Graph Generator खासतौर पर उन tags पर focus करता है जो यह तय करते हैं कि आपका link शेयर होने पर कैसा दिखे — Facebook, LinkedIn, WhatsApp और Twitter/X पर — और टाइप करते ही हर platform के लिए एक अलग live preview card साथ-साथ दिखाता है, बजाय इसके कि आप किसी generic code block से अंदाज़ा लगाएं कि वह कैसा दिखेगा।
Open Graph tags were originally created by Facebook, and most social platforms that build link previews — including LinkedIn, WhatsApp, Telegram, Slack and Discord — read the same og: properties rather than their own separate format (Twitter is the one exception, with its own twitter: tags, though it falls back to Open Graph data when they're absent). Treating OG tags as their own focused task, rather than one tab buried inside a bigger meta tag form, makes it easier to get the social-sharing experience exactly right. | Open Graph tags मूल रूप से Facebook द्वारा बनाए गए थे, और ज़्यादातर social platforms जो link previews बनाते हैं — जिनमें LinkedIn, WhatsApp, Telegram, Slack और Discord शामिल हैं — वही og: properties पढ़ते हैं, अपना अलग format नहीं (Twitter अपवाद है, जिसके अपने twitter: tags हैं, पर वह न होने पर Open Graph data पर fallback कर लेता है)। OG tags को एक अलग, केंद्रित काम के रूप में लेना — किसी बड़े meta tag form के एक tab में दबे होने के बजाय — social-sharing experience को सही तरीके से सेट करना आसान बना देता है।
As you type, this tool renders four separate preview cards — Facebook, LinkedIn, WhatsApp and Twitter — each styled to resemble that platform's real link-preview layout, so you can catch a title that's too long for one platform or a description that gets cut off on another before you ever publish the page. | टाइप करते ही यह टूल चार अलग preview cards बनाता है — Facebook, LinkedIn, WhatsApp और Twitter — हर एक उस platform के असली link-preview layout जैसा दिखने के लिए डिज़ाइन किया गया है, ताकि पेज publish करने से पहले ही आप पकड़ सकें कि कोई title किसी platform के लिए बहुत लंबा है या कोई description किसी दूसरे पर कट जाता है।
When you paste an image URL, the tool actually loads it in the background and reports its real width and height, warning you if it's smaller than the widely recommended 1200×630px — rather than only trusting the text you typed into a width/height field. This catches a common mistake: an image URL that's broken, blocked, or simply too small to render well in a social card. | जब आप कोई image URL paste करते हैं, तो टूल उसे असल में background में load करता है और उसकी वास्तविक width और height बताता है, और अगर वह recommended 1200×630px से छोटी है तो चेतावनी देता है — सिर्फ़ width/height field में टाइप किए गए text पर भरोसा करने के बजाय। यह एक आम गलती पकड़ता है: एक broken, blocked, या बहुत छोटी image URL जो social card में अच्छी तरह render नहीं होगी।
All generation and preview rendering happens locally in your browser; the only network request this tool makes is loading the image URL you provide (to validate it), exactly as a browser would when displaying any image, and nothing you type is uploaded to a server. Your draft is kept only in your own browser's local storage. | सारा generation और preview rendering आपके browser में locally होता है; यह टूल सिर्फ़ आपके द्वारा दिए गए image URL को load करने के लिए network request भेजता है (उसे validate करने के लिए), ठीक वैसे जैसे कोई browser किसी भी image को दिखाते समय करता है, और आपके टाइप किए गए कुछ भी server पर upload नहीं होता। आपका draft सिर्फ़ आपके अपने browser के local storage में रखा जाता है।
Q. How is this different from a regular meta tag generator? | यह एक सामान्य meta tag generator से अलग कैसे है?
It focuses specifically on Open Graph tags with a live, side-by-side preview for Facebook, LinkedIn, WhatsApp and Twitter, rather than being one small part of a larger all-purpose meta tag form. | यह खासतौर पर Open Graph tags पर focus करता है, Facebook, LinkedIn, WhatsApp और Twitter के लिए एक live, साथ-साथ preview के साथ, बजाय इसके कि यह किसी बड़े all-purpose meta tag form का एक छोटा हिस्सा हो।
Q. What image size should I use for og:image? | og:image के लिए कौन सी image size इस्तेमाल करनी चाहिए?
1200×630 pixels is the widely recommended size for the best appearance across Facebook, LinkedIn and most other platforms. | 1200×630 pixels Facebook, LinkedIn और ज़्यादातर अन्य platforms पर सबसे अच्छी दिखने के लिए widely recommended size है।
Q. Why does my image show a warning even though it loaded? | मेरी image load होने के बावजूद warning क्यों दिखा रही है?
The tool checks the actual pixel dimensions of the loaded image; if it's smaller than roughly 1200×630px, it still works but may appear blurry or get cropped oddly on some platforms. | टूल load हुई image की वास्तविक pixel dimensions जाँचता है; अगर यह लगभग 1200×630px से छोटी है, तो यह फिर भी काम करती है पर कुछ platforms पर blurry या अजीब तरह से crop हो सकती है।
Q. Does this tool cover Twitter Card tags too? | क्या यह टूल Twitter Card tags भी कवर करता है?
It shows a Twitter-style live preview, but for generating the dedicated twitter: meta tags alongside OG tags, use this site's full Meta Tag Generator which has a separate Twitter Card tab. | यह एक Twitter-style live preview दिखाता है, पर OG tags के साथ dedicated twitter: meta tags बनाने के लिए, इस साइट का पूरा Meta Tag Generator इस्तेमाल करें जिसमें एक अलग Twitter Card tab है।
Q. Why is my OG title or description being cut off in the preview? | मेरा OG title या description preview में क्यों कट रहा है?
Each platform truncates long text differently — the character counters above the title and description fields turn yellow or red as you approach each platform's typical limit, so you can shorten it before publishing. | हर platform लंबे text को अलग तरीके से truncate करता है — title और description fields के ऊपर character counters हर platform की सामान्य सीमा के पास पहुँचने पर पीले या लाल हो जाते हैं, ताकि आप publish करने से पहले इसे छोटा कर सकें।
Q. What is og:type and which value should I pick? | og:type क्या है और कौन सी value चुनूं?
It tells platforms what kind of content the page is — use "website" for most pages, "article" for blog posts and news (which unlocks author/date fields), or "product" for a product page. | यह platforms को बताता है कि पेज किस तरह का content है — ज़्यादातर pages के लिए "website" इस्तेमाल करें, blog posts और news के लिए "article" (जिससे author/date fields खुलते हैं), या किसी product page के लिए "product"।
Q. Do I need a Facebook App ID? | क्या मुझे Facebook App ID की ज़रूरत है?
No, it's entirely optional — it's only used if you specifically want to link the page to a registered Facebook app for analytics or admin insights; most sites can safely leave it blank. | नहीं, यह पूरी तरह optional है — यह सिर्फ़ तब इस्तेमाल होता है जब आप पेज को किसी registered Facebook app से जोड़ना चाहते हैं analytics या admin insights के लिए; ज़्यादातर sites इसे खाली छोड़ सकती हैं।
Q. Can I generate tags for an article with an author and publish date? | क्या मैं author और publish date के साथ किसी article के लिए tags बना सकता हूँ?
Yes — set og:type to "article" and the Article Fields section appears, letting you add author, section, published time and modified time. | हाँ — og:type को "article" सेट करें और Article Fields section दिखने लगता है, जिससे आप author, section, published time और modified time जोड़ सकते हैं।
Q. Where do I paste the generated code? | Generated code कहाँ paste करूं?
Inside the <head> section of your webpage's HTML, ideally before the closing </head> tag. | अपने webpage के HTML के <head> section के अंदर, आदर्श रूप से बंद होने वाले </head> tag से पहले।
Q. How do I know if my OG tags actually work after publishing? | Publish करने के बाद कैसे पता चलेगा कि मेरे OG tags असल में काम कर रहे हैं?
Use Facebook's Sharing Debugger or LinkedIn's Post Inspector on your live URL — they fetch your page and show exactly what preview card will appear, and let you force a re-scrape if you've since updated the tags. | अपने live URL पर Facebook का Sharing Debugger या LinkedIn का Post Inspector इस्तेमाल करें — वे आपका पेज fetch करते हैं और बताते हैं कि असल में कौन सा preview card दिखेगा, और अगर आपने tags बाद में बदले हैं तो दोबारा scrape करने देते हैं।
Q. Is my data uploaded anywhere while I use this tool? | इस टूल का उपयोग करते समय क्या मेरा data कहीं upload होता है?
No — all fields and the generated code stay in your browser; the only outbound request is loading the image URL you provide, exactly as any browser does to display an image. | नहीं — सारे fields और generated code आपके browser में ही रहते हैं; सिर्फ़ बाहर जाने वाला request आपके दिए गए image URL को load करना है, ठीक वैसे जैसे कोई भी browser image दिखाने के लिए करता है।
Q. Can I download the tags as a file instead of copying them? | क्या मैं tags को copy करने के बजाय file के रूप में download कर सकता हूँ?
Yes — the Download button saves the generated code as an .html file you can keep or share with a developer. | हाँ — Download button generated code को एक .html file के रूप में save करता है जिसे आप रख सकते हैं या किसी developer के साथ share कर सकते हैं।