LinkedIn पर लिंक टूटे क्यों दिखते हैं (Open Graph टैग कैसे ठीक करें)

आप एक घंटा लगाकर LinkedIn पोस्ट लिखते हैं, लिंक पेस्ट करते हैं और प्रीव्यू आने का इंतज़ार करते हैं। कुछ नहीं आता। या इससे भी बुरा: गलत इमेज दिखती है, टाइटल बिगड़ा हुआ है, और डिस्क्रिप्शन में पेज के टेक्स्ट का कोई बेतरतीब टुकड़ा है जिसका संदर्भ के बिना कोई मतलब नहीं बनता।

ऐसा सिर्फ़ आपके साथ नहीं होता। टूटे हुए लिंक प्रीव्यू डिजिटल मार्केटिंग की सबसे आम समस्याओं में से हैं, और सबसे आसानी से ठीक होने वाली समस्याओं में भी। यह गाइड आठ सबसे आम वजहें बताती है, यह दिखाती है कि ठीक-ठीक क्या जांचना है, और नीचे दिए Open Graph Preview टूल से आप अपना URL खुद टेस्ट कर सकते हैं।

Open Graph टैग क्या होते हैं?

जब आप LinkedIn, Facebook, Slack, Twitter/X, iMessage या लगभग किसी भी सोशल प्लेटफ़ॉर्म पर URL शेयर करते हैं, तो वह प्लेटफ़ॉर्म सिर्फ़ सादा लिंक नहीं दिखाता। वह बैकग्राउंड में पेज खोलता है, Open Graph (OG) टैग कहलाने वाले छिपे HTML टैग का एक सेट पढ़ता है, और उनसे टाइटल, डिस्क्रिप्शन और इमेज वाला प्रीव्यू कार्ड बनाता है।

Open Graph को मूल रूप से Facebook ने बनाया था और 2010 में एक खुले प्रोटोकॉल के रूप में प्रकाशित किया था।^[1] तब से यह लगभग हर प्लेटफ़ॉर्म पर लिंक प्रीव्यू का मानक बन चुका है। किसी पेज के HTML <head> में OG टैग का एक आम सेट ऐसा दिखता है:

<meta property="og:title" content="Your Page Title" />
<meta property="og:description" content="A short description of this page." />
<meta property="og:image" content="https://example.com/images/preview.jpg" />
<meta property="og:url" content="https://example.com/your-page/" />
<meta property="og:type" content="website" />

जब ये टैग मौजूद हों, सही हों और स्क्रेपर इन तक पहुंच सके, तो प्रीव्यू ठीक से काम करते हैं। इनमें से कोई एक भी गायब, गलत या ब्लॉक हो, तो प्रीव्यू टूट जाता है, और कई बार बिना किसी चेतावनी के।

ये शब्द नए हैं? Open Graph टैग, सोशल प्रीव्यू, canonical URL और इनसे जुड़ी बातों की आसान परिभाषाओं के लिए लिंक शॉर्टनिंग शब्दावली देखें।

अपना URL अभी टेस्ट करें

आठ वजहों पर आने से पहले, जिस भी URL पर आप काम कर रहे हैं उसे नीचे दिए टूल से जांच लें। यह आपका पेज उसी तरह खोलता है जैसे LinkedIn और Facebook खोलते हैं, और ठीक-ठीक दिखाता है कि कौन-से टैग मौजूद हैं, कौन-से गायब हैं और प्रीव्यू कैसा दिखेगा।

लिंक प्रीव्यू टूटने की 8 सबसे आम वजहें

1. OG टैग हैं ही नहीं

सबसे आम वजह। कई वेबसाइटों, खासकर पुरानी साइटों, खुद बनाए गए टूल और ऐप पेजों के HTML में Open Graph टैग होते ही नहीं। जब सोशल प्लेटफ़ॉर्म को ये नहीं मिलते, तो वह अपने हिसाब से काम चलाता है: पेज का <title> ले सकता है, बॉडी टेक्स्ट का पहला पैराग्राफ़ उठा सकता है, या कोई इमेज ही नहीं दिखाता।

क्या जांचें: अपने पेज का सोर्स देखें (ज़्यादातर ब्राउज़र में राइट-क्लिक → “View Page Source”) और og:title खोजें। कुछ न मिले, तो टैग मौजूद नहीं हैं।

