אופטימיזציה לתמונות לשיפור מהירות האתר וקידום אתרים – קידום תמונות בגוגל

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

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

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

איך להתקדם בגוגל תמונות: אופטימיזציה לתמונות באתר ומה הקשר לקידום אתרים?

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

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

כמי שנמצא בזירת ה-SEO משנת 2009, יצא לי לנתח ולשפר אלפי אתרים.

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

עמוד ללא תוכן ויזואלי מאבד מהר מאד את תשומת הלב של הגולש הממוצע.

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

מתי נרצה "לאפטמז" את התמונות באתר?

התשובה היא, בתכלס, תמיד.

לדוגמא:

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

סרטון בן אני מספר על שיפור ואופטימיזציה של תמונות באתרים:

קידום תמונות במנועי חיפוש: איך זה מתבצע בפועל?

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

כדאי גם למקסם אותן לצרכי SEO ולבצע קידום תמונות כמו שצריך.

במיוחד בעידן הנוכחי, שבו אלגוריתמים של חיפוש מבוססי בינה מלאכותית (AI) ו-GEO (Generative Engine Optimization) סורקים אתרים, ההבנה של מודלי שפה גדולים (LLMs) נשענת רבות על ההקשר הויזואלי ועל טקסט ה-ALT כדי לבנות תשובות מדויקות לגולשים ב-AI Overviews.

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

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

כאשר מדברים על שימוש בתמונות בהקשר של קידום אתרים (SEO + AI) באופן מקצועי, חשוב להקפיד על כמה כללים.

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

כללים בסיסיים עבור אופטימיזציה של תמונות:

1. משקל ומימדי התמונה

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

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

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

המלצות עבור אופטימיזציה של תמונות לאתר בהיבט הטכני:

• שימוש בפורמט מתאים לסיטואציות שונות (jpg,png,gif, ובעיקר פורמטים מהדור החדש כמו WebP ו-AVIF) – פירוט מלא על סוגי הפורמטים השונים בהמשך.
• חשוב – הגדרת מימדים לכל תמונה באתר – הימנעו עד כמה שאפשר מהצגת תמונה בגודל קטן יותר מהגודל האמיתי (הפיזי) של התמונה, על מנת לא לבזבז משאבים מיותרים. הגדרת רוחב וגובה (Width & Height) גם מונעת תזוזות תוכן מעצבנות (CLS) ומשפרת את ציוני ה-Core Web Vitals של גוגל.
• הקפדה על התאמה רספונסיבית – במידה ואתם עובדים עם וורדפרס ועם תבנית מודרנית, רוב הסיכויים שסגרו לכם את הפינה הזאת. אבל במידה ולא, חשוב להקפיד תמיד שהתמונות באתר, במיוחד תמונות שנמצאות בתוך פוסטים, הן רספונסיביות ומוצגות היטב גם במכשירים סלולריים, טאבלטים וכו'.
• דחיסה מקסימלית של משקל התמונה מבלי לגרוע באיכות בצורה משמעותית (הרחבה על כלים ושיטות לעשות זאת – בהמשך).
• טעינה עצלה (Lazy Loading) – ודאו שהתמונות שלכם נטענות רק כשהגולש גולל אליהן. ניתן לעשות זאת בקלות על ידי הוספת התכונה loading="lazy" לקוד התמונה, מה שמשחרר משאבים יקרים בטעינה הראשונית של העמוד.

להרחבה על Lazy Loading ואיך זה עובד:

משקל מומלץ לתמונות

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

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

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

אין כלל אחד שנכון בכל המקרים, אבל מומלץ להקפיד שמשקל תמונה ממוצעת בתוכן לא יעלה על 70-80K, אלא אם זאת תמונה גלרייה / סליידר בעלת חשיבות מיוחדת שגם אותה רצוי להגביל למקסימום של 150-200K.

2. בחירת שם מתאים לתמונה

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

מרכיב נוסף של Image SEO זהו שם התמונה.

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

אחד מהם הוא שם הקובץ.

מומלץ להשקיע עוד שניה ולתת לתמונה שם המתאר את מה שרואים בתמונה.

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

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

דוגמאות לשם *לא טוב* של תמונה:

• DSC2387.jpg
• מקדם_אתרים.png

דוגמא לשם טוב של תמונה:

• search-engine-optimizer.jpg

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

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

3. ALT לתמונה – חלק משמעותי בתהליך של קידום תמונות

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

תגית alt שהיא קיצור של alternative, היא פרמטר שמטרתו לתאר את התמונה.

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

סרטון שלי מסביר על תגיות ALT לתמונות:

