לתצוגות מקדימות ב-Slack
בדקו איך הקישור שלכם מוצג בהודעות ובערוצים של Slack.
בלי כרטיס אשראי · תוכנית Free בלי הגבלת זמן
Slack קורא את תגי Open Graph ו-Twitter Card כדי לבנות את התצוגה המקדימה בתוך ההודעה. אפליקציות שמשתלבות עם Slack יכולות להציג גם תצוגות מקדימות של Block Kit.
התצוגה המקדימה נוצרת פעם אחת לכל URL בכל סביבת עבודה, ונשמרת במטמון כ-30 דקות לפני ש-Slack טוען אותה מחדש.
הסורק של Slack מזדהה כ-Slackbot, וכמו כל סורק של רשת חברתית הוא קורא את ה-HTML שהשרת מחזיר ולא מריץ JavaScript. אם תגי og: נוצרים רק בצד הלקוח, Slack מסתפק בתג <title> לבדו או לא מציג כלום. כשל שקט נפוץ נוסף: ההגנה מפני בוטים או חומת האש של האתר חוסמות את הבקשות של Slackbot, וקישורים שמוצגים יפה בכל מקום אחר לא מציגים כלום ב-Slack.
ב-Slack משתפים הרבה יותר תוכן פנימי שדורש התחברות מאשר בפלטפורמות אחרות: כתובות של סביבות בדיקה, לוחות בקרה של ניהול, מסמכים מאחורי SSO. Slackbot לא יכול להתחבר, ולכן הקישורים האלה מוצגים בלי כלום, או גרוע מזה, עם התגים הכלליים של דף ההתחברות. זו התנהגות צפויה ולא באג. בכלים פנימיים, הפתרון המעשי הוא <title> הגיוני בדף ההתחברות.
בזכות המטמון הקצר, של כ-30 דקות, Slack סלחני בהרבה מ-LinkedIn או מ-Facebook: מתקנים את התגים, מחכים כמה דקות, משתפים שוב בהודעה חדשה, והכרטיס המתוקן מופיע. לכן Slack נוח לקבלת משוב מהיר כשעובדים על תגי OG. הכלי הזה מהיר עוד יותר, כי הוא מציג את מצב התגים הנוכחי בלי לפרסם שום דבר.
בסביבות עבודה משותפות כדאי לחשוב גם על נימוס: כמה קישורים בהודעה אחת יוצרים קיר של כרטיסי תצוגה מקדימה. Slack לא מציג תצוגה מקדימה לקישור שעטוף בסוגריים משולשים, ומנהלי סביבת העבודה יכולים לכבות תצוגות מקדימות לדומיין מסוים. אם התצוגה המקדימה שעבדתם עליה לא מופיעה אצל חברי הצוות, בדקו קודם אם סביבת העבודה השתיקה את הדומיין שלכם, ורק אחר כך חפשו בעיה בתגים.
צוותי מוצר צריכים להבחין בין תצוגה מקדימה פסיבית, שבה Slack קורא את תגי ה-OG (וזה מה שהכלי הזה מציג), לבין תצוגה מקדימה של אפליקציה, שבה אפליקציית ה-Slack שלכם נרשמת לדומיין ומציגה כרטיסי Block Kit עשירים. אם אתם צריכים תצוגות מקדימות אינטראקטיביות, עם התחברות או עם נתונים לקישורים של המוצר שלכם, זו הדרך של אפליקציה. תגי OG הם הבסיס שכל קישור צריך לעמוד בו בכל מקרה.
אם הכרטיס נראה לא נכון, הסיבה היא בדרך כלל התגים של הדף או הפניה שעומדת לפניו. תיקון תצוגות מקדימות של Open Graph עובר על התגים שכל פלטפורמה קוראת, בודק ההפניות מראה אם סורק עובר דרך כמה קפיצות לפני שהוא מגיע לדף שלכם, וציון האמינות לקישור מראה אם היעד עצמו מסומן כחשוד. למונחים (og:image, canonical, unfurl) ראו את המילון. לגרסה הלא-טכנית, בודק התצוגה המקדימה של קישורים מציג את הכרטיס הסופי בשמונה פלטפורמות בבת אחת.
ודאו שמסמכים והודעות מוצגים כראוי כשמשתפים אותם ב-#general. התצוגה המקדימה היא הרושם הראשון שמקבלים רוב העובדים בחברה.
ודאו שמשאבים שאתם משתפים עם לקוחות בערוצי Slack Connect נראים מוקפדים. שם כרטיס שבור נראה כמו רשלנות.
בדקו שהתצוגות המקדימות נראות נכון לפני שאתם מפרסמים קישורי השקה בערוצי לקוחות ובקהילות.
צוותי פיתוח מדביקים קישורים למסמכים ב-Slack כל הזמן. כותרת ותיאור לכל דף הופכים כל הדבקה לכרטיס קריא במקום URL חשוף.
קישורים שמפרסמים ה-CI, מערכת ההתראות או בוטים פנימיים מוצגים לפי אותם כללי OG. בדקו את הדפים שהאוטומציה מקשרת אליהם הכי הרבה.
גרסאות מוגדרות מראש, מותאמות לפלטפורמות ולתרחישי שימוש מסוימים.
לשיתופים ב-LinkedIn
ראו איך הכתובת שלכם תיראה כשישתפו אותה ב-LinkedIn, לפני שאתם מפרסמים.
פתיחת הגרסהלכרטיסי X ו-Twitter
ראו איך הקישור שלכם מוצג ככרטיס Twitter ב-X.
פתיחת הגרסהלשיתופים ב-Facebook
בדקו איך הכתובת שלכם תוצג בפוסט או בשיתוף ב-Facebook.
פתיחת הגרסהלהטמעות ב-Discord
ראו איך Discord מטמיע את הכתובת שלכם בערוץ או בהודעה פרטית.
פתיחת הגרסהלצ'אטים ב-WhatsApp
ראו את הכותרת, התיאור והתמונה הממוזערת ש-WhatsApp מציג כשמדביקים קישור בצ'אט.
פתיחת הגרסהלהודעות ב-Telegram
ראו איך Telegram מציג את הקישור שלכם בצ'אטים, בקבוצות ובערוצים.
פתיחת הגרסהלקישורים עשירים ב-iMessage
ראו את כרטיס הקישור העשיר ש-Apple Messages בונה מ-og:title ומ-og:image.
פתיחת הגרסה