Open Graph प्रीव्यू क्या है?

Open Graph Preview दिखाता है कि Facebook, Twitter, LinkedIn और अन्य सोशल प्लेटफ़ॉर्म पर शेयर करने पर आपका URL कैसा दिखेगा। अपने OG मेटा टैग की वैल्यू दर्ज करें और पब्लिश करने से पहले सोशल शेयर कार्ड का लाइव मॉकअप देखें।

प्रीव्यू आपके og:title, og:description, og:image, og:site_name और og:url टैग पढ़कर हर सोशल नेटवर्क का असली लेआउट दिखाता है। Facebook करीब 88 अक्षरों पर शीर्षक काट देता है, Twitter के बड़े इमेज कार्ड को 2:1 अनुपात चाहिए, और LinkedIn लगभग 200 अक्षरों के बाद विवरण को छोटा करके तीन बिंदु जोड़ता है।

उपयोग कैसे करें

1. अपने Open Graph टैग दर्ज करें: टाइटल, डिस्क्रिप्शन, इमेज URL, साइट नाम और URL।
2. Google खोज, Facebook, Twitter, LinkedIn, WhatsApp, Slack, Discord और Pinterest आठ कार्ड स्वरूपों के वास्तविक समय पूर्वावलोकन साथ-साथ देखें।
3. अपने टाइटल की लंबाई, डिस्क्रिप्शन और इमेज डाइमेंशन को तब तक एडजस्ट करें जब तक प्रीव्यू सभी प्लेटफ़ॉर्म पर परफ़ेक्ट न दिखे।

कब उपयोग करें

• किसी ब्लॉग पोस्ट या मार्केटिंग पेज को पब्लिश करने से पहले सोशल पर लुक जाँचना हो।
• मौजूदा साइट के शेयर प्रीव्यू टूटे या इमेज खाली दिख रहे हों, तो जाँच करते समय।
• नई OG इमेज टेम्पलेट डिज़ाइन करते समय यह पक्का करने के लिए कि शीर्षक विज़ुअल को न ढके।

परिणाम

अपनी नई ब्लॉग पोस्ट LinkedIn पर शेयर करने से पहले जाँचें कि OG इमेज अजीब तरह से क्रॉप तो नहीं हो रही और डिस्क्रिप्शन Twitter के 200-कैरेक्टर कार्ड लिमिट में ठीक से पढ़ा जा रहा है।

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

Open Graph इमेज का सही साइज़ क्या है?

1200x630 पिक्सेल सबसे सुरक्षित डिफ़ॉल्ट है। Facebook और LinkedIn इसे 1.91:1 पर दिखाते हैं और Twitter का summary_large_image कार्ड भी यही अनुपात रखता है। फ़ाइल 5 MB से कम रखें और JPEG या PNG चुनें।

मेटा टैग बदलने के बाद भी Facebook प्रीव्यू अपडेट क्यों नहीं होता?

Facebook करीब 24 घंटे के लिए OG डेटा कैश करता है। URL को Meta के Sharing Debugger में पेस्ट करके 'Scrape Again' दबाने से वह दोबारा पढ़ लेगा। LinkedIn में यही काम Post Inspector से होता है।

अगर पहले से og:* टैग हैं तो क्या twitter:* टैग भी चाहिए?

Twitter twitter:* टैग न होने पर og:title, og:description और og:image को ही पढ़ लेता है, इसलिए आम पेज बिना twitter टैग के भी काम करते हैं। अलग शीर्षक या अलग इमेज सिर्फ़ Twitter के लिए दिखानी हो तभी twitter:card और twitter:image जोड़ें।

Twitter में summary और summary_large_image में क्या फ़र्क है?

summary टेक्स्ट के साथ छोटा वर्गाकार थंबनेल दिखाता है, जो ख़बरों और लेखों के लिए अच्छा है। summary_large_image टेक्स्ट के ऊपर चौड़ी इमेज लगाता है और लैंडिंग पेज, वीडियो जैसे विज़ुअल कंटेंट के लिए बेहतर रहता है।

क्या एनिमेटेड GIF को og:image बना सकते हैं?

सोशल नेटवर्क GIF स्वीकार करते हैं पर सिर्फ़ पहला फ़्रेम दिखाते हैं। ज़रूरी जानकारी उसी फ़्रेम पर रखकर PNG या JPEG बनाएँ, या एनिमेशन को छोटे MP4 में बदलकर og:video से जोड़ें।

संबंधित उपकरण