בדיקת Open Graph ומחולל תגיות שיתוף

מה זה Open Graph

Open Graph הוא סט של תגיות meta שפייסבוק הגדירה, וכמעט כל אפליקציה משתמשת בו כדי לבנות תצוגה מקדימה לקישור: וואטסאפ, טלגרם, לינקדאין, סלאק ועוד. ארבע התגיות החשובות הן og:title, og:description, og:image ו־og:url.

בלי התגיות האלה כל אפליקציה מנחשת לבד מה להציג, ולרוב בוחרת כותרת לא נכונה או לא מציגה תמונה בכלל.

מקורות: The Open Graph protocol

התמונה: הגודל שכדאי להשתמש בו

התמונה המקובלת היא 1200 על 630 פיקסלים, ביחס של כ־1.91 ל־1. היא נראית טוב גם בכרטיס רחב וגם כשחותכים אותה לריבוע. כתובת התמונה חייבת להיות מלאה, עם https://.

כדאי לשמור את הקובץ קל (JPG או PNG של כמה מאות KB) ולהשאיר את הטקסט החשוב במרכז התמונה, כי יש אפליקציות שחותכות את הצדדים.

מקורות: The Open Graph protocol: og:image

כרטיסים ב־X (טוויטר)

X קוראת תגיות משלה שמתחילות ב־twitter:, ואם הן חסרות היא משתמשת בתגיות Open Graph. התגית twitter:card בערך summary_large_image היא שמציגה תמונה גדולה מעל הכותרת.

מקורות: X: Summary card with large image

עדכנתם ולא רואים שינוי?

הרשתות שומרות את התצוגה של כל קישור לזמן מה. אחרי תיקון, מבקשים מהן לקרוא את הדף מחדש: בפייסבוק בכלי Sharing Debugger, ובלינקדאין בכלי Post Inspector. בוואטסאפ התצוגה נשמרת לפעמים בטלפון עצמו, ואפשר לנסות לשתף עם פרמטר כמו ‎?v=2 בסוף הכתובת.

מקורות: LinkedIn Post Inspector