सीधे कंटेंट पर जाएँ

Open Graph और मेटा टैग का प्रीव्यू देखें

देखें कि कोई लिंक Google, Facebook, X, LinkedIn, Slack, Discord और iMessage पर कैसा दिखता है। टैग पढ़ने के लिए हमारा सर्वर सार्वजनिक पेज लाता है, या आप अपने ब्राउज़र में नए टैग लिख सकते हैं।

हमारा सर्वर टैग पढ़ने के लिए पेज को एक बार लाता है; कुछ भी सेव नहीं होता।

हमारे सर्वर पर प्रोसेस होता है · URL ज़रूरत पड़ने पर ही लाया जाता है और कुछ भी सेव नहीं होतायह कैसे काम करता है

Open Graph और मेटा टैग प्रीव्यू इस्तेमाल कैसे करें

  1. 1

    लिंक पेस्ट करें

    किसी सार्वजनिक पेज का पता डालें और लिंक का प्रीव्यू देखें पर क्लिक करें। इससे उसका टाइटल, विवरण, Open Graph और X कार्ड टैग पढ़े जाते हैं।

  2. 2

    कार्ड देखें

    Google रिज़ल्ट और Facebook, X, LinkedIn, Slack, Discord व iMessage स्टाइल कार्ड की तुलना करें, और छूटे हुए या कमज़ोर टैग की सूची पढ़ें।

  3. 3

    टैग एडिट करें

    ये टैग एडिट करें पर क्लिक करें या टैग लिखें खोलें। टाइटल, विवरण और इमेज बदलते ही हर प्रीव्यू अपने आप अपडेट होता दिखेगा।

  4. 4

    अपने पेज में कॉपी करें

    बने हुए मेटा टैग अपने पेज के head में कॉपी करें, पेज पब्लिश करें और लाइव URL दोबारा जाँचें।

सीमाएँ और Pro

मुफ़्त: हर मिनट 20 URL प्रीव्यू, 12 सेकंड के टाइमआउट के साथ 3 MB तक के HTML पेज, हर लिंक पर 7 प्लैटफ़ॉर्म प्रीव्यू और असीमित टैग एडिटिंग।

Open Graph और मेटा टैग प्रीव्यू के बारे में

मेटा टैग प्रीव्यूअर शेयर करने से पहले दिखाता है कि आपका लिंक कैसा दिखेगा। यह वे टैग पढ़ता है जिनसे लिंक प्रीव्यू बनते हैं: HTML टाइटल और मेटा डिस्क्रिप्शन, og:title, og:description, og:image और og:site_name जैसे Open Graph टैग, twitter:card जैसे X कार्ड टैग, और वह थीम कलर जिसे Discord अपनी एम्बेड पट्टी में इस्तेमाल करता है। फिर यह सात प्रीव्यू बनाता है: Google सर्च रिज़ल्ट, Facebook और LinkedIn के लिंक पोस्ट, बड़ी इमेज या सारांश वाला X कार्ड, Slack अनफ़र्ल, Discord एम्बेड और iMessage स्टाइल बबल।

कोई फ़ील्ड न हो तो प्रीव्यू वैसे ही विकल्प अपनाते हैं जैसे ज़्यादातर प्लैटफ़ॉर्म करते हैं, जैसे og:title की जगह पेज का टाइटल, और चेतावनियों में इसका स्रोत बताया जाता है। इमेज भी जाँची जाती है: उसका पिक्सल साइज़ और टाइप फ़ाइल हेडर से पढ़ा जाता है, इसलिए पता चल जाता है कि वह Facebook के 200 × 200 के न्यूनतम साइज़ से छोटी है, X की 5 MB सीमा से बड़ी है, असमर्थित SVG है, या 2:1 वाले बड़े कार्ड के लिए गलत आकार की है।

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

गोपनीयता

URL जाँचें में पता हमारे सर्वर पर जाता है, जो टैग और इमेज का साइज़ पढ़ने के लिए उस पेज को एक बार और og:image के शुरुआती बाइट डाउनलोड करता है; कुछ भी सेव या लॉग नहीं होता। प्रीव्यू इमेज आपके ब्राउज़र में सीधे उसी साइट से लोड होती हैं जहाँ वे होस्ट हैं। टैग लिखें सिर्फ़ आपके ब्राउज़र में चलता है।

