आपके लिंक प्रीव्यू टूटे हुए क्यों दिखते हैं (और उन्हें कैसे ठीक करें)

आप एक पेज शिप करते हैं, Slack में लिंक पेस्ट करते हैं, और बिना इमेज वाला एक सादा URL मिलता है — या इससे भी बुरा, पिछले महीने का टाइटल। लिंक प्रीव्यू Open Graph और Twitter मेटा टैग से चलते हैं, और जब ये गायब या गलत हों, तो हर प्लेटफ़ॉर्म किसी भद्दी चीज़ पर लौट आता है।

वे टैग जो प्रीव्यू चलाते हैं

<meta property="og:title" content="Your page title" />
<meta property="og:description" content="One clear sentence." />
<meta property="og:image" content="https://yoursite.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />

आम गुनहगार

• ·og:image एक रिलेटिव पाथ है — यह एक एब्सोल्यूट URL होना चाहिए।
• ·इमेज बहुत छोटी है; 1200×630 का लक्ष्य रखें।
• ·टैग क्लाइंट-साइड इंजेक्ट होते हैं, इसलिए क्रॉलर उन्हें कभी देख ही नहीं पाते।
• ·कोई कैश पुराना प्रीव्यू परोस रहा है — उसे ताज़ा करने के लिए दोबारा स्क्रैप करें।

OG Image टूल हर पेज के लिए एक ब्रांडेड कार्ड रेंडर करता है और शिप करने से पहले Slack, iMessage, X और LinkedIn पर अनफर्ल का प्रीव्यू दिखाता है — फिर स्किल टैग को आपके रेपो में जोड़ देती है ताकि वे सर्वर-साइड रेंडर हों।