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

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

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

תמונות רלוונטיות

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

על מנת להבין את חשיבות הרלוונטיות הנה תמונה של כלב עושה SEO

אופטמיזציה לשם קובץ של תמונה

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

עוד כמה דברים על שמות של קבצים

• שם הקובץ לא צריך להיות ארוך מדי. 1-4 מילים זה מספיק
• יש להפריד בין המילים עם "-" ולא עם קו תחתון (_) מפני שגוגל לא יודע מה זה underscore
• מומלץ להשתמש באותיות קטנות בלבד (אם השפה באנגלית)

אופטימיזציית גודל תמונות

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

אם תשתמש בכלי מדידת זמני טעינה כמו webpagetest תוכל לראות שיש סיכוי גבוה שרב זמן הטעינה שלך "מתבזבז" על טעינת תמונות.  מעבר לכך, יש חשיבות לגודל התמונה בפועל לעומת גודל התצוגה שלך באתר. למשל, אם גודל התמונה המקורית הוא 1200*1600 פיקסלים ובאתר היא מוצגת בגודל 400*300 – אין צורך להעלות לשרת כזאת תמונה ענקית ובהחלט רצוי להקטין אותה באמצעות כלים ייעודיים מפני שלא משנה מה הגדול המוצג – הדפדפן עדיין טוען את כל התמונה.

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

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

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

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

תגית ALT בקוד נראית כך:

<img src="dog.jpg" alt="כלב">

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

דוגמא לתגית ALT – להצגת התגית לחצו ctrl+U בכרום או F12

עוד כמה דברים על תגיות ALT

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

אופטימיזציה של תגית Title לתמונות

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

הסתכל על הטייטל

כיתוב לתמונה (טקסט עוטף)

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

• טקסט מתחת לתמונה בתצורה של כיתוב במערכת wordpress (בדר"כ טקסט במסגרת אפורה מתחת לתמונה) כאן ניתן לכתוב על ידי מי צולמה התמונה, מתי צולמה, איך וכו'.
• שימוש בתגיות ALT,TITLE
• כותרות H1…H6 רלוונטיות בסמיכות לתמונה
• Meta Title רלוונטי לשם העמוד

מפת אתר לתמונות

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

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

• <image:image> תג חובה הכולל את כל המידע לגבי תמונה בודדת. יכול להכיל עד 100 תגים.
• <image:loc> כתובת התמונה, מיקומה הפיזי בשרת או בדומיין אחר (ראה שימוש ב-CDN בהמשך)
• <image:geo_location> מיקום גיאוגרפי פיזי שבו צולמה התמונה, מעולה לביצוע קידום לוקאלי
• תגיות נוספות: <image:caption> כיתוב, <image:title> כותרת, <image:license> קישור לרישיון התמונה

בדומה למפת אתר רגילה, גם את מפר התמונות יש לסבמט בכלי לניהול אתרים של גוגל (Search Console)

שימוש ב-CDN לשיפור זמן טעינה של תמונות

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

ישנם 2 דרכים לקונפיגורציה בעת שימוש ב-CDN עבור תמונות:

1. שם מתחם חיצוני שקיבלת מהספק. למשל image-cdn.cd-provider.com
2. שימוש ב-cName להפנות את שם המתחם החיצוני לסב-דומיין שלך. דגומא: cdn.yourwebsite.com

ניתן כמובן להשתמש בשתי השיטות אך השיטה המומלצת היא על שימוש בסב-דומיין תחת הדומיין שלך.

בניית קישורים נכנסים לתמונה

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

סיכום ומחשבות SEO אחרונות

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

אודות תמיר אורון

יועץ קידום אתרים, בעל ניסיון של +10 שנים בעולם ה-SEO והאונליין מרקטינג. מתמחה במתן שירותי ייעוץ לחברות אינטרנט, סטארטאפים ואתרי E-commerce