שיטות מומלצות לשימוש ב-Google תמונות

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

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

איך יוצרים חוויית משתמש מעולה

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

• יש לספק תוכן טוב: כדאי לוודא שהתוכן החזותי רלוונטי לנושא הדף. מומלץ להציג תמונות רק אם יש להן ערך מוסף מקורי לתוכן הדף. רצוי להימנע במיוחד מדפים המכילים תמונות או טקסט שאינם מקוריים.
• מיקום אופטימלי: כדאי למקם תמונות ליד הטקסט הרלוונטי להן, ככל האפשר. אם הדבר הגיוני, מומלץ למקם את התמונה החשובה ביותר בראש הדף.
• לא מומלץ להטמיע טקסט חשוב בתוך תמונה: רצוי להימנע מהטמעת טקסט בתמונות, במיוחד כשמדובר ברכיבי טקסט כמו כותרות דף ופריטי תפריט, כי לא לכל המשתמשים יש גישה אליהם (וכלי התרגום של הדף לא יפעלו על תמונות). כדי להבטיח נגישות מרבית לתוכן, עדיף לשמור טקסט בפורמט HTML ולהשתמש בטקסט חלופי לתמונות. 
• יש לבנות אתרים אינפורמטיביים ואיכותיים: עבור תמונות Google, איכות התוכן בדף האינטרנט זהה בחשיבותה לתוכן החזותי – תוכן הדף מספק הקשר ומביא לנקיטת פעולה ביתר קלות. תוכן הדף מאפשר לחולל קטע טקסט המתייחס לתמונה, ו-Google מתייחסת לאיכות של תוכן הדף בדירוג התמונות.
• בניית אתרים ידידותיים למכשיר החיפוש: משתמשים מעדיפים יותר לערוך חיפוש בתמונות Google ממכשירים ניידים מאשר ממחשבים שולחניים. לכן חשוב להתאים את עיצוב האתר לשימוש בכל המכשירים ובכל הגדלים. מומלץ להשתמש בכלי לבדיקת ההתאמה לניידים כדי לבדוק את איכות התפקוד של הדפים שלכם בניידים ולקבל משוב לגבי הבעיות שיש לפתור.
• בניית תשתית כתובת אתר טובה לתמונות: Google נעזרת בנתיב כתובת האתר ובשם הקובץ כדי לפענח את תוכן התמונות שלכם. מומלץ לארגן את תוכן התמונה באופן שיאפשר בניית כתובות אתר הגיוניות.

בדיקת כותרת הדף ותיאורו

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

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

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

הוספת נתונים מובנים

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

• מוצר
• סרטון
• מתכון

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

אופטימיזציה לשיפור המהירות

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

ב-Google תמונות, הלוגו של AMP  עוזר למשתמשים לזהות דפים שנטענים במהירות וללא תקלות. מומלץ להפוך את הדף שמארח את התמונות ל-AMP כדי לקצר את זמן העלאת הדף (במקרים שבהם דף היעד הוא דף הנחיתה שאליו מגיע המשתמש לאחר לחיצה על תוצאה בתמונות Google).

אפשר לנתח את מהירות האתר באמצעות PageSpeed Insights ולהיכנס לדף Web Fundamentals (היסודות של בניית אתרים) כדי ללמוד על השיטות והטכניקות המומלצות לשיפור ביצועי האתר.

הוספת תמונות באיכות גבוהה

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

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

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

כמו כן, שם הקובץ יכול לספק ל-Google רמזים על נושא התמונה. למשל, my-new-black-kitten.jpg עדיף על JPG.IMG00023‏.

שימוש בטקסט חלופי תיאורי

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

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

כשבוחרים טקסט חלופי, מומלץ שהתוכן שלו יהיה שימושי ועשיר במידע, להשתמש בו כראוי במילות מפתח ולוודא שהוא רלוונטי לתוכן הדף. לא כדאי להזין במאפייני ה-alt את מילות המפתח (טכניקה שנקראת דחיסת מילות מפתח) – הדבר משבש את חוויית המשתמש ועלול לגרום לאתר להיראות כספאם.

• לא טוב (חסר טקסט חלופי): <img src="puppy.jpg"/>
• לא טוב (דחיסת מילות מפתח): <img src="puppy.jpg" alt="puppy dog baby dog pup pups puppies doggies pups litter puppies dog retriever  labrador wolfhound setter pointer puppy jack russell terrier puppies dog food cheap dogfood puppy food"/>
• טוב יותר: <img src="puppy.jpg" alt="puppy"/>
• הכי טוב: <img src="puppy.jpg" alt="Dalmatian puppy playing fetch"/> 

מומלץ לבחון את התוכן באמצעות בדיקת נגישות ושימוש במדמה של חיבור רשת איטי.

