Open Graph मेटा टैग जनरेटर

वे टैग जिनसे लिंक पूर्वावलोकन बनता है

जब कोई आपका लिंक किसी पोस्ट या संदेश में पेस्ट करता है, तो ऐप पेज पर एक क्रॉलर भेजता है और <head> में कुछ <meta> टैग पढ़ता है। ये टैग Open Graph प्रोटोकॉल से आते हैं, जो चार को आवश्यक के रूप में सूचीबद्ध करता है:

• og:title: वह शीर्षक जैसा वह पूर्वावलोकन में दिखना चाहिए।
• og:type: पेज क्या है। website ज़्यादातर पेजों के लिए उपयुक्त है और article किसी ब्लॉग पोस्ट के लिए। प्रोटोकॉल profile, book, video.movie और music.song जैसे प्रकार भी परिभाषित करता है।
• og:image: उस तस्वीर का URL जो पेज को दर्शाती है।
• og:url: कैनोनिकल URL, जिसे प्रोटोकॉल ऑब्जेक्ट की स्थायी ID कहता है।

प्रोटोकॉल वैकल्पिक टैग भी परिभाषित करता है, और जेनरेटर उपयोगी वाले लिखता है: og:description, og:site_name, और इमेज की जानकारी og:image:width, og:image:height और og:image:alt। alt टेक्स्ट पर प्रोटोकॉल सीधा है: अगर कोई पेज og:image निर्दिष्ट करता है, तो उसे og:image:alt भी निर्दिष्ट करना चाहिए, और वह टेक्स्ट बताता है कि इमेज में क्या है, न कि कोई कैप्शन।

X क्या जोड़ता है: twitter:card

X, Open Graph भी पढ़ता है। इसका cards markup संदर्भ (X का डेवलपर दस्तावेज़, यहाँ Internet Archive के माध्यम से लिंक किया गया है क्योंकि मूल पेज अब रीडायरेक्ट होता है) प्रत्येक टैग के लिए फ़ॉलबैक सूचीबद्ध करता है: twitter:title का फ़ॉलबैक og:title है, twitter:description का og:description, twitter:image का og:image और twitter:image:alt का og:image:alt। इसलिए जोड़ने लायक एक ही टैग है twitter:card, जो लेआउट चुनता है। इसे छोड़ दें तो वही संदर्भ कहता है कि X एक छोटे summary कार्ड पर फ़ॉलबैक कर सकता है, भले ही आप बड़ा चाहते हों:

• summary_large_image: शीर्षक के ऊपर पूरी-चौड़ाई वाली इमेज। X का बड़ा इमेज कार्ड पेज कहता है कि इसके लिए इमेज 2:1 आस्पेक्ट रेशियो का समर्थन करती हैं, न्यूनतम आयाम 300 × 157 और अधिकतम 4096 × 4096 पिक्सेल, 5MB से कम, JPG, PNG, WEBP या GIF में। SVG समर्थित नहीं है।
• summary: वर्गाकार इमेज वाला छोटा कार्ड। X का summary कार्ड पेज कहता है कि इमेज 1:1 अनुपात का समर्थन करती है, 144 × 144 से लेकर 4096 × 4096 पिक्सेल तक, और सभी प्लेटफ़ॉर्म पर वर्गाकार में क्रॉप होती है।

वही संदर्भ app और player कार्ड सूचीबद्ध करता है, जिनके लिए अतिरिक्त App Store या वीडियो प्लेयर फ़ील्ड चाहिए, इसलिए उन्हें यहाँ छोड़ दिया गया है। यह ऊपर की जाँचों में इस्तेमाल होने वाली सीमाएँ भी दस्तावेज़ करता है: शीर्षक के लिए 70 अक्षर, विवरण के लिए 200 और ऑल्ट टेक्स्ट के लिए 420।

प्लेटफ़ॉर्म द्वारा बताए गए इमेज आकार

• LinkedIn: इसकी वेबसाइट को शेयर करने लायक बनाने की गाइड में og:title, og:image, og:description और og:url माँगे जाते हैं, और अधिकतम फ़ाइल आकार 5 MB, न्यूनतम 1200 × 627 पिक्सेल और अनुशंसित अनुपात 1.91:1 बताया गया है।
• Meta: इसकी शेयरिंग बेस्ट प्रैक्टिस कहती है कि हाई-रेज़ोल्यूशन स्क्रीन के लिए कम से कम 1080 पिक्सेल चौड़ी इमेज इस्तेमाल करें, और इमेज लिंक विज्ञापन दिखाने के लिए कम से कम 600 पिक्सेल चौड़ी। वही पेज og:image:width और og:image:height माँगता है ताकि क्रॉलर इमेज को पहले डाउनलोड और प्रोसेस किए बिना तुरंत रेंडर कर सके।

1200 × 630 की इमेज इन सभी पर खरी उतरती है: यह LinkedIn के लिए कम से कम 1200 × 627 है, Meta के लिए 1080 से चौड़ी है, और 1.905:1 है, जो X के 2:1 के 5% के भीतर है।

