Image SEO: 9 אלמנטים מפתח

1. שיקולים כלליים ל-image SEO

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

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

2. גודל ומשקל של תמונה

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

משקל:

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

כלים להפחתת משקל תמונה:

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

• ›

  ImageOptim או TinyJPG, שמפחיתים משקל תמונה מבלי להשפיע על האיכות.

• ›

  Website Speed Test Image Analysis Tool מאפשר הורדה של פורמטי תמונה חדשים בקלות.

גודל:

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

כלים:

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

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

3. פורמט תמונה ידידותי ל-SEO

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

• ›

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

• ›

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

• ›

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

• ›

  GIF: משמש באנימציות ובתמונות נעות.

המלצות:

• ›

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

• ›

  תמיד דחוס תמונות, או ידנית או דרך כלי עיבוד אוטומטי.

• ›

  אם ה-web מכיל מספר icons, קבץ אותם לתמונה יחידה דרך CSS Sprites על מנת להפחית את מספר בקשות השרת ולשפר את הביצועים של ה-web שלך.

4. שדות SEO של תמונה

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

שם תמונה

שם תמונה מתייחס לשם הקובץ. זה ה-title של התמונה, שמשתמש במקפים וקווים תחתונים בין מילים. מומלץ לכלול את מילת המפתח שעליה אנחנו רוצים לדרג את התמונה שלנו גבוה יותר, להימנע מתווים לא רגילים (כמו "ñ", "?" או אותיות עם הטעמות, "á", וכו')

מומלץ גם להשמיט מילות יחס או תווים לא חיוניים אחרים בשם התמונה כדי לקצר את ה-URL ולהפוך אותו לידידותי ל-SEO ככל האפשר.

Title

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

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

תכונת "Alt"

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

התחביר שלו הוא הבא:

<img src="IMAGE LINK" alt="IMAGE ALT DESCRIPTION" />

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

בואו נראה איך כל שדה יכול להיות מאופטם לתמונה הזו על בסיס מילת המפתח היעד "ciberseguridad pymes", שממוצע החיפוש החודשי שלה הוא 90 (בספרד):

שם הקובץ:

• ›

  שגוי: 04745892595295.jpg

• ›

  נכון: ciberseguridad-pymes.jpg

Title: Consejos de ciberseguridad para empresarios y pymes. (עצות אבטחת סייבר לחברות ועסקים קטנים.)

טקסט Alt: Ciberseguridad para pymes y empresarios: consejos. (אבטחת סייבר לעסקים קטנים ולחברות: טיפים.)

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

5. הקשר סמנטי

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

6. Sitemap ספציפי לתמונות

כדי לעזור ל-bots של Google לעקוב אחר התמונות שלנו ביעילות רבה יותר, יש צורך ליצור sitemap.xml בלעדי עם סוג זה של קובץ. ב-WordPress, ניתן ליצור אותו אוטומטית עם כלים (תוספים) כמו Yoast או RankMath. אם אתה לא עובד ב-WordPress, אתה יכול להשתמש בכלים חלופיים או בכלי תכנות ידני (URL tracking).

הבא, תראה דוגמת sitemap עם שתי תמונות בתוך המאמר:

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1"> <url> <loc>http://example.com/sample.html&lt;/loc> <image:image> <image:loc>http://example.com/image.jpg&lt;/image:loc> </image:image> <image:image> <image:loc>http://example.com/photo.jpg&lt;/image:loc> </image:image> </url> </urlset>

חלק מהתגים הנפוצים ביותר בעת יצירת image sitemap הם:

→ Title תמונה

→ ה-URL או הנתיב שבו הקובץ נשמר

→ הערת השוליים

→ סוג רישיון

→ מידע גיאו-לוקיישן

• ›תיעוד: ניתן למצוא כמות גדולה של מידע בblog של Google על image sitemaps עם דוגמאות, מדריכי יישום ועוד.

לאחר סיום היישום, נוכל לאמת את סטטוס כיסוי האינדקס ב-Search Console.

7. Lazy Loading של תמונות (טעינה לפי דרישה)

תמונות הן חלק מהמשאבים הנפוצים ביותר באתרים, מכיוון ש-"תמונה אחת שווה אלף מילים", אומרים. לכן, ההיבט הוויזואלי של כל אתר מפותח בקפידה תוך שימוש באלמנטים מולטימדיה אלו. עם זאת, אי אופטימיזציה שלהם יכולה להיות לה השפעה שלילית על חוויית המשתמש וזמן הטעינה של ה-web. מסיבה זו, lazy loading מומלץ.

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

תוספים ליישום Lazy loading ב-WordPress

אם אתה מנהל אתרים בפלטפורמת התוכנה הזו, יש סט של תוספים שיתפסו את תשומת הלב שלך אם אתה רוצה לבצע אופטימיזציה לתמונות על ידי יישום lazy loading. זכור לבדוק אם ה-theme המותקן כולל את הפונקציה הזו. אם לא, הנה כמה מעניינים:

• ›

  BJ Lazy Load: קל להתקנה ולהגדרה, זה אחד הכלים הפופולריים ביותר, עם יותר מ-90,000 התקנות. הודות לתוסף הזה, אתה יכול להתאים בקנה מידה תמונות כדי להתאים אותן לגדלי מסך שונים.

• ›

  Lazy Load by WP Rocket: פשוט וקל להגדרה (בעיקר כי הוא לא מספק אפשרויות שונות), היתרון של תוסף זה הוא לא להשתמש בספריית JavaScript כמו jQuery.

8. שימוש ב-CDN לתמונות

CDN (Content Delivery Network) הוא סט של שרתים מפוזרים בכל העולם שמקלים על תוכן אתר ב-cached בהתאם למקום שבו המבקש נמצא. הודות לרשת אירוח זו, השרת שקרוב יותר למבקש יספק עותק של האתר המבוקש.

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

אם נשתמש ב-CDN (לדוגמה, Cloudflare) להצגת תמונות, אלו יורדו ויוצגו מהר יותר. הזרימה הישירה הזו תשפר ישירות את ה-SEO שלנו.

9. שיקולים אחרים

תמונות בעלות ערך SEO, כלומר, אלה שאנחנו רוצים לדרג גבוה יותר, חייבות להיות כלולות בקוד המקור של ה-URL. אלו שמיושמים כתכונת רקע ב-CSS לא יהיו נראים ל-Google, מאחר שהיא לא יכולה להבין סוג זה של גליונות סגנון.

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

• ›

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

• ›

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

• ›

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

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