התמונה שבחרתי לפוסט לא מוצגת בוואטסאפ או בפייסבוק – מה הפתרון?

פרסמתם פוסט חדש.

בחרתם תמונה יפה, לחצתם "שתף", ובמקום התמונה מופיעה תמונה ישנה, תמונה אחרת, או בכלל אין תמונה.

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

במאמר הזה נעבור על הסיבות הנפוצות, איך בודקים כל אחת מהן, ואיך אפשר לפתור את הבעיה.

אם אתם מעדיפים לא לעבור על כל הרשימה, אפשר פשוט להדביק את כתובת העמוד באוגי – כלי הבדיקה לבדיקת תצוגת השיתוף ברשתות חברתיות.

יצרתי את אוגי כך שהוא בודק את כל הסעיפים במאמר הזה באופן אוטומטי, מסביר מה הבעיה אם הוא מוצא אחת, ומציע מה לעשות הלאה.

למה בכלל זה קורה?

כשמשתפים קישור, וואטסאפ ופייסבוק לא פותחים את האתר כמו דפדפן רגיל.

הם שולחים "רובוט" קטן שמוריד את קוד העמוד ומחפש תגיות שנקראות Open Graph.

אם הכל תקין, הוא מוריד את התמונה ומציג אותה בתצוגת השיתוף, אבל אם משהו בדרך משתבש, התמונה לא תופיע.

הסיבה הראשונה: לא הותקן תוסף SEO

תוספי SEO הם ששותלים בדפי האתר שלנו תגיות Open Graph. תגית og:image (כלומר Open Grap: Image) היא התגית שאומרת לרשתות החברתיות איזו תמונה להציג.

ברוב אתרי וורדפרס היא נוצרת אוטומטית על ידי Yoast, Rank Math או תוסף SEO אחר. אם באתר שלכם לא מותקן תוסף SEO – סביר שלא תראו תמונה בתצוגת שיתוף.

פיתרון: להתקין תוסף SEO ולהגדיר אותו

לא הוגדרה לעמוד תמונה ראשית

כברירת מחדל, התמונה הראשית של העמוד או הפוסט היא התמונה שתוסף הSEO יבחר בתור תמונת Open Graph. אם לא הוגדרה תמונה כזו, ייתכן שלא תוצג שום תמונה בשיתוף, או שתיבחר תמונה אקראית מתוך העמוד.

פיתרון: הגדירו תמונה ראשית ושמרו את העמוד.

כתובת התמונה אינה תקינה או מכילה אותיות בעברית

גם אם קיימת תגית og:image, הכתובת שבתוכה צריכה להיות תקינה.

כמה דברים שיכולים לגרום לבעיה:

• כתובת יחסית במקום כתובת מלאה
• כתובת שאינה HTTPS
• אותיות עבריות או תווים אחרים שלא קודדו בכתובת

