जब आप किसी मैसेज, ट्वीट, LinkedIn पोस्ट या Slack चैनल में लिंक पेस्ट करते हैं, तो प्लेटफ़ॉर्म एक प्रीव्यू कार्ड खींच लेता है — एक बड़ी इमेज, एक टाइटल, एक स्निपेट। वही इमेज Open Graph (OG) इमेज होती है, और वो आपकी हेडलाइन से भी ज़्यादा काम कर रही होती है। तेज़ी से स्क्रॉल होते फ़ीड में तस्वीर ही अंगूठे को रोकती है। खाली या टूटा हुआ प्रीव्यू कम मेहनत का संकेत देता है और लोग उसे छोड़ देते हैं।
यहां बताया गया है कि सही साइज़ में, ऐसी पढ़ने लायक टेक्स्ट के साथ OG इमेज कैसे बनाएं जो क्लिक कमा ले।
साइज़: 1200×630
स्टैंडर्ड OG इमेज 1200×630 पिक्सल की होती है, यानी 1.91:1 अनुपात। Facebook, LinkedIn, Slack, Discord और ज़्यादातर लिंक-प्रीव्यू सिस्टम इसी के इर्द-गिर्द बने हैं। इसे सही रखिए, और आप लगभग हर जगह कवर हैं।
लिंक कहां जा रहा है इस पर कुछ मिलते-जुलते साइज़ भी सामने आते हैं:
| प्लेटफ़ॉर्म / उपयोग | साइज़ | अनुपात |
|---|---|---|
| Open Graph (डिफ़ॉल्ट) | 1200×630 | 1.91:1 |
| Twitter/X लार्ज कार्ड | 1200×628 | ~1.91:1 |
| YouTube थंबनेल | 1280×720 | 16:9 |
| स्क्वेयर (फ़ीड/IG) | 1080×1080 | 1:1 |
| स्टोरी / वर्टिकल | 1080×1920 | 9:16 |
एक ब्लॉग पोस्ट के लिए आपको इन सबकी ज़रूरत नहीं — 1200×630 ही असली घोड़ा है। पर अगर आप वीडियो थंबनेल या स्क्वेयर सोशल पोस्ट भी बना रहे हैं, तो एक इमेज को बुरी तरह क्रॉप करने के बजाय सही आकार में जनरेट करना बेहतर रहता है।
टेक्स्ट के नियम: थंबनेल साइज़ पर भी पढ़ने लायक
OG इमेज को बरबाद करने वाली सबसे बड़ी गलती है उसे ऐसे पोस्टर की तरह समझना जिसे आप फुल-स्क्रीन देखेंगे। आप नहीं देखेंगे। ज़्यादातर लोग कार्ड को उसके असली साइज़ के शायद एक तिहाई पर, फ़ोन पर, स्क्रॉल करते हुए देखते हैं। डिज़ाइन उसी के लिए करें।
- बड़ा टेक्स्ट, कम शब्द। एक छोटा टाइटल — पांच से आठ शब्द — जो कार्ड सिकुड़ने पर भी पढ़ा जा सके। अगर फुल साइज़ पर भी आंखें सिकोड़नी पड़ें, तो फ़ीड में वो अपठनीय है।
- तेज़ कंट्रास्ट। गहरे या चटख बैकग्राउंड पर हल्का टेक्स्ट, या उल्टा। बिना किसी बैकिंग के व्यस्त फ़ोटो पर बैठा टेक्स्ट गायब हो जाता है।
- ज़रूरी चीज़ें बीच में रखें। अलग-अलग प्लेटफ़ॉर्म किनारों को थोड़ा अलग तरह से क्रॉप करते हैं। टेक्स्ट और लोगो को बाहरी हाशियों से दूर रखें ताकि कुछ कटे नहीं।
- एक इमेज, एक विचार। OG इमेज एक हुक है, सारांश नहीं। टाइटल, शायद एक सबटाइटल, बस।
ऐसे बैकग्राउंड जो टेक्स्ट को उभारें
एक सादा ग्रेडिएंट भरोसेमंद विकल्प है। यह टेक्स्ट को बैठने के लिए साफ़ जगह देता है, आधुनिक दिखता है, और व्यस्त फ़ोटो की तरह शब्दों से नहीं लड़ता। गहरे-से-थोड़ा-गहरे ग्रेडिएंट पर हल्का टेक्स्ट लगभग नाकाम न होने वाला फ़ॉर्मूला है।
OG Image टूल ठीक इसी के इर्द-गिर्द बना है: एक साइज़ प्रीसेट चुनें (OG 1200×630, Twitter, YouTube, स्क्वेयर, या स्टोरी), एक ग्रेडिएंट बैकग्राउंड चुनें, और अपना टाइटल व सबटाइटल जोड़ें। आपको एक ऐसा शेयर कार्ड मिलता है जो हर साइज़ पर साफ़ पढ़ा जाए, बिना कोई भारी डिज़ाइन ऐप खोले।
वो HTML जो इसे दिखाता है
इमेज बनाना आधा काम है। प्लेटफ़ॉर्म को पता होना चाहिए कि उसे कहां ढूंढना है। अपने पेज के <head> में ये टैग जोड़ें:
<meta property="og:image" content="https://yoursite.com/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:title" content="Your title">
<meta property="og:description" content="One clear sentence.">
<meta name="twitter:card" content="summary_large_image">
twitter:card लाइन को summary_large_image पर सेट करने से ही आपको छोटे थंबनेल के बजाय X पर बड़ा कार्ड मिलता है। एब्सोल्यूट URL (https:// के साथ) मायने रखते हैं — जब कोई स्क्रैपर आपका पेज फ़ेच करता है तो रिलेटिव पाथ अक्सर रिज़ॉल्व होने में नाकाम रहते हैं।
डिप्लॉय करने के बाद, इसे टेस्ट करें। अपना URL किसी प्लेटफ़ॉर्म के लिंक-प्रीव्यू डिबगर (Facebook का Sharing Debugger, LinkedIn का Post Inspector) में पेस्ट करें ताकि पुष्टि हो सके कि इमेज लोड हो रही है और कोई पुराना कैश्ड वर्ज़न साफ़ हो जाए। प्लेटफ़ॉर्म प्रीव्यू को आक्रामक तरीके से कैश करते हैं, इसलिए अगर आपने इमेज अपडेट की और फिर भी पुरानी दिख रही है, तो डिबगर का री-स्क्रैप बटन ही समाधान है।
इसे बनाएं, अपलोड न करें
पूरा काम आपके ब्राउज़र में चलता है — इमेज लोकल रूप से Canvas से बनती है और कभी किसी सर्वर पर अपलोड नहीं होती। यह फ़्री है, कोई साइन-अप नहीं, आपके शेयर कार्ड पर कोई वॉटरमार्क नहीं ठुकता, और पहली बार खोलने के बाद यह ऑफ़लाइन भी चलता है। 1200×630 जनरेट करें, मेटा टैग जोड़ें, एक बार डिबगर से गुज़ारें, और आपके लिंक अपना वज़न उठाना शुरू कर देंगे।