कैसे ठीक करें: ऊपर दिए पांच मुख्य टैग अपने पेज के <head> सेक्शन में जोड़ें। अगर आप WordPress पर हैं, तो Yoast SEO या Rank Math जैसे प्लगइन यह अपने आप कर देते हैं। ज़्यादातर वेबसाइट बिल्डर (Squarespace, Webflow, Wix) में हर पेज के लिए SEO या सोशल शेयरिंग की सेटिंग्स का अलग पैनल होता है।

2. OG इमेज बहुत छोटी है

प्लेटफ़ॉर्म इमेज की न्यूनतम लंबाई-चौड़ाई तय करते हैं, और उससे छोटी इमेज दिखाने से इनकार कर देते हैं। उदाहरण के लिए, बड़े कार्ड फ़ॉर्मैट के लिए LinkedIn को कम से कम 1200 × 627 पिक्सल की इमेज चाहिए।^[2] Facebook भी यही साइज़ सुझाता है, और आपकी इमेज छोटी हो तो छोटा थंबनेल दिखाता है या कोई इमेज नहीं दिखाता।

आम गड़बड़ी वाली इमेज: कंपनी का लोगो (आमतौर पर चौकोर और छोटा), favicon, या कोई स्टॉक फ़ोटो जिसे अपलोड करने से पहले कंप्रेस करके छोटा कर दिया गया हो।

क्या जांचें: प्रीव्यू टूल वह इमेज दिखाएगा जो असल में मिली, और उसकी लंबाई-चौड़ाई भी। आज के प्लेटफ़ॉर्म के लिए सही साइज़ की OG इमेज 1200 × 630 पिक्सल (1.91:1 का आस्पेक्ट रेशियो) होती है।

कैसे ठीक करें: 1200 × 630 पिक्सल की एक अलग सोशल शेयरिंग इमेज बनाएं। यह आपके पेज की मुख्य (hero) इमेज से अलग है: इसे खास तौर पर इस तरह बनाया जाता है कि आड़े कार्ड में कटकर भी अच्छी दिखे। Canva जैसे टूल में ठीक इसी साइज़ के तैयार टेम्पलेट मिलते हैं।

3. प्लेटफ़ॉर्म ने पुराना प्रीव्यू कैश कर रखा है

LinkedIn, Facebook और दूसरे प्लेटफ़ॉर्म लिंक प्रीव्यू को बहुत ज़्यादा कैश करते हैं, कई बार दिनों या हफ़्तों तक। इसका मतलब है कि OG टैग ठीक करने के बाद भी पुराना (टूटा हुआ) प्रीव्यू दिखता रहता है, क्योंकि प्लेटफ़ॉर्म ने पेज दोबारा नहीं खोला है।

यह सबसे झुंझलाने वाली स्थितियों में से है, क्योंकि सुधार लाइव हो चुका है, फिर भी कुछ बदला हुआ नहीं दिखता।

कैसे ठीक करें: हर बड़ा प्लेटफ़ॉर्म एक स्क्रेपर या डीबगर टूल देता है, जिससे पेज ज़बरदस्ती दोबारा खुलवाया जा सकता है:

• LinkedIn: LinkedIn Post Inspector इस्तेमाल करें। अपना URL पेस्ट करें, “Inspect” पर क्लिक करें, और यह नया डेटा स्क्रेप करके उस URL का कैश साफ़ कर देगा।
• Facebook / Meta: Meta Sharing Debugger इस्तेमाल करें। अपना URL पेस्ट करें और “Scrape Again” पर क्लिक करें।
• Twitter/X: यहां कैश ज़्यादा जल्दी साफ़ होता है, लेकिन पहली बार URL के आखिर में कोई बेअसर क्वेरी पैरामीटर (जैसे ?v=2) जोड़कर रिफ़्रेश करवाया जा सकता है, फिर उसे हटा दें।

कोई भी OG टैग बदलने के बाद पहला कदम कैश साफ़ करवाना रखें।

4. रीडायरेक्ट बीच में आ रहा है

अगर आखिरी पेज लोड होने से पहले आपका URL किसी दूसरे URL पर रीडायरेक्ट होता है, तो कुछ प्लेटफ़ॉर्म OG टैग आखिरी पेज की जगह बीच वाले URL से पढ़ते हैं, या रीडायरेक्ट को फ़ॉलो ही नहीं कर पाते।^[3]

यह खासकर इन मामलों में होता है:

• शॉर्ट लिंक (जो लंबे डेस्टिनेशन URL पर रीडायरेक्ट करते हैं)
• पुराने URL जो 301-रीडायरेक्ट से नए URL पर जाते हैं
• ट्रैकिंग पैरामीटर वाले लिंक, जो किसी रीडायरेक्ट लेयर से गुज़रते हैं
• कई हॉप से होकर जाने वाले affiliate लिंक