כן כן – אם הקובץ מכיל אותיות בעברית – התמונה לא תוצג כשישתפו את העמוד. אין ושם בעיה שהמידע של התמונה (כותרת, טקסט אלטרנטיבי וכו') יכילו עברית. הבעייה היא רק בשם הקובץ.

פיתרון: העלו מחדש את הקובץ, הפעם עם שם תקני – רק אותיות באנגלית ומספרים. אם אפשר בלי רווחים – עוד יותר טוב!

קובץ התמונה עצמו לא נתמך

לא כל פורמט מתאים לשיתוף.

פורמטים כמו AVIF, HEIC ו־SVG עדיין אינם נתמכים על ידי פייסבוק ווואטסאפ.

התמיכה ב WEBP עדיין חלקית ולא כדאי לסמוך עליה.

בדרך כלל JPG הוא הבחירה הבטוחה ביותר, בעוד PNG מתאים בעיקר לגרפיקה ואיורים.

פיתרון: אם העליתם כתמונה ראשית תמונה בפורמט  AVIF או WEBP – פשוט תשמרו אותה מחדש כתמונת JPG, תעלו לעמוד כתמונה ראשית – וזהו.

לצורך ההמרה ניתן להעזר בשירותים כמו AVIF to JPG Converter / WEBP to JPG Converter

התמונה כבדה מדי

קבצים כבדים מאוד עלולים להידחות או להיטען בצורה חלקית.

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

• עד 300KB אם אפשר
• ועד 600KB לכל היותר

פיתרון: לדחוס את התמונה היטב. אפשר עם תוסף כיווץ מדיה שמותקן באתר, ואפשר לדחוס אצלכם במחשב ולהעלות לאתר תמונה דחוסה היטב.

התמונה קטנה מדי

תמונה ברוחב של כמה מאות פיקסלים תיראה מטושטשת, ולפעמים בכלל לא תוצג.

רצוי להשתמש בתמונה ברוחב של לפחות 1200 פיקסלים.

המינימום המקובל הוא בערך 300×200 פיקסלים.

פיתרון: בחרו תמונה ברזולוציה מתאימה.

יחס הממדים לא מתאים

נדיר שהבעיה הזאת תגרום לתמונה שלכם לא להיות מוצגת, אבל היא עלולה לגרום לתצוגה חתוכה ולא אסטטית.

פייסבוק אוהב תמונות רחבות. היחס המקובל הוא בערך 1.91:1.

אם משתמשים בתמונה מרובעת או צרה מאוד, לפעמים היא תיחתך בצורה לא מוצלחת.

פיתרון: ודאו שהתמונה שבחרתם אופקית, אפילו קצת פנורמית. זה עדיף בהרבה על תמונה מרובעת או אנכית.

תמונת השיתוף מוגדרת במקום אחר

בוורדפרס הרבה תוספי SEO מאפשרים להגדיר תמונת שיתוף נפרדת מהתמונה הראשית של העמוד/הפוסט.

לכן יכול להיות שהחלפתם Featured Image, אבל תוסף ה־SEO עדיין מציג תמונה אחרת.

כדאי לבדוק שאין שם תמונה ישנה שנשארה. ביואסט, למשל, במסך עריכת הפוסט, האפשרות לבחור תמונה יעודית לרשתות חברתיות נמצאת בטאבים של יואסט, תחת לשונית "חברתי".

המטמון באתר מציג מידע ישן

אולי החלפתם תמונה באתר, מבחינתכם הכל נראה מצוין, אבל האתר שלכם עדיין זוכר את התמונה הישנה, וזה מה שהוא נותן לפייסבוק ולוואצאפ, כשהם באים לבקש תמונה בשביל הפוסט.

במקרה כזה יכול להיות שצריך לרענן אחד או יותר מהמטמונים:

• תוסף Cache של האתר
• Cloudflare

פיתרון: לרוב המטמון אמור להתרענן אוטומטית אחרי שמירה של עמוד (למשל אחרי עדכון תמונה ראשית). אבל אם זה לא קרה – פוט תנקו מטמון ידנית.

המטמון של Meta מציג מידע ישן

אולי החלפתם תמונה באתר, אבל פייסבוק עדיין זוכר את התמונה הישנה. אם זה המצב, אז למרות שעשיתם הכל טוב, וואצאפ ופייסבוק  יציגו את התמונה שהם זוכרים מהעבר, ולא את התמונה העדכנית.

פיתרון: צריך לגשת אל Facebook Sharing Debugger, להזין את כתובת הדף הבעייתי, ללחוץ על כפתור Debug. אם הדף מעולם לא נבדק קודם תצטרכו ללחוץ על כפתור "Fetch new information".

אחרי שמתקבל המידע על הדף, צריך לבקש סריקה מחודשת שלו, ע"י לחיצה על כפתור "Scrape Again".

איך בודקים את כל זה?

אפשר כמובן לבדוק ידנית.

זה אומר:

• להציג את קוד המקור
• למצוא את תגיות Open Graph
• לבדוק את כתובת התמונה
• לפתוח אותה
• לבדוק את סוג הקובץ
• למדוד גודל קובץ
• לבדוק מידות
• לבדוק Cache
• לבדוק Facebook Debugger
• לבדוק הגדרות SEO

אבל בשביל מה?

אוגי עושה את כל זה בשבילכם

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

מדביקים כתובת של עמוד.

אוגי:

• בודק את תגיות Open Graph.
• בודק שהתמונה באמת נגישה.
• מזהה פורמטים שלא נתמכים.
• בודק גודל קובץ ומידות.
• מזהה שמות קבצים עם תווים בעייתיים.
• מחפש בעיות נפוצות ב־Cache.
• מסביר מה בדיוק מצא.
• מציע איך לפתור כל בעיה.

אין צורך לעבור על רשימות בדיקה או לחפש את התקלה לבד.

פשוט מדביקים את הכתובת ומקבלים דוח מסודר.

שאלות נפוצות

למה אני רואה את התמונה הנכונה אבל אחרים לא?

כנראה שאצלכם התמונה כבר נשמרה במטמון של הדפדפן, בעוד שפייסבוק או וואטסאפ עדיין משתמשים במידע ישן.

למה בפייסבוק התמונה מופיעה ובוואטסאפ לא?

לכל מערכת יש מנגנון Cache משלה. לפעמים אחת כבר רעננה את הנתונים והשנייה עדיין לא.

האם WebP נתמך?

לפעמים כן, לפעמים לא. הוא עדיין אינו נתמך באופן עקבי בכל שירותי השיתוף, ולכן JPG הוא הבחירה הבטוחה יותר.

האם כדאי להשתמש ב־SVG?

לא. פייסבוק ווואטסאפ אינם תומכים בו כתמונת Open Graph.

אם AVIF ו־WebP הם פורמטים טובים יותר ושוקלים פחות, למה לא להשתמש בהם?

בהחלט כדאי להשתמש בהם. הם בדרך כלל קטנים יותר מ־JPG באותה איכות, ולכן יכולים לעזור לשפר את מהירות טעינת האתר.

הבעיה היא שפייסבוק, וואטסאפ ושירותים נוספים עדיין לא תומכים בהם באופן מלא. לכן יש שתי דרכים מקובלות לעבוד:

אפשרות 1 – להגדיר תמונת שיתוף נפרדת

אפשר להשתמש ב־AVIF או WebP כתמונה הראשית של העמוד, ובמקביל להגדיר תמונת JPG ייעודית לשיתוף ברשתות החברתיות (Open Graph). החיסרון הוא שצריך לזכור לעשות זאת בכל עמוד מחדש.

אפשרות 2 – להשתמש בתוסף אופטימיזציית תמונות

זאת בדרך כלל הדרך הנוחה יותר. מעלים לאתר תמונות JPG רגילות, ותוסף אופטימיזציה דואג להגיש לכל מבקר את הפורמט המתאים. דפדפנים מודרניים יקבלו WebP או AVIF, בעוד שפייסבוק, וואטסאפ ושירותים אחרים יקבלו את קובץ ה־JPG המקורי.

תוספים פופולריים שעושים זאת כוללים את Imagify, ShortPixel, Optimole, EWWW Image Optimizer ו־LiteSpeed Cache (באתרים שפועלים על שרת LiteSpeed). כך אפשר ליהנות גם מביצועים טובים באתר וגם מתמונות שיתוף שעובדות בצורה אמינה.

לסיכום

כבעלי אתרים, אנחנו רוצים למשוך כמה שיותר תשומת לב חיובית – אנחנו רוצים שכאשר (אנחנו או אחרים) משתפים קישור לאתר שלנו – הוא יוצג הכי יפה, יתפוס מקסימום שטח ויראה הכי טוב.

לכן זה ממש מתסכל שמשתפים קישור מהאתר, והוא מוצג ללא תמונה, ולפעמים זה מרגיש כאילו אין סיבה מוצדקת. אבל תמיד יש סיבה: ברוב המקרים התקלה נמצאת באחד מהמקומות הקבועים: תגיות Open Graph, קובץ התמונה, או שכבת Cache.

אפשר לעבור על כל השלבים ידנית, ואפשר פשוט לתת לאוגי לבדוק אותם עבורכם.

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