כאשר אנחנו משתפים את האתר שלנו ברשתות החברתיות כמו פייסבוק או ווטסאפ, נוכל לראות שבאופן אוטומטי מוצגת תמונת thumbnail של האתר, עם כותרת ותיאור.
לא תמיד הנתונים האלה הם מה שבאמת רצינו שיוצג.
כדי לשלוט על המידע הזה אפשר להוסיף ידנית בדף הHTML את השורות הבאות:
<head>
<meta property="og:title" content="כאן תופיע הכותרת"/>
<meta property="og:description" content="כאן יופיע התיאור" />
<meta property="og:image" content="כאן יהיה קישור לתמונה" />
<meta property="og:url" content="קישור לתמונה" />
<meta property="og:image:type" content="image/png">
</head>הגודל המומלץ לתמונות עבור התגית og:image הוא: 1200X630
צריך להזהר לא לעלות תמונות גדולות מדי.
לגבי ווטסאפ:
יש לשים לב שהכותרת לא ארוכה מ7-8 מילים. אחרת התמונה לא תוצג.
In the past it was recommended that the image needed to be under 300kb in size and 256x256px but not larger than 400x400px
כדי לבדוק אם הוספנו את המידע כמו שצריך, ניתן להשתמש בכלי הבדיקה של פייסבוק:
https://developers.facebook.com/tools/debug/
כלי בדיקה לליקדין: