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

1200×630 पिक्सल। यह Facebook, LinkedIn और X पर सबसे कम कटने वाला साइज़ है, और टाइमलाइन में छोटा दिखने पर भी पढ़ने लायक़ रहता है।

मेरे पेज की शेयर इमेज क्यों नहीं दिख रही?

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

क्या X के लिए अलग इमेज चाहिए?

नहीं। twitter:card की वैल्यू summary_large_image हो तो X वही Open Graph इमेज इस्तेमाल करता है। अलग इमेज तभी चाहिए जब आप वहाँ कोई दूसरी इमेज दिखाना चाहें।

क्या शेयर इमेज सर्च रैंकिंग को प्रभावित करती है?

यह सीधा रैंकिंग फ़ैक्टर नहीं है, लेकिन प्लैटफ़ॉर्म और चैट से आपके पेज की ओर आने वाले हर लिंक पर क्लिक की दर बढ़ाती है, और उसे ख़ाली छोड़ने से बचने के लिए इतना काफ़ी है।

फ्रंटएंड स्टूडियोOpen Graph इमेज जनरेटरटूल बदलें

Open Graph इमेज जनरेटर

जिस पेज में og:image नहीं होती, वह हर उस फ़ीड में ख़ाली कार्ड के साथ दिखता है जो उसे लिंक करती है। यह टूल आपके लिखे शीर्षक से ही कार्ड बनाता है, उस साइज़ में जो हर प्लैटफ़ॉर्म अपेक्षा करता है, और उसके साथ पेस्ट करने के लिए meta टैग देता है।

साइज़: 1200×630, चौकोर, चौड़ा
इसमें शामिल: meta टैग
आपका डिज़ाइन: टैब से बाहर नहीं जाता

कार्ड पर क्या लिखा है

शीर्षक बाहर निकलने की बजाय छोटा होकर समा जाता है।

शीर्षकइसे लगभग दस शब्दों से कम रखें, फ़ीड लंबे शीर्षक काट देती हैं।उप-शीर्षकज़्यादा से ज़्यादा दो पंक्तियाँ, बाक़ी हट जाता है।साइट या हैंडलकार्ड के निचले हिस्से में दिखता है, और इमेज URL में इस्तेमाल होता है।

थीमकार्ड के बैकग्राउंड और टेक्स्ट की रंग योजना।

साइज़1200×630 ज़्यादातर साइट के लिए ठीक है; चौकोर Instagram और चैट के लिए।

वैकल्पिक: ऊपरी लेबल और लोगो

ऊपरी लेबलशीर्षक के ऊपर एक छोटा लेबल। वैकल्पिक।लोगोपारदर्शी बैकग्राउंड वाला PNG या SVG सबसे अच्छा रहता है।

प्रीव्यू

1200 × 630

इसके साथ लगने वाले टैग

PNG को अपनी साइट पर अपलोड करें, फिर इन्हें पेज के head में पेस्ट करें।

<meta property="og:title" content="आपकी ज़रूरत का हर आइकन, हर वह फ़ॉर्मेट जो आप शिप करते हैं">
<meta property="og:description" content="तेज़ CDN से मिलने वाली चुनी हुई आइकन लाइब्रेरी, और ब्राउज़र टूल जो इमेज, ऑडियो और डॉक्यूमेंट को बिना अपलोड किए कन्वर्ट करते हैं।">
<meta property="og:image" content="https://frugaldomain.site/og-image.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">

1200 × 630 ही क्यों

यह वह साइज़ है जिसे Facebook, LinkedIn और X सबसे कम काटते हैं, और टाइमलाइन में कार्ड जब उस चौड़ाई के एक तिहाई पर दिखता है तब भी टेक्स्ट पढ़ने लायक़ रहता है। Instagram और छोटा थंबनेल दिखाने वाले चैट ऐप के लिए चौकोर साइज़ बेहतर है।

इमेज तक पहुँच संभव होनी चाहिए

क्रॉलर कुछ भी दिखाने से पहले og:image को सार्वजनिक इंटरनेट से लाते हैं, इसलिए रिलेटिव path, स्टेजिंग डोमेन या लॉगिन के पीछे की फ़ाइल, सब ख़ाली कार्ड देते हैं। लाइव साइट पर पूरा https URL इस्तेमाल करें।

फ़ीड पुराना कार्ड कैश रखती हैं

एक बार प्लैटफ़ॉर्म कार्ड ले ले तो वह कई दिनों तक पुराना ही दिखाता रहता है। Facebook का sharing debugger और LinkedIn का post inspector दोनों दोबारा लाने को मजबूर करते हैं; X अपने शेड्यूल से ताज़ा करता है, इसलिए अभी चाहिए तो फ़ाइल का नाम बदल दें।

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

Open Graph इमेज का सही साइज़ क्या है?: 1200×630 पिक्सल। यह Facebook, LinkedIn और X पर सबसे कम कटने वाला साइज़ है, और टाइमलाइन में छोटा दिखने पर भी पढ़ने लायक़ रहता है।
मेरे पेज की शेयर इमेज क्यों नहीं दिख रही?: तीन आम कारण: URL रिलेटिव है, पूरा नहीं; फ़ाइल लॉगिन के पीछे है या ऐसे टेस्ट डोमेन पर है जहाँ क्रॉलर नहीं पहुँच सकता; या प्लैटफ़ॉर्म ने पुराना कार्ड कैश कर रखा है। उसी प्लैटफ़ॉर्म के डेवलपर टूल से दोबारा लाने को कहें।
क्या X के लिए अलग इमेज चाहिए?: नहीं। twitter:card की वैल्यू summary_large_image हो तो X वही Open Graph इमेज इस्तेमाल करता है। अलग इमेज तभी चाहिए जब आप वहाँ कोई दूसरी इमेज दिखाना चाहें।
क्या शेयर इमेज सर्च रैंकिंग को प्रभावित करती है?: यह सीधा रैंकिंग फ़ैक्टर नहीं है, लेकिन प्लैटफ़ॉर्म और चैट से आपके पेज की ओर आने वाले हर लिंक पर क्लिक की दर बढ़ाती है, और उसे ख़ाली छोड़ने से बचने के लिए इतना काफ़ी है।