रीडायरेक्ट चेन, जिसमें URL A से URL B पर और फिर URL C पर रीडायरेक्ट होता है, समस्या को काफ़ी बढ़ा देती है। हर हॉप पर स्क्रेपर के हार मान लेने या गलत पेज पढ़ने का एक और मौका बनता है।

कैसे ठीक करें: रीडायरेक्ट का रास्ता जितना हो सके उतना छोटा रखें (आदर्श रूप से सीधे आखिरी पेज तक एक हॉप)। पक्का कर लें कि आखिरी डेस्टिनेशन पेज पर सही OG टैग हों। अगर आप लिंक शॉर्टनर इस्तेमाल करते हैं, तो देखें कि क्या आपका प्लेटफ़ॉर्म OG टैग को आगे पहुंचाने (passthrough) या अपना सोशल प्रीव्यू सेट करने की सुविधा देता है। कई लिंक मैनेजमेंट प्लेटफ़ॉर्म सीधे शॉर्ट लिंक पर ही OG डेटा सेट करने देते हैं, जिससे डेस्टिनेशन पेज पर जो भी हो, वह बीच में नहीं आता।

5. OG इमेज की फ़ाइल बहुत बड़ी है

लंबाई-चौड़ाई के साथ फ़ाइल का साइज़ भी मायने रखता है। Facebook की आधिकारिक गाइडेंस OG इमेज को 8MB से छोटा रखने को कहती है,^[4] लेकिन व्यवहार में 1–2MB से बड़ी इमेज पर स्क्रेपर अक्सर टाइमआउट हो जाते हैं, खासकर धीमे सर्वर या शेयर्ड होस्टिंग पर।

4K स्क्रीनशॉट, डिज़ाइन सॉफ़्टवेयर से एक्सपोर्ट किया गया बिना कंप्रेस वाला PNG, या कैमरे की कच्ची फ़ोटो, सही पिक्सल साइज़ के बावजूद आसानी से 5–15MB की हो सकती है।

कैसे ठीक करें: अपलोड करने से पहले OG इमेज कंप्रेस करें। Squoosh (ब्राउज़र में चलने वाला Google का मुफ़्त इमेज कंप्रेसर) या TinyPNG जैसे टूल क्वालिटी में कोई दिखने वाली गिरावट लाए बिना फ़ाइल साइज़ 60–80% तक घटा सकते हैं। सभी प्लेटफ़ॉर्म पर तेज़ और भरोसेमंद लोडिंग के लिए 500KB से कम का लक्ष्य रखें।

6. गलत MIME टाइप भेजा जा रहा है

MIME टाइप वह लेबल है जो सर्वर किसी फ़ाइल के साथ लगाता है, ताकि ब्राउज़र (या स्क्रेपर) को पता चले कि फ़ाइल किस तरह की है। अगर आपका सर्वर इमेज को गलत MIME टाइप के साथ भेजता है, जैसे JPEG पर text/html का लेबल, तो स्क्रेपर उसे अस्वीकार कर देंगे और कोई इमेज नहीं दिखाएंगे, भले ही फ़ाइल अपने आप में बिल्कुल ठीक हो।^[5]

यह सुनने में दुर्लभ लगता है, लेकिन उम्मीद से कहीं ज़्यादा होता है, खासकर इन मामलों में:

• गलत तरीके से कॉन्फ़िगर किए गए हेडर वाले CDN से आने वाली इमेज
• सही एक्सटेंशन के बिना अपलोड की गई फ़ाइलें (जैसे preview.jpg की जगह preview)
• ऐसे सर्वर जो हर अनजान फ़ाइल को डिफ़ॉल्ट रूप से application/octet-stream बताते हैं

क्या जांचें: Open Graph Preview टूल आपकी OG इमेज के लिए लौटाया गया कंटेंट टाइप दिखाएगा। यह image/jpeg, image/png, image/gif या image/webp होना चाहिए। इसके अलावा कुछ भी हो, तो कम से कम कुछ प्लेटफ़ॉर्म पर समस्या आएगी।

कैसे ठीक करें: अगर सर्वर आपके हाथ में है, तो उसे सही Content-Type हेडर के साथ इमेज भेजने के लिए कॉन्फ़िगर करें। अगर आप CMS या CDN इस्तेमाल करते हैं, तो इमेज को सही फ़ाइल एक्सटेंशन के साथ दोबारा अपलोड करें, और अपने ब्राउज़र के डेवलपर टूल से भेजे गए हेडर जांचें (“Network” टैब → इमेज की रिक्वेस्ट पर क्लिक करें → “Headers”)।

7. OG टैग और Twitter Card टैग आपस में टकरा रहे हैं

LinkedIn और Facebook Open Graph टैग इस्तेमाल करते हैं। Twitter/X का अपना सिस्टम है, जिसे Twitter Cards कहते हैं।^[6] Twitter Card टैग न हों तो ज़्यादातर प्लेटफ़ॉर्म OG टैग पर लौट आते हैं, लेकिन जब दोनों सेट मौजूद हों और आपस में मेल न खाएं (अलग टाइटल, अलग इमेज), तो कुछ प्लेटफ़ॉर्म उलझ जाते हैं और गलत वाला दिखाते हैं, या बिना किसी तय पैटर्न के दोनों के बीच बदलते रहते हैं।

टकराव का एक आम उदाहरण: एक डेवलपर ने आड़े बैनर इमेज की ओर इशारा करने वाले OG टैग जोड़े, और बाद में मार्केटिंग टीम के किसी सदस्य ने चौकोर लोगो की ओर इशारा करने वाले Twitter Card टैग जोड़ दिए। अब LinkedIn बैनर की जगह चौकोर लोगो दिखाता है।

कैसे ठीक करें: दोनों सेट के टैग एक साथ जांचें। ज़्यादातर पेजों पर og: और उनके बराबर के twitter: टैग एक जैसे होने चाहिए, जब तक कि अलग-अलग प्लेटफ़ॉर्म पर अलग कंटेंट दिखाने की आपकी कोई सोची-समझी वजह न हो। अगर आप एकरूपता चाहते हैं, तो Twitter Card टैग को साफ़ तौर पर अपने OG टैग जैसा सेट करें:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Your Page Title" />
<meta name="twitter:description" content="A short description." />
<meta name="twitter:image" content="https://example.com/images/preview.jpg" />

8. LinkedIn के Inspector की अपनी कुछ खासियतें हैं

LinkedIn का स्क्रेपर कुछ खास मामलों में Facebook और Twitter से अलग बर्ताव करता है:

• यह हर रीडायरेक्ट फ़ॉलो नहीं करता। LinkedIn का स्क्रेपर कई बार पहले रीडायरेक्ट पर ही रुक जाता है और टैग आखिरी पेज की जगह बीच वाले URL से पढ़ता है।^[2]
• यह X-Frame-Options और robots.txt के कुछ नियमों का पालन करता है। अगर आपकी robots.txt LinkedIn क्रॉलर (Linkedinbot) को रोकती है, तो प्रीव्यू नहीं बनेंगे।
• इमेज CDN पर ऑथेंटिकेशन। अगर आपकी OG इमेज किसी भी तरह के ऑथेंटिकेशन, टोकन या एक्सपायर होने वाले signed URL के पीछे है, तो LinkedIn पहली बार उसे सफलतापूर्वक स्क्रेप कर लेगा, लेकिन टोकन एक्सपायर होने के बाद की कोशिशों में नाकाम रहेगा।
• यह कैश साफ़ करने में धीमा है। Post Inspector से दोबारा स्क्रेप करवाने के बाद भी, पुराने प्रीव्यू के साथ पहले से पब्लिश LinkedIn पोस्ट शायद अपडेट न हों। ऐसा जान-बूझकर रखा गया है।

कैसे ठीक करें: अपना URL पब्लिश करने से पहले LinkedIn Post Inspector में चलाएं, बाद में नहीं। जब भी कोई ज़रूरी लिंक शेयर करें, इसे शेयर करने से पहले की आखिरी जांच मानें। पक्का कर लें कि आपकी robots.txt में Linkedinbot को अनुमति हो। OG इमेज को ऐसे सार्वजनिक, स्थायी URL से भेजें जिस पर कोई ऑथेंटिकेशन या एक्सपायर होने वाला टोकन न हो।

ऐप प्रीव्यू कार्ड कैसे बनाते हैं

आप लिंक किसी भी ऐप में पेस्ट करें, हर रिच लिंक प्रीव्यू इसी क्रम से बनता है।

