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

למה תמונות הן לרוב הגורם הכי כבד באתר?

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

אילו פורמטים כדאי להשתמש בהם היום?

פורמט	מתי מתאים
WebP	ברירת מחדל מומלצת, גודל קטן באיכות גבוהה
JPEG	תמונות צילום כשאין תמיכה ב-WebP
PNG	לוגו או גרפיקה עם רקע שקוף בלבד
SVG	אייקונים וגרפיקה וקטורית פשוטה

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

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

שינוי גודל למידות בפועל — תמונה שמוצגת ברוחב 800 פיקסלים לא צריכה להיטען ברוחב 4000 פיקסלים
דחיסה עם איכות 70-80 אחוז — ברוב המקרים העין לא מבחינה בהבדל מול איכות 100 אחוז, אבל גודל הקובץ קטן משמעותית
טעינה עצלה (lazy loading) — תמונות שמופיעות רק בגלילה נטענות רק כשהגולש מגיע אליהן, לא בטעינה הראשונית

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

למה alt text חשוב גם ל-SEO וגם לנגישות?

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

דוגמה לכתיבת alt text נכונה

לא טוב: “תמונה1.jpg” או “IMG_2024”
טוב: “רואה חשבון יושב מול מחשב עם דוחות כספיים על השולחן”

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

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

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