תצוגה מקדימה
לשיתוף חברתי
ראו את הקישור שלכם כפי ש-WhatsApp, X, LinkedIn ו-Facebook יציגו אותו, עוד לפני השיתוף. הקלידו את כתובת האתר, או הדביקו HTML / הקלידו את התגיות ביד. אנחנו מביאים את העמוד שלכם באופן מאובטח, שום דבר אחר לא יוצא מהדפדפן שלכם.
איך הקישור שלכם נוסע?
או הדביקו HTML / הקלידו את התגיות ידנית
בדיקות, על מה הרשתות יתלוננו
| תגית | סטטוס | הערה |
|---|
Yetty מגישה Open Graph ו-Twitter cards בכל עמוד אוטומטית, גדלים נכונים, כתובות מלאות, בלי תוסף.
שישה כללים שארבע
הרשתות חולקות
og: היא השפה המשותפת
WhatsApp, Facebook, LinkedIn ו-X כולם קוראים Open Graph קודם. תעשו og:title, og:description ו-og:image נכון ואתם 90% מוכנים.
1200 x 630, כתובת מלאה
גודל תמונה אחד מספק את כולם. כתובות יחסיות כמו /hero.jpg נכשלות בשקט, לזחלן אין מושג לאיזה אתר התכוונתם.
כולם חותכים ל-1.91:1
תמונות גבוהות או ריבועיות מקבלות חיתוך בחלק העליון והתחתון. שמרו פרצופים וטקסט ברצועה המרכזית של התמונה.
כותרות נחתכות אחרת
X מציג בערך 70 תווים, Facebook כ-88, WhatsApp שתי שורות קצרות. שימו את המילים החשובות בהתחלה.
תצוגות מקדימות נשמרות במטמון
תיקנתם את התגיות אבל הכרטיס הישן ממשיך להופיע? הרשת שמרה אותו במטמון. השתמשו ב-Sharing Debugger של Facebook או ב-Post Inspector של LinkedIn כדי לרענן, או שברו את המטמון עם ?v=2.
twitter:card פותח את הכרטיס הגדול
X נופל בחזרה לתגיות og: בשביל המילים, אבל רק twitter:card = summary_large_image מבטיח את פריסת התמונה ברוחב מלא.
אנשים גם שואלים
למה הקישור שלי לא מציג תמונה ב-WhatsApp?
כמעט תמיד אחד משלושה דברים: תגית og:image חסרה, הכתובת שלה יחסית במקום מלאה (WhatsApp לא יכול לפענח /hero.jpg), או שהתמונה גדולה מדי, WhatsApp מדלג על תמונות מעל כ-600KB. הוסיפו כתובת https מלאה לתמונה בגודל סביר ושתפו מחדש; WhatsApp שומר תצוגות מקדימות במטמון, אז בדקו עם כתובת טרייה או הוסיפו ?v=2.
באיזה גודל צריכה להיות תמונת og:image?
1200 x 630 פיקסלים היא התשובה הבטוחה, יחס 1.91:1 שאליו Facebook, LinkedIn ו-X חותכים. שמרו אותה מתחת ל-5MB (מתחת ל-600KB אם WhatsApp חשוב לכם) ואל תשימו שום דבר חשוב בשוליים החיצוניים, שנחתכים בחלק מהרשתות.
האם אני צריך תגיות twitter: נפרדות אם כבר יש לי תגיות og:?
בעיקר לא, X נופל בחזרה ל-og:title, og:description ו-og:image. התגית האחת שכן כדאי היא twitter:card שמוגדרת ל-summary_large_image; בלעדיה X עלול להציג את הכרטיס הריבועי הקטן במקום הגדול.