इसे जाँचें, और पुराने प्रीव्यू रिफ़्रेश करें

ऐप्स जो स्क्रैप करते हैं उसे कैश कर लेते हैं, इसलिए टैग ठीक करने से वह प्रीव्यू ठीक नहीं होता जो पहले से स्टोर हो चुका है। दोनों बड़े नेटवर्क इसके लिए एक टूल देते हैं:

• Meta का Sharing Debugger उन टैगों को दिखाता है जो इसका क्रॉलर स्क्रैप करता है, साथ में किसी भी त्रुटि या चेतावनी के, और एक नई स्क्रैप शुरू करता है। Meta की वेबमास्टर गाइड इसका वर्णन करती है, और बेस्ट प्रैक्टिस पेज बताता है कि अन्यथा स्क्रैप किया गया कंटेंट एक मानक 24 घंटे की अवधि पर अपडेट होता है।
• LinkedIn का Post Inspector कैश किए गए URL को रिफ़्रेश करता है। LinkedIn का सहायता पेज बताता है कि रिफ़्रेश सिर्फ़ नई पोस्ट पर असर करता है: जिन पोस्ट में URL पहले से शामिल है वे पुराना प्रीव्यू ही रखती हैं।

यह टूल क्या नहीं करता

यह आपके पेज या आपकी इमेज को फ़ेच नहीं करता, इसलिए यह नहीं देख सकता कि असल में क्या लाइव है, और ऊपर का प्रीव्यू रेंडर नहीं बल्कि एक टेक्स्ट स्केच है। यह टैग लिखता है; आपकी साइट को फिर भी उन्हें पेज के <head> में, उस HTML में परोसना होगा जो क्रॉलर को मिलता है। बाद में JavaScript से जोड़े गए टैग शायद कभी न दिखें। और यह app या player कार्ड नहीं लिखता, न ही वे अतिरिक्त प्रॉपर्टी जो book या video.movie जैसे प्रकार परिभाषित करते हैं।

अगर आप इसे हाथ से नहीं लिखना चाहते

Hermoso ऑटोपायलट पर मार्केटिंग है: यह आपके बाज़ार में पहले से चल रहे विज्ञापनों पर शोध करता है, ब्रांड के अनुरूप इमेज और वीडियो विज्ञापन बनाता है, पोस्ट शेड्यूल करता है और आपके अपने विज्ञापन खातों पर पेड कैंपेन चलाता है। यह वेब ऐप में काम करता है, या Claude, ChatGPT और Cursor के अंदर अपने MCP server के माध्यम से।

मुफ़्त टूल: UTM लिंक बिल्डर · QR कोड जेनरेटर · सोशल मीडिया साइज़ गाइड

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

कौन से Open Graph टैग ज़रूरी हैं?

Open Graph प्रोटोकॉल चार ज़रूरी प्रॉपर्टी सूचीबद्ध करता है: og:title, og:type, og:image और og:url। og:description, og:site_name और og:image की width, height तथा alt टैग वैकल्पिक हैं पर जोड़ने लायक़ हैं।

अगर मेरे पास og: टैग हैं तो क्या मुझे twitter:title और twitter:image चाहिए?

नहीं। X की कार्ड्स मार्कअप रेफ़रेंस कहती है कि twitter:title, twitter:description, twitter:image और twitter:image:alt अपने og: समकक्षों पर फ़ॉलबैक करते हैं। जोड़ने लायक़ टैग twitter:card है, जो कार्ड लेआउट चुनता है।

Open Graph इमेज का साइज़ क्या होना चाहिए?

LinkedIn कम से कम 1200 × 627 पिक्सेल 1.91:1 पर और 5 MB से कम माँगता है। Meta कम से कम 1080 पिक्सेल चौड़ी सुझाता है। X का बड़ा इमेज कार्ड 300 × 157 से 4096 × 4096 तक 2:1 सपोर्ट करता है। 1200 × 630 की इमेज तीनों में फ़िट होती है।

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

ऐप ने पुराना स्क्रैप कैश कर लिया। URL को फिर से फ़ेच करने के लिए Meta के Sharing Debugger या LinkedIn के Post Inspector से चलाएँ। LinkedIn बताता है कि जो पोस्ट पहले से URL शेयर कर रही हैं वे पुराना प्रीव्यू रखती हैं।

आउटपुट में कोट्स और ऐंपरसैंड क्यों बदल जाते हैं?

वे HTML-एस्केप किए जाते हैं ताकि टैग मान्य बना रहे। Tom & Jerry's "Sale" जैसा शीर्षक content एट्रिब्यूट के अंदर Tom & Jerry's "Sale" बन जाता है, और ब्राउज़र तथा क्रॉलर इसे मूल टेक्स्ट के रूप में वापस पढ़ते हैं।

क्या टूल मेरी इमेज लोड करता है?

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