להודעות ב-Telegram
ראו איך Telegram מציג את הקישור שלכם בצ'אטים, בקבוצות ובערוצים.
בלי כרטיס אשראי · תוכנית Free בלי הגבלת זמן
Telegram טוען את תגי Open Graph בצד השרת עם סורק משלו (הוא מזדהה כ-TelegramBot) ומציג מתחת להודעה כרטיס עם כותרת, תיאור ותמונה. התגים שבשליטתכם הם התגים הסטנדרטיים og:title, og:description ו-og:image.
Instant View היא תכונה נפרדת: באתרים שיש להם תבנית Instant View מאושרת, נוסף לתצוגה המקדימה כפתור "Instant View" שפותח בתוך Telegram עותק מצומצם של המאמר שנטען מהר. את Instant View מפעילות התבניות של Telegram ולא תגי ה-Open Graph שלכם, והכרטיס עצמו עדיין נבנה מ-Open Graph.
יחס הגובה-רוחב של התמונה קובע את הפריסה. תמונה לרוחב בגודל של כ-1200×630 מוצגת בדרך כלל כתצוגה מקדימה גדולה מתחת לטקסט, ותמונה קטנה או ריבועית מוצגת כתמונה ממוזערת קטנה ליד הכותרת. אם מופיעה פריסה לא נכונה, בדקו קודם את הגודל והפרופורציות של og:image.
Telegram שומר את נתוני התצוגה המקדימה בשרתים שלו, ולכן תיקון בדף לא משנה מיד את מה שמוצג בהודעות חדשות. בשביל זה יש ל-Telegram את @WebpageBot: שלחו לו את ה-URL והוא ירענן את התצוגה המקדימה השמורה.
כמו בכל סורק, התגים צריכים להופיע ב-HTML שהשרת מחזיר, כי הסורק של Telegram לא מריץ JavaScript. ה-URL גם צריך להחזיר 200 ללקוחות שאינם דפדפנים. דפים שחוסמים user agents לא מוכרים מוצגים כקישור חשוף בלי כרטיס.
אם הכרטיס נראה לא נכון, הסיבה היא בדרך כלל התגים של הדף או הפניה שעומדת לפניו. תיקון תצוגות מקדימות של Open Graph עובר על התגים שכל פלטפורמה קוראת, בודק ההפניות מראה אם סורק עובר דרך כמה קפיצות לפני שהוא מגיע לדף שלכם, וציון האמינות לקישור מראה אם היעד עצמו מסומן כחשוד. למונחים (og:image, canonical, unfurl) ראו את המילון. לגרסה הלא-טכנית, בודק התצוגה המקדימה של קישורים מציג את הכרטיס הסופי בשמונה פלטפורמות בבת אחת.
בדקו את הכרטיס לפני פרסום בערוץ גדול, שבו כל המנויים רואים את אותה תצוגה מקדימה שמורה.
בדקו אם og:image יוצג כתצוגה מקדימה גדולה או כתמונה ממוזערת בצד, לפי המידות שלה.
ודאו שהתגים בדף תקינים לפני שאתם מבקשים מ-@WebpageBot לרענן את המטמון של Telegram.
ודאו שהמטא-נתונים של המאמר נכונים גם לכרטיס Open Graph וגם לתבנית Instant View, אם יש כזו.
גרסאות מוגדרות מראש, מותאמות לפלטפורמות ולתרחישי שימוש מסוימים.
לשיתופים ב-LinkedIn
ראו איך הכתובת שלכם תיראה כשישתפו אותה ב-LinkedIn, לפני שאתם מפרסמים.
פתיחת הגרסהלתצוגות מקדימות ב-Slack
בדקו איך הקישור שלכם מוצג בהודעות ובערוצים של Slack.
פתיחת הגרסהלכרטיסי X ו-Twitter
ראו איך הקישור שלכם מוצג ככרטיס Twitter ב-X.
פתיחת הגרסהלשיתופים ב-Facebook
בדקו איך הכתובת שלכם תוצג בפוסט או בשיתוף ב-Facebook.
פתיחת הגרסהלהטמעות ב-Discord
ראו איך Discord מטמיע את הכתובת שלכם בערוץ או בהודעה פרטית.
פתיחת הגרסהלצ'אטים ב-WhatsApp
ראו את הכותרת, התיאור והתמונה הממוזערת ש-WhatsApp מציג כשמדביקים קישור בצ'אט.
פתיחת הגרסהלקישורים עשירים ב-iMessage
ראו את כרטיס הקישור העשיר ש-Apple Messages בונה מ-og:title ומ-og:image.
פתיחת הגרסה