The Toolbox

मुफ़्त Open Graph टैग जनरेटर

सोशल मीडिया शेयरिंग के लिए Open Graph और Twitter Card मेटा टैग बनाएँ। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।

अपडेट किया गया

Share:
Home/SEO Tools/Open Graph Generator

Open Graph Generator

Generate Open Graph, Twitter Card, and platform-specific meta tags for better social media sharing. Preview how your content will look on Facebook, Twitter, LinkedIn, Discord, Slack, WhatsApp, Telegram, and Pinterest.

OG Tag Quality Score

15/100
og:title present
og:title under 60 chars
og:description present
og:description 50-160 chars
og:url present
og:url is valid
og:image present
og:image:alt present
og:site_name present
og:type set
Twitter card configured
Twitter site handle
Image dimensions specified

Import from URL

Fetch existing Open Graph tags from any public URL to edit them.

Quick Templates

Core Open Graph Tags

0/60
0/160

Image Settings

Recommended Image Sizes

Facebook: 1200 x 630Twitter/X: 1200 x 628LinkedIn: 1200 x 627Pinterest: 1000 x 1500Discord: 1200 x 630Slack: 1200 x 630WhatsApp: 1200 x 630Telegram: 1200 x 630

Twitter Card

LinkedIn

LinkedIn uses og:image (min 1200x627 for best display)

Pinterest

Pinterest prefers 2:3 aspect ratio images (e.g., 1000x1500)

Character Limits by Platform

facebook

Title:0/60
Description:0/155

Twitter/X

Title:0/70
Description:0/200

linkedin

Title:0/200
Description:0/256

discord

Title:0/256
Description:0/350

slack

Title:0/150
Description:0/300

whatsapp

Title:0/70
Description:0/200

telegram

Title:0/256
Description:0/512

Validate & Debug

Generated Meta Tags

"text-gray-400"><!-- Open Graph Meta Tags --"text-blue-600 dark:text-blue-400">>
"text-blue-600 dark:text-blue-400"><meta "text-purple-600 dark:text-purple-400">property="og:type" "text-purple-600 dark:text-purple-400">content="website""text-blue-600 dark:text-blue-400">>
"text-blue-600 dark:text-blue-400"><meta "text-purple-600 dark:text-purple-400">property="og:locale" "text-purple-600 dark:text-purple-400">content="en_US""text-blue-600 dark:text-blue-400">>
 
"text-gray-400"><!-- Twitter Card Meta Tags --"text-blue-600 dark:text-blue-400">>
"text-blue-600 dark:text-blue-400"><meta "text-purple-600 dark:text-purple-400">name="twitter:card" "text-purple-600 dark:text-purple-400">content="summary_large_image""text-blue-600 dark:text-blue-400">>
Copy individual tags
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta name="twitter:card" content="summary_large_image">

