सारांश: मुफ़्त Open Graph प्रीव्यू टूल दिखाता है कि पब्लिश करने से पहले आपका लिंक Facebook, X, LinkedIn और WhatsApp पर शेयर होने पर कैसा दिखेगा। title, description, इमेज URL, साइट का नाम और पेज का URL लिखें, चारों नेटवर्क के बीच स्विच करें, और चेकलिस्ट पढ़ें: 15 से 70 अक्षरों का title, 55 से 200 अक्षरों का description और 1200 × 630 पिक्सल की इमेज। फिर वे मान अपने og: टैग में कॉपी करें।
एक Open Graph प्रीव्यू एक सवाल का जवाब देता है: जब कोई आपका लिंक किसी पोस्ट या चैट में पेस्ट करता है, तो लोग क्या देखेंगे? जवाब पेज के head में कुछ meta टैग से आता है। Open Graph प्रोटोकॉल, जो ogp.me पर प्रकाशित है, हर पेज पर चार ज़रूरी प्रॉपर्टी बताता है: og:title, og:type, og:image और og:url। जब वे नहीं होतीं, तो हर प्लेटफ़ॉर्म अंदाज़ा लगाता है, और अक्सर अंदाज़ा गलत इमेज या शीर्षक की जगह मेन्यू का कोई लेबल होता है।
Open Graph प्रीव्यू टूल क्या दिखाता है?
टूल एक समय में एक शेयर कार्ड बनाता है, हर नेटवर्क के लिए एक टैब के साथ, और आपके टाइप करते ही उसे अपडेट करता है। हर प्लेटफ़ॉर्म एक ही टैग को अलग तरीके से लेआउट करता है, इसीलिए जो कार्ड एक नेटवर्क पर ठीक लगता है, वह दूसरे पर कट सकता है।
| नेटवर्क | टूल में कार्ड क्या दिखाता है | किस पर ध्यान दें |
|---|---|---|
| इमेज, डोमेन, title और description | पूरा कार्ड: हर फ़ील्ड मायने रखता है | |
| X | इमेज के ऊपर title, नीचे डोमेन | कमज़ोर इमेज अच्छे title को ढक देती है |
| इमेज, title और डोमेन | description नहीं दिखता, इसलिए title को संदेश उठाना होगा | |
| इमेज, title, description और डोमेन वाला चैट बबल | कार्ड छोटा है: title के पहले शब्द सबसे ज़्यादा मायने रखते हैं |
कार्ड के नीचे तीन लाइनों की चेकलिस्ट है, जो हरी या लाल होती है: title की लंबाई, description की लंबाई, और इमेज सेट है या नहीं। अगर इमेज URL लोड नहीं होता, तो कार्ड खाली प्लेसहोल्डर दिखाता है, और बिल्कुल ऐसा ही दिखता है जब असली फ़ीड में og:image टूटा होता है।
टूल का इस्तेमाल कैसे करें, चरण-दर-चरण?
- वह title भरें जो आप og:title में इस्तेमाल करना चाहते हैं। यह पेज के title tag से अलग हो सकता है: इसे फ़ीड स्क्रॉल करने वाले व्यक्ति के लिए लिखें, सर्च नतीजे के लिए नहीं।
- साइट का नाम (og:site_name) और description (og:description) जोड़ें।
- इमेज URL चिपकाएँ, यानी उस फ़ाइल का पूरा पता जिसे आप og:image में रखेंगे, https:// से शुरू होता हुआ।
- पेज का URL डालें: टूल वह डोमेन निकालता है जो हर नेटवर्क दिखाता है।
- टैब बदलें और Facebook, X, LinkedIn और WhatsApp एक के बाद एक जाँचें, और तीनों लाइनें हरी होने तक चेकलिस्ट ठीक करें।
कुछ भी भेजा या सेव नहीं होता: प्रीव्यू आपके ब्राउज़र में बनता है, इसलिए आप बिना पब्लिश हुए पेज और ड्राफ़्ट इमेज खुलकर जाँच सकते हैं।
पेज को कौन-से Open Graph टैग चाहिए?
प्रोटोकॉल चार टैग ज़रूरी बताता है, और दो और कार्ड को पूरा करते हैं। Open Graph प्रोटोकॉल यह भी माँगता है कि og:image वाले पेज पर og:image:alt हो, यानी इमेज में क्या दिखता है उसका वर्णन।
| टैग | भूमिका | उदाहरण मान |
|---|---|---|
| og:title | कार्ड का title | मुफ़्त Open Graph प्रीव्यू टूल |
| og:type | ऑब्जेक्ट का प्रकार: website, article, product… | article |
| og:image | प्रीव्यू इमेज का पूरा URL | https://example.com/og/cover.jpg |
| og:url | पेज का कैनोनिकल पता | https://example.com/guide |
| og:description | title के नीचे एक या दो वाक्य | शेयर करने से पहले देखें कि आपके लिंक कैसे दिखते हैं। |
| og:site_name | पूरी साइट का नाम | Example |
| og:image:alt | उन लोगों के लिए इमेज का वर्णन जो उसे देख नहीं सकते | बिक्री का चार्ट दिखाता हुआ लैपटॉप |
og:url को पेज के कैनोनिकल URL से मेल खाना चाहिए, ताकि एक ही पते के अलग-अलग संस्करण शेयर होने पर एक ही ऑब्जेक्ट में जुड़ें। ये सारे टैग एक साथ लिखने के लिए मेटा टैग जनरेटर इस्तेमाल करें, और SEO टैग व सोशल टैग के अंतर के लिए हमारी शब्दावली की प्रविष्टि मेटा टैग पढ़ें।
हर नेटवर्क पर कौन-सा इमेज साइज़ काम करता है?
1200 × 630 पिक्सल, यानी 1.91:1 का अनुपात, मुख्य नेटवर्क पर काम करता है। Meta हाई-रिज़ॉल्यूशन स्क्रीन पर सबसे अच्छे डिस्प्ले के लिए कम से कम 1200 × 630 पिक्सल की इमेज माँगता है, और कटने से बचने के लिए 1.91:1 के जितना हो सके उतने करीब अनुपात; LinkedIn उसी अनुपात में कम से कम 1200 × 627 पिक्सल माँगता है।
| प्लेटफ़ॉर्म | सुझाया गया साइज़ | न्यूनतम | अधिकतम फ़ाइल साइज़ |
|---|---|---|---|
| Facebook (Meta for Developers) | 1200 × 630 px, अनुपात 1.91:1 | 200 × 200 px; बड़े लिंक पोस्ट के लिए 600 × 315 px | 8 MB |
| LinkedIn (LinkedIn Help) | अनुपात 1.91:1 | 1200 × 627 px | 5 MB |
| Google Discover (Google Search Central) | 16:9, कम से कम 1200 px चौड़ा | कुल मिलाकर 300,000 से ज़्यादा पिक्सल | निर्दिष्ट नहीं |
विषय और कोई भी टेक्स्ट इमेज के बीच में रखें, क्योंकि कुछ लेआउट किनारे काट देते हैं। पब्लिश करने से पहले इमेज कंप्रेसर से फ़ाइल कंप्रेस करें: हल्की फ़ाइल हर नेटवर्क के लिए तेज़ी से लोड होती है।
og:title और og:description कितने लंबे होने चाहिए?
title के लिए 15 से 70 अक्षर और description के लिए 55 से 200 अक्षर का लक्ष्य रखें। चेकलिस्ट यही दायरे इस्तेमाल करती है: इनसे नीचे कार्ड खाली लगता है, और इनसे ऊपर ज़्यादातर लेआउट टेक्स्ट को एलिप्सिस से काट देते हैं, खासकर मोबाइल पर और WhatsApp के छोटे बबल में।
- ज़रूरी शब्द पहले रखें। LinkedIn पर description छिपा रहता है, और X पर title इमेज के ऊपर बैठता है: title की शुरुआत अकेले भी काम करनी चाहिए।
- meta description को शब्दशः न कॉपी करें। सर्च स्निपेट किसी क्वेरी का जवाब देता है; शेयर कार्ड को किसी को स्क्रॉल करते हुए रोकना होता है। सर्च स्निपेट का ड्राफ़्ट meta description जनरेटर और SERP प्रीव्यू से बनाएँ, फिर सोशल के लिए ढालें।
- क्लिकबेट से बचें। ऐसा कार्ड जो पेज से ज़्यादा वादा करे, ऐसे विज़िट लाता है जो तुरंत लौट जाते हैं।
क्या Open Graph टैग SEO में मदद करते हैं?
रैंकिंग फ़ैक्टर के रूप में नहीं, लेकिन Google उनमें से कुछ पढ़ता है। Google og:title की सामग्री को उन स्रोतों में गिनता है जिनसे वह सर्च नतीजों में title लिंक बनाता है (Google, title links). उसका साइट नाम सिस्टम WebSite structured data के बाद og:site_name पर भी विचार करता है (Google, साइट नाम). और Discover के लिए Google सलाह देता है कि schema.org मार्कअप या og:image टैग से एक बड़ी, प्रतिनिधि इमेज बताई जाए, और लोगो जैसी सामान्य इमेज से बचा जाए।
अप्रत्यक्ष असर भी मायने रखते हैं। जब आपका पेज शेयर होता है, तो साफ़ कार्ड ज़्यादा क्लिक लाता है, और हर शेयर पढ़े, उद्धृत किए और लिंक किए जाने का मौका होता है। Google सोशल गतिविधि से क्या लेता है और क्या नहीं, यह हमारी शब्दावली की प्रविष्टि सोशल सिग्नल में समझाया गया है।
कोई नेटवर्क अब भी पुराना प्रीव्यू क्यों दिखाता है?
क्योंकि प्लेटफ़ॉर्म जो पहली बार पढ़ते हैं उसे कैश कर लेते हैं। Meta बताता है कि उसका क्रॉलर किसी URL के पहली बार शेयर होने पर उसका मेटाडेटा स्क्रैप करके कैश करता है, इमेज उनके URL से कैश होती हैं, और इमेज अपडेट करने से पुराने शेयर का प्रीव्यू नहीं बदलता। पेज ताज़ा करने के लिए उसे Sharing Debugger से चलाएँ, और नई इमेज को पुराने पर लिखने के बजाय नया फ़ाइल नाम दें। LinkedIn यही ताज़ा करना अपने Post Inspector से देता है।
अगर इमेज कभी नहीं दिखती, तो जाँचें कि फ़ाइल सार्वजनिक है: LinkedIn बताता है कि ऐसी साइट जो उसके क्रॉलर को ब्लॉक करती है, या संरक्षित फ़ोल्डर में रखी इमेज, प्रीव्यू को रोकती है।
कौन-सी गलतियाँ शेयर कार्ड तोड़ती हैं?
- सापेक्ष इमेज URL, जैसे /img/cover.jpg। नेटवर्क इमेज को आपकी साइट के बाहर से लाते हैं और उन्हें पूरा https:// पता चाहिए।
- बिल्कुल भी og:image न होना। नेटवर्क पेज की कोई भी इमेज चुन लेता है, अक्सर लोगो या आइकन।
- दो og:title या og:image टैग, जो एक ही समय में थीम और प्लगइन दोनों ने जोड़े हों। हर एक में से एक रखें।
- हर पेज पर एक ही इमेज। साइट-व्यापी लोगो हर शेयर को एक जैसा बना देता है; Google भी Discover के लिए सामान्य इमेज के खिलाफ़ सलाह देता है।
- लोड के बाद JavaScript से जोड़े गए टैग। शेयर क्रॉलर सर्वर से लौटा HTML पढ़ते हैं; बाद में डाले गए टैग शायद कभी दिखें ही नहीं।
शेयर कार्ड कंटेंट प्लान में कैसे फ़िट होते हैं?
आपका हर पब्लिश किया लेख कहीं न कहीं शेयर होगा: किसी न्यूज़लेटर में, LinkedIn पोस्ट में, टीम चैट में या फ़ोरम के जवाब में। लेख के साथ ही कार्ड की योजना बनाने से लॉन्च के बाद सुधारों का एक दौर बच जाता है। Sorank ब्लॉग लेख जनरेटर स्रोत-आधारित लेख लिखता है, कवर इमेज के साथ, और उन्हें आपकी साइट पर पब्लिश करता है, और GEO और SEO डैशबोर्ड फिर उन पेजों को Google और AI जवाबों में मिलने वाले ट्रैफ़िक और उल्लेखों पर नज़र रखता है।
एक अच्छा शेयर कार्ड 1200 × 630 की इमेज, साफ़ title और ईमानदार description है, जिसे पोस्ट करने से पहले हर नेटवर्क पर जाँचा गया हो। अपना प्रीव्यू अभी देखें, फिर ऐसा कंटेंट autopilot पर पब्लिश करने के लिए Sorank के प्लान देखें जो शेयर के लिए तैयार हो।