טכנית בקוד, זה נראה ככה:

<img src="tree.jpg" alt="עץ">

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

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

כמו כן, תגית אלט (טקסט חלופי) היא חלק מאופטימיזציית on-page לכל דבר.

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

איך בודקים אם לתמונה יש תגית ALT?

יש כמה דרכים:

1. הדרך החורנית (והמהירה) – עולים על התמונה עם העכבר –> קליק ימני –> בדוק מרכיב / Inspect (הניסוח משתנה בדפדפנים שונים).

נרצה לחפש את התגית בתוך הפקודה <img> כפי שהודגם מקודם.

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

   

3. Screaming Frog – שימוש בצפרדע מתאים כאשר נרצה לבצע סריקה יסודית ומקיפה של תמונות בכל רחבי האתר בו זמנית.

התהליך הוא הזנת URL לסריקה ואז לחיצה על הלשונית Images.

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

• תמונות שמשקלן עולה על 100kb
• תמונות ללא תגיות ALT
• תמונות עם תגיות ALT שמכילות מעל 100 תווים (וכנראה כדאי לקצר אותן קצת)

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

טיפים לאופטימיזציה של תגיות ALT:

• לא צריך (ואפילו אסור) לדחוף בכח מילות מפתח, אלא להשתדל לתאר במדויק את מה שרואים בתמונה.
• אם ניתן לשלב בין תיאור התמונה + מילת מפתח רלוונטית לעמוד בצורה טבעית והגיונית – מה טוב.
• לא צריך להגזים עם התיאור, תגית אלט באורך 2-5 מילים זה די והותר ברוב המקרים.
• מומלץ שתגית האלט ותגית הטייטל לתמונה לא יהיו זהות.
• לאתרי מסחר – אם יש למוצר מספר דגם (SKU) או מותג ספציפי, מומלץ מאד להשתמש בו בתגית אלט (על מנת להופיע בחיפושים מדויקים בגוגל תמונות).
• אין צורך להשתמש באלטים עבור תמונות רקע / תמונות דקורטיביות – אפילו מומלץ שלא, ואפשר להשאיר תגית ריקה (alt=""), על מנת שגוגל לא יחשוד שאתם מנסים לעשות אובר-אופטימיזציה (Spam).

4. קידום תמונות על ידי הגדרת תגית Title לתמונה

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

טייטלים לתמונות, או Captions בשימוש מסוים, הם סוג של tooltip שרואים במעבר עכבר על תמונה במחשב נייח. הרבה נוהגים לבלבל אותם עם תגיות ALT.

ככה זה נראה (תעברו עם העכבר על תמונה):

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

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

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

ככה זה נראה בקוד:

<img class="alignnone wp-image-1323 size-full" title="דוגמא לטייטל של תמונה">

5. סוגי תמונות וסיומות קבצים

יש כמה פורמטים מרכזיים לשימוש בתמונות באינטרנט שכדאי להכיר.

ארחיב בקצרה על כל אחד מהם:

• WebP / AVIF (פורמטים מהדור החדש) – אלו הם הפורמטים שגוגל אוהבת במיוחד כיום. פורמט WebP מספק כיווץ ויזואלי ללא פגיעה משמעותית באיכות, שקטן בעשרות אחוזים מקבצי JPG ו-PNG מקבילים. AVIF הוא פורמט חדש אף יותר שמציע יעילות כיווץ טובה יותר. מעבר לפורמטים הללו הוא שלב חובה לכל אתר שרוצה לעמוד בסטנדרטים של Core Web Vitals.
• JPEG/JPG – הפורמט הותיק והמסורתי ביותר, ועדיין נפוץ מאד. היתרון של פורמט JPG היא האפשרות להציג תמונות באיכות גבוהה יחסית ובמשקל סביר. תמונות מסוג JPG לא תומכות בשקיפות (opacity).
• PNG – היתרונות העיקריים של קבצי PNG הם איכות גבוהה מאד (ללא אובדן נתונים בדרך כלל) ותמיכה מושלמת בשקיפות. קבצי PNG למעשה מתחלקים ל-2 פורמטים – PNG24 שהוא איכותי יותר (ומשקל התמונה בהתאם) ו-PNG8 שהוא החסכוני מביניהם. זה הפורמט האידיאלי ללוגואים, אייקונים חדים או גרפיקות שדורשות רקע שקוף.
• GIF – פורמט GIF איתנו לא מעט זמן, החל מהימים שעוד היו דיסקטים. גיפים תומכים ב-256 צבעים בלבד, לכן הם פורמט פחות איכותי לתמונות ומיועדות בעיקר לאנימציות קצרות. בשורה התחתונה – גיפים לא נועדו להצגת תמונות סטטיות איכותיות ומשקלם לרוב כבד מאוד ביחס לתמורה, אלא אם מדובר באנימציות ואלמנטים פשוטים.
• SVG – וקטורים. מצוין ללוגואים ולאייקונים, ניתן להגדיל או להקטין אותם לכל גודל ללא איבוד איכות והמשקל שלהם אפסי.