Best Practices

  • Use images that are at least 1200x630 pixels for best display across all major platforms
  • Keep titles under 60 characters and descriptions between 50-160 characters
  • Always use absolute URLs for images (starting with https://)
  • Include og:image:alt for accessibility and better SEO
  • Set og:type accurately -- it affects how platforms display your content
  • Test your tags with the platform debuggers linked above before publishing
  • Use the SEO score above to ensure your tags are complete and well-optimized
  • Twitter/X falls back to OG tags if Twitter Card tags are not present

Related Tools

Meta Tag GeneratorRobots.txt GeneratorSlug Generator

अक्सर पूछे जाने वाले प्रश्न

Open Graph Generator क्या है?

Open Graph Generator एक मुफ़्त ऑनलाइन टूल है जो Open Graph और Twitter Card meta tags बनाता है ताकि यह नियंत्रित किया जा सके कि सोशल मीडिया पर शेयर करने पर आपकी सामग्री कैसी दिखे।

क्या Open Graph Generator मुफ़्त है?

हाँ, यह पूरी तरह मुफ़्त है और इसके लिए किसी रजिस्ट्रेशन की ज़रूरत नहीं है। सारी tag जनरेशन आपके ब्राउज़र में क्लाइंट-साइड पर होती है।

Open Graph tags क्यों महत्वपूर्ण हैं?

Open Graph tags यह नियंत्रित करते हैं कि जब आपका पेज Facebook, LinkedIn और अन्य सोशल प्लेटफ़ॉर्म पर शेयर हो तो कौन-सा title, description और image दिखाया जाए, जिससे click-through दर बेहतर होती है।

क्या इस टूल के साथ मेरा डेटा सुरक्षित है?

बिल्कुल। Open Graph Tag Generator सब कुछ आपके ब्राउज़र में क्लाइंट-साइड पर प्रोसेस करता है। कोई डेटा किसी सर्वर पर अपलोड या संग्रहीत नहीं किया जाता। आपकी सामग्री हर समय आपके डिवाइस पर निजी रहती है।

क्या Open Graph Tag Generator मोबाइल डिवाइस पर काम करता है?

हाँ, Open Graph Tag Generator पूरी तरह रिस्पॉन्सिव है और स्मार्टफ़ोन तथा टैबलेट पर काम करता है। आप इसे किसी भी आधुनिक वेब ब्राउज़र वाले डिवाइस पर उपयोग कर सकते हैं — किसी ऐप डाउनलोड की ज़रूरत नहीं।

क्या इस टूल का उपयोग करने के लिए मुझे खाता बनाना होगा?

किसी खाते या रजिस्ट्रेशन की ज़रूरत नहीं है। बस अपने ब्राउज़र में Open Graph Tag Generator खोलें और तुरंत उपयोग शुरू करें। कोई साइन-अप बाधा या उपयोग प्रतिबंध नहीं है।

क्या यह टूल Google के नवीनतम दिशानिर्देशों का पालन करता है?

हाँ, Open Graph Tag Generator को Google Search के मौजूदा दिशानिर्देशों और सर्वोत्तम प्रथाओं के अनुसार बनाया गया है। हम सर्च इंजन आवश्यकताओं में बदलावों को दर्शाने के लिए टूल को नियमित रूप से अपडेट करते हैं।

मैं Open Graph Tag Generator का उपयोग कैसे करूँ?

बस दिए गए फ़ील्ड में अपना इनपुट दर्ज करें, अपनी पसंद के अनुसार कोई भी सेटिंग समायोजित करें, और टूल इसे तुरंत प्रोसेस कर देगा। इसके बाद आप परिणाम को क्लिपबोर्ड पर कॉपी या डाउनलोड कर सकते हैं।

कौन-से ब्राउज़र समर्थित हैं?

Open Graph Tag Generator Chrome, Firefox, Safari, Edge और Opera सहित सभी आधुनिक ब्राउज़रों में काम करता है। सर्वोत्तम अनुभव के लिए अपने पसंदीदा ब्राउज़र का नवीनतम संस्करण उपयोग करें।

सोशल शेयरिंग के लिए og:image का साइज़ कितना होना चाहिए?

सबसे सुरक्षित डिफ़ॉल्ट 1200 x 630 पिक्सल है, जो 1.91:1 का लैंडस्केप अनुपात देता है जिसे Facebook, LinkedIn, Slack, Discord, Telegram, और WhatsApp सभी एक बड़े कार्ड के रूप में दिखाते हैं। लगभग 600 x 315 से नीचे जाने पर ज़्यादातर प्लेटफ़ॉर्म पूरी-चौड़ाई वाली इमेज के बजाय एक छोटे चौकोर थंबनेल पर वापस चले जाते हैं। फ़ाइल को भी उचित रखें: Facebook og:image को 8 MB तक सीमित करता है, और कई नेटवर्क इससे भी सख्त हैं। Pinterest अपवाद है और लगभग 1000 x 1500 की लंबी 2:3 इमेज पसंद करता है। यह जेनरेटर आपके डाले गए चौड़ाई और ऊंचाई की तुलना हर प्लेटफ़ॉर्म के मानकों से करता है, जब आपका आस्पेक्ट रेशियो 1.91:1 से भटकता है तो चेतावनी देता है, और आठ जगहों पर इमेज कैसे क्रॉप होगी इसका प्रीव्यू दिखाता है, ताकि लिंक गलत खुलने से पहले ही आप गलत साइज़ की इमेज ठीक कर सकें।

Open Graph टैग और Twitter Card टैग में क्या अंतर है?

Open Graph टैग (og: प्रॉपर्टीज़) वह प्रोटोकॉल हैं जिसे Facebook ने 2010 में पेश किया था, और अब ज़्यादातर प्लेटफ़ॉर्म शेयर किए गए लिंक का टाइटल, डिस्क्रिप्शन, और इमेज बनाने के लिए इन्हें ही पढ़ते हैं। Twitter Card टैग (twitter:card, twitter:title, twitter:image, साथ ही twitter:site और twitter:creator हैंडल) खासतौर पर X के लिए वही काम करते हैं। यहां अहम बात है फ़ॉलबैक व्यवहार: जब कोई Twitter-विशिष्ट टैग मौजूद नहीं होता, तो X आपके Open Graph वैल्यू पढ़ लेता है, इसलिए आपको शायद ही सब कुछ दोहराने की ज़रूरत पड़े। जो मुख्य टैग आपको जोड़ना ही चाहिए वह है twitter:card, जो X को बताता है कि छोटा या बड़ा इमेज कार्ड दिखाना है। यह टूल दोनों सेट एक ही ब्लॉक में साथ आउटपुट करता है, ताकि आपका कार्ड X पर सही दिखे और साथ ही Facebook, LinkedIn, और बाकी जगहों पर दिखने के तरीके से भी मेल खाए।

टैग अपडेट करने के बाद भी मेरे लिंक प्रीव्यू में पुरानी इमेज क्यों दिख रही है?

सोशल प्लेटफ़ॉर्म वह प्रीव्यू कैश कर लेते हैं जो उन्होंने पहली बार आपका URL शेयर होने पर स्क्रैप किया था, इसलिए आपके Open Graph टैग एडिट करने से लोगों को दिखने वाली चीज़ तब तक नहीं बदलती जब तक वह कैश रिफ्रेश न हो। Facebook, LinkedIn, और बाकी प्लेटफ़ॉर्म पुराना टाइटल, डिस्क्रिप्शन, और इमेज कुछ समय तक स्टोर रखते हैं, यही वजह है कि एक अपडेट किया गया पेज भी अपनी पुरानी थंबनेल खोलता रह सकता है। इसका हल है URL को दोबारा स्क्रैप करना: इसे Facebook के Sharing Debugger या LinkedIn के Post Inspector में पेस्ट करें और एक नया फ़ेच ट्रिगर करें, जिससे उनका कैश साफ़ हो जाता है और आपके नए टैग खींच लिए जाते हैं। पहले यहां अपने सही किए हुए टैग जनरेट करके पब्लिश करें, उस ब्लॉक को अपने पेज के head में डालें, फिर दोबारा स्क्रैप करें ताकि जहां भी यह शेयर हो वहां नया कार्ड दिखे।

og:type प्रॉपर्टी क्या करती है और मुझे कौन-सी वैल्यू इस्तेमाल करनी चाहिए?

og:type प्लेटफ़ॉर्म को बताता है कि पेज किस तरह की कंटेंट है, जो यह तय करता है कि कौन-सा अतिरिक्त मेटाडेटा दिया जा सकता है और कुछ नेटवर्क कार्ड को कैसे ट्रीट करते हैं। ज़्यादातर पेजों को website इस्तेमाल करना चाहिए; ब्लॉग पोस्ट और न्यूज़ के लिए article, शॉप पेजों के लिए product, और जहां लागू हो वहां profile, book, या video इस्तेमाल करें। website से आगे कोई टाइप चुनने पर मेल खाने वाले प्रॉपर्टीज़ अनलॉक होते हैं: article से article:author और article:published_time मिलते हैं, product से product:price:amount और product:availability मिलते हैं, और book से book:isbn मिलता है। सही og:type सेट करना टूल के कम्पलीटनेस स्कोर में भी जुड़ता है। इस जेनरेटर में website, article, product, video, profile, और book के लिए तैयार टेम्पलेट शामिल हैं जो समझदार वैल्यू पहले से भर देते हैं, ताकि आप अपने पेज से मेल खाने वाला टाइप चुनकर एक काम करते उदाहरण को एडिट कर सकें, न कि टैग सेट को शुरू से बना सकें।

Open Graph का टाइटल और डिस्क्रिप्शन कट जाने से पहले कितने लंबे हो सकते हैं?

हर प्लेटफ़ॉर्म अलग तरह से ट्रंकेट करता है, इसलिए कोई एक तय सीमा नहीं है, लेकिन व्यावहारिक टारगेट आपके कार्ड को हर जगह पढ़ने लायक बनाए रखते हैं। Facebook किसी टाइटल के लगभग पहले 60 कैरेक्टर और डिस्क्रिप्शन के करीब 155 कैरेक्टर ही दिखाता है, उसके बाद टेक्स्ट कट जाता है, और यह टूल अपने कम्पलीटनेस स्कोर में 60 कैरेक्टर से कम के टाइटल और 50 से 160 के बीच के डिस्क्रिप्शन को स्वस्थ मानता है। दूसरे नेटवर्क डिस्क्रिप्शन फील्ड में ज़्यादा जगह देते हैं — X और WhatsApp पर लगभग 200 कैरेक्टर, LinkedIn पर 256 — लेकिन Facebook की सख्त सीमाओं के हिसाब से लिखने से ज़रूरी शब्द हर प्लेटफ़ॉर्म पर दिखते रहते हैं। जैसे-जैसे आप टाइप करते हैं, यह जेनरेटर हर प्लेटफ़ॉर्म के हिसाब से कैरेक्टर गिनता है और जब कोई टाइटल या डिस्क्रिप्शन किसी जगह की डिस्प्ले लिमिट से आगे निकलता है तो उसे फ्लैग कर देता है, ताकि शेयर किए गए कार्ड में कुछ भी बीच वाक्य से न कटे।

संबंधित टूल

मुफ़्त SEO मेटा टैग जनरेटर

अपनी वेबसाइट के लिए SEO-अनुकूल मेटा टैग बनाएँ। शीर्षक, विवरण, कीवर्ड और बहुत कुछ। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।

मुफ़्त Twitter Card जनरेटर

सोशल मीडिया प्रीव्यू के लिए Twitter Card मेटा टैग बनाएँ। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।

मुफ़्त Robots.txt जनरेटर

सर्च इंजन क्रॉलिंग को नियंत्रित करने के लिए robots.txt फ़ाइल बनाएँ। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।

मुफ़्त कीवर्ड डेंसिटी चेकर

SEO ऑप्टिमाइज़ेशन के लिए अपने कंटेंट में कीवर्ड डेंसिटी और फ़्रीक्वेंसी का विश्लेषण करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।

सभी SEO टूल देखें →

ओपन ग्राफ टैग जेनरेटर के बारे में

ओपन ग्राफ टैग जेनरेटर वे मेटा टैग बनाता है जो यह तय करते हैं कि आपका पेज शेयर किए जाने पर कैसा दिखेगा। बस एक टाइटल, डिस्क्रिप्शन, इमेज, और URL भरें, और यह Open Graph (og:) और Twitter Card मार्कअप का एक तैयार-से-पेस्ट ब्लॉक बना देता है। यह उन सभी के लिए है जिन्होंने कभी किसी लिंक को खाली बॉक्स या गलत थंबनेल में खुलते देखा है: मार्केटर, ब्लॉगर, स्टोर मालिक, और डेवलपर जो चाहते हैं कि प्रीव्यू पेज से मेल खाए।

Open Graph वह प्रोटोकॉल है जिसे Facebook ने 2010 में पेश किया था, और अब ज़्यादातर प्लेटफ़ॉर्म इसे ही पढ़ते हैं। ये टैग आपके HTML के <head> में रहते हैं, और ये हर नेटवर्क को बताते हैं कि शेयर किए गए कार्ड में ठीक कौन-सा टाइटल, सारांश, और तस्वीर दिखानी है। इनके बिना, प्लेटफ़ॉर्म आपके पेज को स्क्रैप करके अंदाज़ा लगाते हैं, और यह अंदाज़ा अक्सर गलत निकलता है। Twitter Card टैग X के लिए वही काम करते हैं, और जब कोई Twitter-विशिष्ट टैग मौजूद नहीं होता तो ये आपके Open Graph वैल्यू पर वापस चले जाते हैं।

यह क्या जनरेट करता है

यह जेनरेटर सिर्फ बुनियादी टैग नहीं, बल्कि टैग का पूरा सेट आउटपुट करता है:

  • कोर Open Graph — og:title, og:description, og:url, og:image (चौड़ाई, ऊंचाई, और og:image:alt के साथ), og:site_name, og:type, और og:locale।
  • टाइप-विशिष्ट टैग — og:type के लिए article, product, profile, book, या video चुनने पर मेल खाने वाले प्रॉपर्टीज़ अनलॉक होते हैं, जैसे article:author और article:published_time, product:price:amount और product:availability, या book:isbn।
  • Twitter Card टैग — twitter:card, twitter:title, twitter:image, साथ ही twitter:site और twitter:creator हैंडल।

बिल्ट-इन टेम्पलेट website, article, product, video, profile, या book के लिए पहले से समझदार वैल्यू भर देते हैं, ताकि आप खाली फ़ॉर्म से नहीं बल्कि एक काम करते उदाहरण से शुरुआत करके उसे एडिट कर सकें।

लाइव प्रीव्यू और कम्पलीटनेस स्कोर

जैसे-जैसे आप टाइप करते हैं, यह टूल दिखाता है कि कार्ड आठ जगहों पर कैसा दिखेगा — Facebook, Twitter/X, LinkedIn, Discord, Slack, WhatsApp, Telegram, और Pinterest — क्योंकि हर एक इमेज को अलग तरह से क्रॉप करता है और टेक्स्ट को अलग तरह से ट्रंकेट करता है। जब टाइटल या डिस्क्रिप्शन किसी प्लेटफ़ॉर्म की डिस्प्ले लिमिट से आगे निकल जाता है तो यह फ्लैग कर देता है; उदाहरण के लिए, Facebook किसी टाइटल के लगभग पहले 60 कैरेक्टर और डिस्क्रिप्शन के करीब 155 कैरेक्टर ही दिखाता है, उसके बाद टेक्स्ट कट जाता है।

100 में से एक लगातार अपडेट होने वाला SEO कम्पलीटनेस स्कोर यह जांचता है कि आपके टैग मौजूद हैं और सही तरीके से बने हैं या नहीं: 60 कैरेक्टर से कम का टाइटल, 50 से 160 के बीच का डिस्क्रिप्शन, एक वैलिड URL, alt टेक्स्ट और डाइमेंशन वाली एक इमेज, और एक कॉन्फ़िगर किया गया Twitter card। यह उस चूक को पकड़ने का एक तेज़ तरीका है जो पेज पब्लिश करने से पहले प्रीव्यू को बिगाड़ सकती है।

इमेज साइज़िंग जो वाकई काम करे

गलत साइज़ की इमेज किसी शेयर के टूटे हुए दिखने की सबसे आम वजह है। यह जेनरेटर आपके डाइमेंशन की तुलना प्लेटफ़ॉर्म के मानकों से करता है और जब वे भटकते हैं तो चेतावनी देता है:

  • 1200 x 630 पिक्सल Facebook, LinkedIn, Slack, Discord, और ज़्यादातर नेटवर्क के लिए अनुशंसित साइज़ है, जो 1.91:1 का मानक लैंडस्केप अनुपात देता है।
  • 600 x 315 एक बड़े कार्ड के लिए व्यावहारिक न्यूनतम है; इससे कम होने पर प्लेटफ़ॉर्म एक छोटे थंबनेल पर वापस चले जाते हैं।
  • Pinterest लैंडस्केप के बजाय लंबी 2:3 इमेज पसंद करता है, यानी लगभग 1000 x 1500।
  • फ़ाइल को हल्का रखें — Facebook og:image को 8 MB तक सीमित करता है, और कई प्लेटफ़ॉर्म इससे भी सख्त हैं।

प्राइवेसी और आपके टैग एक्सपोर्ट करना

टैग जनरेशन, प्रीव्यू, वैलिडेशन, और स्कोर — यह सब आपके ब्राउज़र में लोकली चलता है, बिना किसी अकाउंट या अपलोड के, इसलिए आपकी ड्राफ्ट कॉपी और अनपब्लिश्ड URL आपकी डिवाइस पर ही रहते हैं। इसका एक अपवाद वैकल्पिक Import from URL फीचर है, जो किसी मौजूदा पेज के मौजूदा टैग पढ़ने के लिए उसे एक पब्लिक CORS प्रॉक्सी के ज़रिए फ़ेच करता है — इसका इस्तेमाल सिर्फ उन्हीं URL के लिए करें जिन्हें आप किसी थर्ड-पार्टी रिले को भेजने में सहज हों। जब आपका काम पूरा हो जाए, तो कोई एक टैग अलग से कॉपी करें, पूरा ब्लॉक कॉपी करें, या इसे .html फ़ाइल के रूप में डाउनलोड करें, फिर उसे अपने पेज के <head> में डाल दें। पब्लिश करने के बाद, नया कार्ड कन्फर्म करने और उनका पुराना कैश साफ़ करने के लिए Facebook के Sharing Debugger या LinkedIn के Post Inspector में URL को दोबारा स्क्रैप करें।