מחולל תמונות OG
גרמו לתצוגה המקדימה של הקישור להיראות מכוונת לפני שיתוף של פוסט בבלוג, הערת השקה או דף נחיתה.
ערכת צבעים
שלחו את ההשקה הבאה עם תצוגה מקדימה חזקה יותר
צרו כרטיס OG שגורם להערות פרסום, פוסטים בבלוג ודפי נחיתה להיראות מלוטשים יותר כשהם משותפים.
התצוגה המקדימה מצטמצמת כך שתתאים לדף. הקובץ שהורד משתמש ב-1200x630.
אודות תמונות Open Graph
גודל מומלץ: 1200x630
היחס לרוחב 1.91:1 נמצא בשימוש נרחב עבור תצוגות מקדימות של Open Graph. זה נותן מספיק מקום לכותרת, להקשר של מוצר ולסימן מותג מבלי להסתמך על טקסט זעיר.
למה זה חשוב
תצוגה מקדימה של קישור היא לרוב הרושם החזותי הראשון של השקה, פוסט או כלי. כרטיס מכוון גורם לדף להיראות מתוחזק במקום שנוצר באופן אוטומטי.
קריא בגדלים קטנים
כרטיסים חברתיים מוצגים לעיתים קרובות כתמונות ממוזערות. שמרו על כתב גדול, הימנעו מפסקאות צפופות והשאירו תוכן חשוב רחוק מהקצוות.
מדריך לגודל פלטפורמה
פייסבוק / לינקדאין
הפורמט הסטנדרטי לרוחב. שמרו טקסט חשוב במרכז כדי שישרוד חיתוכים של פלטפורמות.
סיכום טוויטר גדול
Twitter עובד היטב גם עם כרטיס 2:1 מעט קצר יותר, אם כי 1200x630 נשאר תואם באופן רחב.
WhatsApp / WeChat
תצוגות מקדימות מרובעות חותכות לעתים קרובות מהמרכז, כך שההרכב המרכזי חשוב בעת שיתוף בין אפליקציות הודעות.
שאלות נפוצות
האם אני הבעלים של התמונה שנוצרה?
כן. התמונה נוצרת מקומית בדפדפן ואינה מועלית לשרת במהלך היצירה.
איך אני מחבר את התמונה למטא נתונים?
הוסיפו תג meta של og:image שמצביע על URL התמונה הסופית, וצמדו אותו ל-twitter:card שמוגדר ל-summary_large_image בעת הצורך.
האם אוכל להשתמש בטקסט שאינו לטיני?
כן. המעבד מבוסס הדפדפן תומך בטקסט שאינו לטיני כל עוד הגופנים הנדרשים זמינים בסביבת העיבוד.
מדוע פלטפורמה מציגה תמונת תצוגה מקדימה ישנה?
פלטפורמות חברתיות שומרות תצוגות מקדימות במטמון. אחרי שינוי URL התמונה או המטא-דאטה, השתמשו בכלי debugging או אימות הכרטיס של הפלטפורמה כדי לאלץ רענון.
האם כל עמוד צריך להשתמש באותה תמונה OG?
תמונת ברירת מחדל היא בסדר עבור דפי שירות, אבל השקות חשובות, פוסטים בבלוגים ודפי נחיתה בדרך כלל מתפקדים טוב יותר עם כרטיס ספציפי לדף.