1. पेज खोलना। प्लेटफ़ॉर्म का स्क्रेपर अपने user agent से आपका URL मांगता है, रीडायरेक्ट फ़ॉलो करता है और सर्वर से लौटा HTML पढ़ता है। यह आपकी JavaScript उस तरह नहीं चलाता जैसे ब्राउज़र चलाता है, इसीलिए क्लाइंट-साइड पर डाले गए टैग अक्सर गायब रहते हैं।
2. टैग पढ़ना। यह og:title, og:description और og:image खोजता है (X पहले twitter:* देखता है और फिर Open Graph पर लौटता है; Discord और Slack जहां साइट oEmbed प्रकाशित करती है, वहां उसे भी पढ़ते हैं)। कोई टैग न हो, तो स्क्रेपर पेज के टाइटल, मेटा डिस्क्रिप्शन या कुछ भी नहीं पर लौट आता है।
3. इमेज खोलना। इमेज का URL अलग से मांगा जाता है और उसका फ़ाइल साइज़ और लंबाई-चौड़ाई जांची जाती है। सापेक्ष पाथ (relative path), रीडायरेक्ट, या बहुत बड़ी या बहुत छोटी फ़ाइल, कार्ड में तस्वीर न दिखने की सबसे आम वजह है।
4. कैश करना और दिखाना। नतीजा प्लेटफ़ॉर्म के हिसाब से घंटों या दिनों के लिए कैश होता है, और उस प्लेटफ़ॉर्म के लेआउट में दिखाया जाता है: X के summary_large_image और LinkedIn में ऊपर बड़ी इमेज, iMessage में छोटा कार्ड, Discord में रंगीन पट्टी वाला embed।

लिंक प्रीव्यू चेकर आपके लिए पहले से तीसरे स्टेप तक चलाता है और आठ प्लेटफ़ॉर्म के तैयार कार्ड साथ-साथ दिखाता है; Open Graph चेकर उनके पीछे के कच्चे टैग दिखाता है। अगर कार्ड टूल में सही दिखता है लेकिन ऐप में गलत, तो वजह लगभग हमेशा चौथा स्टेप होता है: आपके सुधार से पहले की कैश की हुई कॉपी।

तुरंत देखने के लिए चेकलिस्ट

कोई भी ज़रूरी लिंक शेयर करने से पहले इसे इस्तेमाल करें:

यह सिर्फ़ दिखावट का मामला क्यों नहीं है

टूटा हुआ प्रीव्यू सिर्फ़ दिखने की समस्या नहीं है। रिसर्च लगातार दिखाती है कि रिच इमेज प्रीव्यू वाली पोस्ट को सिर्फ़ टेक्स्ट वाली लिंक पोस्ट से काफ़ी ज़्यादा एंगेजमेंट मिलता है। LinkedIn के अपने डेटा के अनुसार इमेज वाली पोस्ट को बिना इमेज वाली पोस्ट से 98% ज़्यादा कमेंट मिलते हैं।^[2] Facebook पर सही किए गए प्रीव्यू वाली लिंक पोस्ट ऑर्गेनिक रीच और पेड ऐड, दोनों में बिना प्रीव्यू वाली पोस्ट से लगातार बेहतर करती हैं।

अगर आप किसी भी तरह का कंटेंट डिस्ट्रिब्यूशन करते हैं (ब्लॉग पोस्ट, लैंडिंग पेज, प्रोडक्ट पेज, प्रेस रिलीज़), तो Open Graph टैग ठीक करना 30 मिनट के उन कामों में से है जिनका फ़ायदा सबसे ज़्यादा होता है।

संदर्भ

[1] Meta Platforms, Inc. (2010, जारी)। The Open Graph Protocol. ogp.me. https://ogp.me/

[2] LinkedIn. (2024). Share on LinkedIn — Developer Documentation: Best Practices. LinkedIn Developer Platform. https://learn.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/share-on-linkedin

[3] Fielding, R., Nottingham, M., & Reschke, J. (2022). RFC 9110: HTTP Semantics, §15.4 (Redirection). Internet Engineering Task Force (IETF). https://www.rfc-editor.org/rfc/rfc9110#section-15.4

[4] Meta for Developers. (2024). Sharing Best Practices for Websites & Mobile Apps. https://developers.facebook.com/docs/sharing/best-practices/

[5] Freed, N., & Borenstein, N. (1996). RFC 2046: MIME Part Two — Media Types. IETF. https://www.rfc-editor.org/rfc/rfc2046

[6] X Corp. (2024). Cards — X Developer Platform. https://developer.x.com/en/docs/twitter-for-websites/cards/overview/abouts-cards

आखिरी अपडेट: मई 2026। यह भी देखें: लिंक शॉर्टनिंग शब्दावली, जिसमें Open Graph / OG टैग, सोशल प्रीव्यू, canonical URL और रीडायरेक्ट चेन की परिभाषाएं हैं।