להטמעות ב-Discord
ראו איך Discord מטמיע את הכתובת שלכם בערוץ או בהודעה פרטית.
בלי כרטיס אשראי · תוכנית Free בלי הגבלת זמן
Discord קורא מטא-נתונים של Open Graph ושל oEmbed כדי לבנות את כרטיס ההטמעה שמופיע בערוצים. הכלי הזה בודק איך קישור מוטמע בהודעה ב-Discord. הוא לא מציג תצוגה מקדימה של שרתים או של הזמנות לשרתים.
ההטמעות נשמרות במטמון בנפרד לכל שרת. ערכו את ההודעה כדי לגרום ל-Discord לשלוף את המטא-נתונים מחדש.
Discord משתמש במקורות המטא-נתונים לפי סדר: קודם oEmbed לאתרים שמפרסמים אותו (כך קישורים של YouTube ו-Spotify מקבלים נגן מוטמע), אחר כך Open Graph, ובסוף תגי HTML בסיסיים. באתר רגיל, תגי OG הם מה שבשליטתכם: og:title, og:description, og:image, ואם רוצים גם og:site_name, ש-Discord מציג מעל הכותרת בכרטיס ההטמעה.
ל-Discord יש תג נפוץ אחד שבאמת ייחודי לו: theme-color. הערך של meta name='theme-color' הופך לפס הצבע בקצה ההטמעה, הפס האנכי הקטן שנותן להטמעה מראה ממותג. הוא דורש שורת HTML אחת, וזה השיפור הזול ביותר לקישורים שמסתובבים בקהילות Discord.
הטיפול בתמונות שונה מפלטפורמות אחרות, וזה שימושי: og:image מוצג כתמונה גדולה בגוף ההטמעה, ואילו twitter:card=summary גורם ל-Discord להציג את התמונה כתמונה ממוזערת קטנה ליד הטקסט. אם הקישורים שלכם מציגים תמונה ענקית כשרציתם כרטיס קומפקטי (או להפך), בדרך כלל הפתרון הוא באינטראקציה הזאת בין שתי משפחות התגים.
אצל רוב המשתמשים, ההטמעות של Discord מוצגות על רקע כהה (יש ערכת נושא בהירה, אבל הכהה שולטת בתרבות של Discord). תמונות שיתוף שעוצבו לפידים לבנים, טקסט כהה על רקע שקוף או לבן, עלולות להיראות דהויות או בלתי נראות בהטמעה. אם קהילות Discord הן ערוץ משמעותי בשבילכם, בדקו את ה-og:image על רקע כהה.
במוצרים של גיימינג, כלי פיתוח וקהילות, Discord הוא לעיתים קרובות המקום שבו משתפים הכי הרבה קישורים, וחלק גדול מהשיתוף עובר דרך בוטים ו-webhooks. קישורים שבוט מפרסם נפרשים לפי אותם כללי OG כמו קישורים שאדם מפרסם. אבל בוטים יכולים גם לבנות דרך ה-API הטמעות עשירות מותאמות אישית שמתעלמות לגמרי מתגי ה-OG שלכם. בררו באיזה מנגנון האינטגרציה שלכם משתמשת לפני שאתם מחפשים תקלה במקום הלא נכון.
אם הכרטיס נראה לא נכון, הסיבה היא בדרך כלל התגים של הדף או הפניה שעומדת לפניו. תיקון תצוגות מקדימות של Open Graph עובר על התגים שכל פלטפורמה קוראת, בודק ההפניות מראה אם סורק עובר דרך כמה קפיצות לפני שהוא מגיע לדף שלכם, וציון האמינות לקישור מראה אם היעד עצמו מסומן כחשוד. למונחים (og:image, canonical, unfurl) ראו את המילון. לגרסה הלא-טכנית, בודק התצוגה המקדימה של קישורים מציג את הכרטיס הסופי בשמונה פלטפורמות בבת אחת.
ודאו שקישורי ההשקה נראים מוקפדים ב-#announcements. בהרבה קהילות, יותר אנשים רואים את כרטיס ההטמעה מאשר את האתר עצמו.
ודאו שקישורים שהבוט שלכם משתף מוצגים עם התמונה והטקסט הנכונים, ובררו אם הבוט מסתמך על פרישת OG או על הטמעות שנבנות דרך ה-API.
תפסו תצוגות מקדימות מטעות או שבורות לפני שהן מתפשטות. ההטמעה היא הדבר הראשון שלפיו חברי הקהילה שופטים קישור.
בדקו שה-og:image קריא על הרקע הכהה של Discord, שעליו תמונות שעוצבו לפידים לבנים נראות לעיתים קרובות דהויות.
ודאו ש-theme-color מוגדר, כדי שההטמעות יציגו את פס הצבע של המותג בכל שרת שבו משתפים אותן.
גרסאות מוגדרות מראש, מותאמות לפלטפורמות ולתרחישי שימוש מסוימים.
לשיתופים ב-LinkedIn
ראו איך הכתובת שלכם תיראה כשישתפו אותה ב-LinkedIn, לפני שאתם מפרסמים.
פתיחת הגרסהלתצוגות מקדימות ב-Slack
בדקו איך הקישור שלכם מוצג בהודעות ובערוצים של Slack.
פתיחת הגרסהלכרטיסי X ו-Twitter
ראו איך הקישור שלכם מוצג ככרטיס Twitter ב-X.
פתיחת הגרסהלשיתופים ב-Facebook
בדקו איך הכתובת שלכם תוצג בפוסט או בשיתוף ב-Facebook.
פתיחת הגרסהלצ'אטים ב-WhatsApp
ראו את הכותרת, התיאור והתמונה הממוזערת ש-WhatsApp מציג כשמדביקים קישור בצ'אט.
פתיחת הגרסהלהודעות ב-Telegram
ראו איך Telegram מציג את הקישור שלכם בצ'אטים, בקבוצות ובערוצים.
פתיחת הגרסהלקישורים עשירים ב-iMessage
ראו את כרטיס הקישור העשיר ש-Apple Messages בונה מ-og:title ומ-og:image.
פתיחת הגרסה