खूबियाँ

सात प्रीव्यू

Google, Facebook, X, LinkedIn, Slack, Discord और iMessage स्टाइल कार्ड एक साथ, अगल-बगल।

og:image की जाँच

पिक्सल साइज़, फ़ाइल टाइप और साइज़ इमेज से ही पढ़े जाते हैं, प्लैटफ़ॉर्म के न्यूनतम मानकों के साथ।

टैग जनरेटर

टाइटल, विवरण और इमेज लिखें और Open Graph व X कार्ड का पूरा ब्लॉक कॉपी करें।

Open Graph और मेटा टैग प्रीव्यू: अक्सर पूछे जाने वाले सवाल

शेयर करने पर लिंक कैसा दिखे, यह कौन-से टैग तय करते हैं?
ज़्यादातर ऐप Open Graph टैग पढ़ते हैं: og:title, og:description, og:image, og:url और og:site_name। X छोटा या बड़ा कार्ड चुनने के लिए twitter:card पढ़ता है और बाकी के लिए Open Graph अपनाता है। Google सर्च HTML टाइटल और मेटा डिस्क्रिप्शन इस्तेमाल करता है। सभी सेट करें; यह टूल टैग लिखें टैब में पूरा सेट बना देता है।
og:image का साइज़ कितना होना चाहिए?
1200 × 630 पिक्सल, यानी 1.91:1 अनुपात, PNG, JPEG या WebP में और 5 MB से कम रखें। यह Facebook, LinkedIn, Slack और Discord के बड़े कार्ड भर देता है। X बड़ी इमेज वाले कार्ड के लिए इसे हल्का क्रॉप करके 2:1 कर देता है, इसलिए टेक्स्ट किनारों से दूर रखें। 600 पिक्सल से कम चौड़ी इमेज छोटे थंबनेल जैसी दिख सकती हैं, और SVG इमेज समर्थित नहीं हैं।
Facebook या LinkedIn अब भी पुराना प्रीव्यू क्यों दिखाते हैं?
जब कोई पहली बार URL शेयर करता है, प्लैटफ़ॉर्म लिंक प्रीव्यू कैश कर लेते हैं, अक्सर कई दिनों के लिए। टैग बदलने के बाद Facebook के Sharing Debugger या LinkedIn के Post Inspector से पेज को दोबारा स्क्रैप करवाएँ। Slack, Discord और iMessage भी कैश करते हैं और आमतौर पर कुछ देर बाद, या URL बदलने पर, जैसे क्वेरी स्ट्रिंग जोड़ने से, रीफ़्रेश हो जाते हैं।
URL जाँचने पर क्या कुछ सेव होता है?
नहीं। आपका ब्राउज़र पता हमारे सर्वर को भेजता है, जो सिर्फ़ टैग और इमेज का साइज़ पढ़ने के लिए पेज और उसकी og:image के पहले 256 KB डाउनलोड करता है, फिर नतीजा लौटा देता है। कुछ भी सेव या लॉग नहीं होता। आपको दिखने वाली प्रीव्यू तस्वीरें आपका अपना ब्राउज़र सीधे वेबसाइट से लोड करता है, जैसा असली ऐप में होता है।
प्रीव्यूअर मेरा पेज क्यों नहीं पढ़ पा रहा?
पेज http या https पर सार्वजनिक रूप से खुलना चाहिए। सुरक्षा के लिए निजी और लोकल नेटवर्क के पते नहीं खोले जाते। लॉगिन माँगने वाले या बॉट रोकने वाले पेज की जगह लॉगिन या चैलेंज पेज मिलता है। JavaScript से बाद में जोड़े गए टैग नहीं दिखते, क्योंकि सर्वर कच्चा HTML पढ़ता है, जैसा ज़्यादातर सोशल क्रॉलर करते हैं। टैग सर्वर-रेंडर्ड HTML में रखें।
सभी डेवलपर टूल