כללי אצבע לבחירת פורמטים של תמונות

• ככלל ברזל, שאפו להגיש תמונות בפורמט WebP. זה יחסוך לכם משאבים רבים בשרת ויטיס את האתר.
• במידה ואין תמיכה ב-WebP, ברוב המקרים פורמט JPG יעשה את העבודה לתמונות פוטו רגילות.
• ללוגואים ואייקונים – העדיפו SVG או PNG.
• הימנעו מלהשתמש בקבצי GIF בקבצים גדולים המכילים פרטים רבים – משקל הקובץ יהיה גדול מדי. השתמשו בוידאו (MP4 למשל) במקום GIF במקרים של אנימציות ארוכות.

6. שימוש נכון בThumbnails

Thumbnails (תמונות מקדימות) הן מרכיב חשוב ואף קריטי באתרים מסוימים – בעיקר אתרים מבוססי גלריות ואתרי מסחר (E-commerce).

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

מה שהכי קריטי בשימוש בתמונות אלו הן שמירה על איכות סבירה ועל משקל נמוך ככל הניתן (מינימלי ממש).

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

הידעתם שכל שניה של עיכוב בטעינה של האתר עולה לאמזון 1.6 מיליארד דולר בשנה? חלק ניכר מזמן הטעינה באתרים מסוג זה – זה התמונות.

לטיפים נוספים על קידום חנות וירטואלית ואתרי מסחר.

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

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

טיפים לשימוש נכון ב Thumbnails:

• מומלץ מאד לייצר תמונה מוקטנת פיזית עבור ה-thumbnail ותמונה גדולה יותר עבור עמוד המוצר עצמו. לא להשתמש בתמונה הגדולה בתור הthumbnail ולהקטין אותה רק באמצעות קוד CSS/HTML! זה יעמיס פי כמה על טעינת האתר. במערכות CMS מתקדמות (כמו וורדפרס), המערכת חותכת את התמונות האלו אוטומטית בהתאם להגדרות התבנית.
• בכל הקשור לכללי האופטימיזציה של תמונות, מומלץ להשקיע יותר בתמונות הגדולות ולא בתמונות הממוזערות. לדוגמא – לא להכליל את הthumbnails ב Image Sitemap (הרחבה בהמשך), במקרים מסוימים אפילו לא להגדיר להן תגיות ALT מורכבות. השאיפה היא שגוגל יאנדקס את התמונות המלאות והאיכותיות על חשבון הThumbnails.
• במידה ובכל עמוד קטגוריה של מוצרים יש מוצרים רבים (נניח מעל 20-30), חובה להשתמש בטעינה עצלה (Lazy Load) שטוענת את התמונות רק כאשר הגולש גולל לאזור שבו הן נמצאות.

7. שימוש בטקסט עוטף ועיצוב הקשר ויזואלי (Context)

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

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

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

• וודאו שהתמונה ממוקמת פיזית בקוד ליד הטקסט שהכי רלוונטי אליה (ולא תמונה של אבטיח באמצע פסקה שמדברת על מכוניות).
• הגדירו כותרות פנימיות (H2, H3, H4) רלוונטיות בסביבת התמונה, אשר יעניקו לה קונטקסט נוסף.
• תיאור קצר (Caption) מתחת לתמונה (אפילו 10-20 מילים עדיפות מכלום) על התמונה, רצוי שיכלול מילת מפתח או שתיים שרלוונטיות – תורם רבות ל-SEO הוויזואלי.

8. מפת אתר לתמונות עבור אופטימיזציית תמונות

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

מפת אתר לתמונות (image-sitemap.xml) עוזרת לגוגל לקרוא ולאנדקס את התמונות שלנו באתר בצורה טובה ומהירה יותר. בדומה למפת אתר xml רגילה, גם מפת אתר של תמונות ניתן (ורצוי) להגיש באמצעות ה-Search Console, באזור של Sitemaps.

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

יש כמה פרמטרים לשימוש במפות אתר של תמונות, אבל גוגל מסבירים את זה הרבה יותר טוב ממני.

איך מייצרים מפת אתר עבור תמונות? (Image Sitemap)

• וורדפרס – כרגיל אם אתם עובדים על וורדפרס, החיים שלכם קלים. רוב תוספי ה-SEO הגדולים (כמו Yoast או RankMath) מייצרים מפות אתר הכוללות אוטומטית גם את התמונות המשויכות לכל פוסט או עמוד. אין צורך לייצר מפה נפרדת לתמונות אם התוסף שלכם כבר מבצע זאת בצורה תקינה ומשגר ל-Search Console.

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

9. לעודד שיתוף תמונות ושימוש ברשתות חברתיות

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

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

לעוד קריאה בהקשר הזה – 4 סיבות להשתמש ברשתות חברתיות כחלק מהקידום.

10. כלים להקטנה ואופטימיזציה של תמונות

כדי שלא תעבדו קשה מידי, קיימים כלים מצוינים שמאפשרים לכווץ תמונות ללא מאמץ:

• TinyPNG – שירות מעולה (והאהוב עליי אישית) המאפשר לדחוס תמונות מסוג PNG, JPG ואפילו WebP אונליין עם ממשק גרירה נוח במיוחד. יש להם גם תוסף נהדר לוורדפרס המאפשר לבצע דחיסה אוטומטית לכל תמונה שעולה לאתר (חינמי עבור כ-500 כיווצים בחודש).
• ShortPixel / Smush – תוספי וורדפרס פופולריים שמאפשרים כיווץ אוטומטי, המרה לפורמט WebP ברמת השרת וטעינה עצלה במכה אחת. פתרון מקיף ומומלץ לבעלי אתרי וורדפרס.
• Fotosizer – תוכנת Desktop נחמדה המאפשרת לערוך תמונות בכמויות גדולות (Bulk) למי שמעדיף לעבוד לוקאלית על המחשב לפני העלאה לשרת.
• Squoosh.app – כלי מבית גוגל המאפשר כיווץ ויזואלי סופר-מדויק ברמת התמונה הבודדת תוך השוואת איכות בזמן אמת, כולל המרה ל-AVIF ו-WebP.

שאלות ותשובות (Q&A) על אופטימיזציה לקידום תמונות

1. מהי אופטימיזציה של תמונות (Image SEO) בקצרה?

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

2. למה תגית ALT כל כך קריטית לקידום בגוגל?

מנועי חיפוש אינם "רואים" תמונות כמו בני אדם.

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

3. מה ההבדל בין JPG, PNG ו-WebP?

JPG מתאים לתמונות פוטו עשירות, PNG מושלם לגרפיקות שדורשות רקע שקוף ולוגואים.

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

4. האם חובה לשנות את שם הקובץ (File name) לפני ההעלאה לאתר?

מאד מומלץ. מנועי החיפוש קוראים את ה-URL של התמונה.

קובץ בשם "image123.jpg" לא מספק מידע, בעוד קובץ בשם "black-running-shoes.webp" מספק אינדיקציה חזקה לכוונת התמונה.

5. כמה משקל תמונה נחשב ל"טוב" מבחינת ביצועים?

לרוב, תמונות משולבות בתוכן כדאי להגביל לאזור ה-70-100 קילו-בייט (KB).

תמונות רקע רחבות, באנרים ענקיים או סליידרים יכולים לשקול סביב 150-250KB מקסימום.

6. מה זה Lazy Loading (טעינה עצלה)?

זוהי טכנולוגיה (היום נתמכת מובנית בדפדפנים עם הפקודה loading="lazy") שגורמת לתמונות שלא נמצאות באזור הצפייה הראשוני של הגולש להיטען רק כשהגולש גולל מטה.

זה משפר דרמטית את טעינת הדף הראשונית.

7. האם תמונות משפיעות על ציוני Core Web Vitals?

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

8. האם יש חשיבות לטקסט שנמצא מסביב לתמונה?

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

לסיכום:

מדריכים נוספים באתר:

• תמונות ללא זכויות יוצרים: המאגרים המובילים ברשת
• התוספים הטובים לכיווץ תמונות בוורדפרס
• האם תמונות באתר עוזרות לקידום אתרים?
• מאגרי תמונות מומלצים בחינם ובתשלום
• יצירת תמונות עם בינה מלאכותית
• הצד הטכני של קידום אתרים אורגני – מדריך
• איך לשפר את חווית המשתמש (UX) באתר?
• המדריך שלי על תמונות בפורמט Webp
• מחיקת תמונות בגוגל – האם זה אפשרי ואיך עושים את זה?
• מדריך שלי על סוכנות SEO