Open Graph प्रीव्यू: पाँच अलग लिंक कार्ड
एक ही og: टैग सेट, पाँच अलग नतीजे। Facebook डोमेन से शुरू करता है, X साइट का नाम हटा देता है, LinkedIn डिस्क्रिप्शन पूरी तरह छोड़ देता है, Slack सब कुछ एक रंगीन पट्टी के पीछे रखता है, और Google आपकी og:image को अनदेखा कर मेटा डिस्क्रिप्शन दिखाता है। टाइटल, डिस्क्रिप्शन, URL और इमेज एक बार डालें और पाँचों जाँचें।
इस टूल का उपयोग कैसे करें
पेज का URL डालें
कार्ड पर होस्ट दिखता है। स्कीम, www उपसर्ग और पाथ उसी तरह हटा दिए जाते हैं जैसे प्लेटफ़ॉर्म हटाते हैं। पूरा URL चिपकाएँ, बाकी प्रीव्यू संभाल लेता है।
टाइटल और डिस्क्रिप्शन जोड़ें
ये आपके og:title और og:description हैं। हर जगह अपना बजट लगता है, इसलिए जो टाइटल X पर समा जाता है वह Facebook पर कट जाता है और Google पर किसी और जगह कटता है।
og:image छोड़ें
वही 1200 गुणा 630 की इमेज अपलोड करें जो आपने og:image के तौर पर सेट की है। कार्ड उसे 1.91:1 में ठीक वैसे ही बिठाता है जैसे प्लेटफ़ॉर्म करते हैं, ताकि आप देख सकें कि ऊपर लिखा टेक्स्ट कटाव से बचता है या नहीं।
हर जगह देखें
Facebook, X, LinkedIn, Slack और Google पर जाएँ। अगर कोई टाइटल पूरी लंबाई में ही समझ आता है, तो जो जगह आपके लिए सबसे अहम है वही उसे सबसे ज़्यादा काटती है।
PNG एक्सपोर्ट करें
कार्ड को 2x PNG के रूप में डाउनलोड करें, किसी टिकट, क्वालिटी जाँच सूची या हैंडओवर नोट के लिए जो बताए कि लिंक कैसा दिखना चाहिए।
अक्सर पूछे जाने वाले प्रश्न
og:title कितना लंबा होना चाहिए?
60 कैरेक्टर या उससे कम रखने की कोशिश करें। Facebook उसी के आसपास काटता है, X करीब 70 तक देता है, LinkedIn करीब 119 के साथ ज़्यादा उदार है, और Google का सर्च टाइटल भी 60 के पास कटता है। सबसे छोटी सीमा के हिसाब से लिखने का मतलब है कि टाइटल हर जगह बचा रहेगा।
og:image का साइज़ क्या होना चाहिए?
1200 गुणा 630 पिक्सेल, यानी 1.91:1 अनुपात, वही साइज़ है जिसे हर बड़ा प्लेटफ़ॉर्म स्वीकार करता है। ज़रूरी टेक्स्ट को किनारों से दूर रखें: कुछ जगहें छोटे लेआउट में उसे ज़्यादा चौकोर काट देती हैं, और फ़्रेम तक पहुँचती हेडलाइन सबसे पहले कटती है।
LinkedIn मेरा डिस्क्रिप्शन क्यों अनदेखा करता है?
LinkedIn का फ़ीड कार्ड इमेज, टाइटल और डोमेन दिखाता है और og:description पूरी तरह छोड़ देता है। इसीलिए इस टूल के LinkedIn टैब में डिस्क्रिप्शन फ़ील्ड है ही नहीं। अगर आपकी बात डिस्क्रिप्शन में है तो LinkedIn शेयर उसमें से कुछ नहीं ले जाते और सारा काम टाइटल को करना पड़ता है।
क्या यह मेरे लाइव URL से टैग पढ़ेगा?
नहीं, और यह जानबूझकर है। URL पढ़ने का मतलब उसे सर्वर पर भेजना होता, जो इस साइट के बाकी हिस्से के तरीके के उलट है। जो मान आपने सेट किए हैं या करने वाले हैं उन्हें चिपकाएँ, और प्रीव्यू दिखा देगा कि लाइव होने पर वे क्या बनाएँगे।
Google का नतीजा बाकियों से अलग क्यों दिखता है?
Google सर्च नतीजों में Open Graph इस्तेमाल नहीं करता। वह स्निपेट आपके पेज टाइटल और मेटा डिस्क्रिप्शन से बनाता है और og:image नहीं दिखाता, इसलिए Google टैब कार्ड की जगह एक टेक्स्ट स्निपेट बनाता है। इसे इसलिए रखा है क्योंकि वही टेक्स्ट अक्सर दोनों जगह काम आता है।
आपको इनकी भी ज़रूरत हो सकती है
कुछ काम नहीं कर रहा? बग रिपोर्ट करें