שימוש בקובץ sitemap של התמונה

תמונות הן מקור מידע חשוב על תוכן האתר שלכם. ניתן למסור ל-Google פרטים נוספים על התמונות ולספק את כתובת האתר שלהן (כתובת שייתכן שלא נוכל לגלות בדרך אחרת) באמצעות הוספת מידע לקובץ ה-sitemap של התמונה.

קובצי sitemap של תמונות מסוגלים להכיל כתובות אתרים מדומיינים אחרים, שלא כמו קובצי sitemap רגילים האוכפים מגבלות בין דומיינים. תכונה זו מאפשרת למנהלי אתרים להשתמש ברשתות CDN (רשתות להצגת תכנים) לאירוח תמונה. מומלץ לאמת את שם הדומיין של ה-CDN באמצעות Search Console כדי שנוכל ליידע אתכם על שגיאות סריקה העלולות להתגלות.

אילו פורמטים של תמונות נתמכים?

Google תמונות תומך בפורמטים הבאים של תמונות: BMP, ‏GIF, ‏JPEG,‏ PNG, ‏WebP,‏ SVG ותמונות מוטבעות. 

תמונות מוטבעות הן בייטים של נתוני תמונות גולמיים שמזינים בתוך התג <img>. כדי לצרף תמונות מוטבעות, צריך להשתמש בפורמט הבא:

      ‎<img src="data:image/svg+xml;base64,...image data...">‎

כאן, נתוני התמונה הם מחרוזת בקידוד Base64.

תמונות מוטבעות יכולות להקטין את בקשות ה-HTTP, אבל להגדיל משמעותית את הדף. לכן, מומלץ למנהלי אתרים לשקול היטב מתי להשתמש בהן. אפשר לקרוא מהם היתרונות והחסרונות של תמונות מוטבעות בדף Web Fundamentals (היסודות של בניית אתרים).

תמונות רספונסיביות

לרוב, דפי אינטרנט רספונסיביים מובילים לחוויית משתמש טובה יותר, כי המשתמשים יכולים להיכנס אליהם ממכשירים שונים. בקטע על תמונות בדף Web Fundamentals (היסודות של בניית אתרים) אפשר לקרוא שיטות מומלצות לשילוב תמונות באתר רספונסיבי. 

כדי לשלב תמונות בדף רספונסיבי צריך להשתמש במאפיין <img srcset> או במאפיין <picture>. עם זאת, חלק מהדפדפנים והסורקים לא תומכים בתגים האלה. לכן, מומלץ לציין גם כתובת אתר כגיבוי באמצעות המאפיין <img src>.

שימוש באלמנט <img srcset>

המאפיין srcset מאפשר לציין גרסאות שונות של אותה תמונה לגדלים שונים של מסכים בתוך האלמנט <img>.

דוגמה

‎<img srcset="example-320w.jpg 320w,‎
             example-480w.jpg 480w,‎
             example-800w.jpg 800w"‎
     sizes="(max-width: 320px) 280px,‎
            ‎(max-width: 480px) 440px,‎
            800px"‎
<"‎src="example-800w.jpg" alt="responsive web!‎‎

שימוש באלמנט <picture>

האלמנט <picture> הוא קונטיינר שבו אפשר לקבץ גרסאות שונות של אותה תמונה באמצעות התג <source>. אפשר להשתמש בו כגיבוי, כך שהדפדפן יוכל לבחור בתמונה המתאימה לתכונות המכשיר, כמו צפיפות פיקסלים וגודל מסך. באמצעות האלמנט <picture> אפשר גם להשתמש בפורמטים חדשים של תמונות עם הפחתה חיננית מובנית, אם הלקוחות תומכים בפורמטים החדשים האלה.

תמיד מומלץ להשתמש באלמנט <img src=...‎> כגיבוי כשמשתמשים באלמנט <picture>, כמו בדוגמה הבאה:

<picture>
  ‎<source type="image/svg+xml" srcset="pyramid.svg">‎
  ‎<source type="image/webp" srcset="pyramid.webp">‎ 
  ‎<‎img src="pyramid.png" alt="large PNG image...">‎
‎</picture>‎

אופטימיזציה לחיפוש בטוח

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

קיבוץ תמונות למבוגרים-בלבד במיקום של כתובת אתר נפוצה

אם האתר מכיל תמונות המיועדות למבוגרים בלבד, מומלץ בחום לקבץ את התמונות בנפרד מתמונות אחרות באתר. למשל: http//www.example.com/adult/image.jpg. 

הוספת מטא-נתונים לעמודים למבוגרים בלבד

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

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

<meta name="rating" content="adult" />
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA" />

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

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

ולבסוף...

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