Slack अनफ़र्ल के लिए
देखें कि Slack के मैसेज और चैनलों में आपके URL का प्रीव्यू कैसा बनता है।
क्रेडिट कार्ड की ज़रूरत नहीं · हमेशा के लिए मुफ़्त प्लान
मैसेज के अंदर प्रीव्यू (अनफ़र्ल) बनाने के लिए Slack, Open Graph और Twitter Card टैग पढ़ता है। जिन ऐप का Slack इंटीग्रेशन है, वे Block Kit अनफ़र्ल भी इस्तेमाल कर सकते हैं।
किसी URL का प्रीव्यू हर वर्कस्पेस में एक बार बनता है और करीब 30 मिनट तक कैश में रहता है। इसके बाद Slack पेज को फिर से लाता है।
Slack का फ़ेचर खुद को Slackbot बताता है। बाकी सभी सोशल स्क्रेपर की तरह यह सर्वर से रेंडर हुआ HTML पढ़ता है और JavaScript नहीं चलाता। अगर आपके og: टैग क्लाइंट-साइड रेंडरिंग से आते हैं, तो Slack सिर्फ़ <title> टैग दिखाता है या कुछ भी नहीं दिखाता। चुपचाप बिगड़ने की दूसरी आम वजह: आपकी साइट का बॉट प्रोटेक्शन या फ़ायरवॉल Slackbot के अनुरोध रोक देता है, और जो लिंक बाकी जगहों पर ठीक प्रीव्यू दिखाते हैं, वे Slack में कुछ नहीं दिखाते।
प्रीव्यू दिखाने वाली जगहों में Slack इस मामले में अलग है कि वहां बहुत सारा अंदरूनी, लॉगिन वाला कॉन्टेंट शेयर होता है: स्टेजिंग URL, एडमिन डैशबोर्ड, SSO के पीछे रखे डॉक्यूमेंट। Slackbot लॉग इन नहीं कर सकता, इसलिए ऐसे लिंक का प्रीव्यू या तो खाली आता है या (इससे भी बुरा) आपके लॉगिन पेज के आम टैग दिखाता है। यह बग नहीं, उम्मीद के मुताबिक व्यवहार है। अंदरूनी टूल के लिए लॉगिन पेज पर समझदारी से लिखा <title> ही असल में कारगर उपाय है।
करीब 30 मिनट के कैश की वजह से Slack में गलती सुधारना LinkedIn या Facebook से कहीं आसान है: टैग ठीक करें, कुछ मिनट रुकें, लिंक किसी नए मैसेज में फिर से शेयर करें, और सुधरा हुआ कार्ड दिख जाएगा। इसलिए OG टैग पर काम करते समय Slack से जल्दी फ़ीडबैक मिल जाता है। यह टूल इससे भी तेज़ है: यह कहीं कुछ पोस्ट किए बिना टैग की मौजूदा स्थिति दिखाता है।
साझा वर्कस्पेस में अनफ़र्ल का शिष्टाचार भी मायने रखता है: एक मैसेज में कई लिंक हों तो प्रीव्यू कार्ड की दीवार बन सकती है। URL को एंगल ब्रैकेट में लपेटने पर Slack उसका प्रीव्यू नहीं बनाता, और वर्कस्पेस एडमिन किसी डोमेन के लिए अनफ़र्ल बंद कर सकते हैं। इसलिए अगर आपका ध्यान से बनाया प्रीव्यू साथियों को नहीं दिख रहा, तो टैग की जांच से पहले देख लें कि वर्कस्पेस ने आपका डोमेन म्यूट तो नहीं किया है।
प्रोडक्ट टीमें दो चीज़ों का फ़र्क याद रखें। पैसिव अनफ़र्ल में Slack आपके OG टैग पढ़ता है, और यही यह टूल दिखाता है। ऐप अनफ़र्ल में आपका Slack ऐप आपके डोमेन के लिए रजिस्टर होता है और Block Kit से रिच कार्ड बनाता है। अगर अपने प्रोडक्ट के लिंक के लिए इंटरैक्टिव, लॉगिन वाले या डेटा से भरे प्रीव्यू चाहिए, तो ऐप अनफ़र्ल का रास्ता लें। OG टैग वह न्यूनतम स्तर है जिस पर हर लिंक को हर हाल में खरा उतरना चाहिए।
अगर कार्ड गलत दिखे, तो वजह आम तौर पर पेज के टैग या उससे पहले का कोई रीडायरेक्ट होता है। Open Graph लिंक प्रीव्यू ठीक करें में बताया गया है कि हर प्लेटफ़ॉर्म कौन-से टैग पढ़ता है। रीडायरेक्ट चेकर दिखाता है कि स्क्रेपर आपके पेज तक पहुंचने से पहले कई हॉप से तो नहीं गुज़रता, और लिंक ट्रस्ट स्कोर बताता है कि डेस्टिनेशन खुद फ़्लैग तो नहीं हुआ है। og:image, canonical और unfurl जैसे शब्दों के मतलब शब्दावली में देखें। आसान भाषा वाला लिंक प्रीव्यू चेकर आठ प्लेटफ़ॉर्म पर तैयार कार्ड एक साथ दिखाता है।
#general में शेयर किए गए डॉक्यूमेंट और घोषणाओं का प्रीव्यू साफ़ बने, यह पक्का कर लें। कंपनी के ज़्यादातर लोगों पर पहला असर इसी प्रीव्यू से पड़ता है।
Slack Connect चैनलों में ग्राहकों के साथ शेयर की गई सामग्री साफ़-सुथरी दिखे, यह जांच लें। वहां टूटा हुआ कार्ड लापरवाही जैसा लगता है।
कस्टमर चैनलों और कम्युनिटी में लॉन्च लिंक डालने से पहले पक्का कर लें कि प्रीव्यू सही दिख रहा है।
इंजीनियरिंग टीमें Slack में लगातार डॉक्यूमेंट के लिंक पेस्ट करती हैं। हर पेज का अपना टाइटल और विवरण हो, तो हर लिंक खाली URL की जगह पढ़ने लायक कार्ड बन जाता है।
आपके CI, अलर्टिंग या अंदरूनी बॉट जो लिंक पोस्ट करते हैं, उनका प्रीव्यू भी इन्हीं OG नियमों से बनता है। जिन पेजों के लिंक आपका ऑटोमेशन सबसे ज़्यादा भेजता है, उन्हें जांच लें।
खास प्लेटफ़ॉर्म और इस्तेमाल के हिसाब से पहले से सेट किए गए वैरिएंट।
LinkedIn पर शेयर के लिए
पोस्ट करने से पहले देखें कि LinkedIn पर शेयर होने पर आपका URL कैसा दिखता है।
वैरिएंट खोलेंX / Twitter Cards के लिए
देखें कि X पर आपका URL Twitter Card के रूप में कैसा दिखता है।
वैरिएंट खोलेंFacebook पर शेयर के लिए
देखें कि Facebook पोस्ट या शेयर में आपका URL कैसा दिखेगा।
वैरिएंट खोलेंDiscord एम्बेड के लिए
देखें कि Discord किसी चैनल या DM में आपके URL का एम्बेड कैसे दिखाता है।
वैरिएंट खोलेंWhatsApp चैट के लिए
चैट में लिंक पेस्ट करने पर WhatsApp जो टाइटल, विवरण और थंबनेल दिखाता है, उसे देखें।
वैरिएंट खोलेंTelegram मैसेज के लिए
देखें कि Telegram चैट, ग्रुप और चैनलों में आपका URL कैसा दिखता है।
वैरिएंट खोलेंiMessage रिच लिंक के लिए
देखें कि Apple Messages आपके og:title और og:image से कैसा रिच लिंक कार्ड बनाता है।
वैरिएंट खोलें