הוספת תגית אלט (ALT Tag) לתמונות באתר היא הרבה מעבר ל"עוד פעולת SEO קטנה" – מדובר באחד המרכיבים הקריטיים ביותר להנגשת האתר, לקידום בחיפוש התמונות של גוגל, ולבניית הקשר סמנטי ברור עבור מנועי החיפוש.
במאמר זה, המבוסס על הניסיון המקצועי שלי (דניאל זריהן) בקידום אורגני מאז שנת 2009, נלמד בדיוק מהי תגית אלט, איך לכתוב אותה נכון כדי להימנע מענישות, ואיך היא משתלבת באסטרטגיית הנכסים הדיגיטליים שלכם.
- תגית ALT מספקת תיאור טקסטואלי לתמונה עבור מנועי החיפוש ומשתמשים כשזו לא נטענת.
- היא מהווה דרישת סף מרכזית להנגשת אתרים חוקית עבור כבדי ראייה (תקן AA).
- כתיבת טקסט אלטרנטיבי מדויק תורמת משמעותית לטראפיק מ-Google Images.
- חובה להימנע מ"דחיסת מילות מפתח" (Keyword Stuffing) בתוך התגית כדי לא לפגוע בדירוגים.
- ניתן למצוא תגיות חסרות באתר בקלות באמצעות סורקים חינמיים כמו Screaming Frog.
ישנם כמה וכמה מושגים שכל מי שמנהל אתר אינטרנט, מקדם אתר אינטרנט, או מקים אתר אינטרנט צריך להכיר בהקשר של שימוש בתמונות.
תגית ה – ALT או בשמה המלא Alternative Text היא אחד מן המושגים האלו.
תגיות אלט – מה זה תגית אלט?
אז, מה זה alt?
תגית ה – ALT משמשת אותנו לציון תיאור חילופי לתמונה (בהמשך נבין למה זה בכלל חשוב), והיא אינה מוצגת למשתמש אם התמונה נטענה באופן תקין.
עם זאת, במידה והתמונה לא נטענה למסגרת המיועדת לה בעמוד, יוצג במסגרת עצמה הטקסט החלופי המתאר אותה.
במדריך הבא על Alt Tag לתמונה נלמד:
- אז למה עושים שימוש בטקסט אלטרנטיבי לתמונה?
- מה ההבדל בין טקסט אלטרנטיבי לכותרת התמונה ול- Caption?
- איך בוחרים טקסט אלטרנטיבי נכון?
- מה הקשר של תגית ה – ALT לדרישות החוק?
- למה תגיות ALT לתמונות חשובות בהקשר של אופטימיזציה לתמונות?
סדר בעולם המושגים
כאשר מתייחסים לתמונה המשולבת באתר אינטרנט, צריך להבדיל בין ארבעה מושגים עיקריים:
1. טקסט אלטרנטיבי – Alt Text – תגית ALT לתמונה זהו בעצם טקסט שאמור להכיל תיאור חלופי לתמונה, כלומר, לתאר במספר מילים בודדות מה רואים בתמונה.
התיאור הזה מוצג למשתמש, כאמור, רק אם התמונה לא נטענה באופן תקין והוצגה למשתמש.
בנוסף, תגית זו משתמשת אנשים עיוורים שנעזרים בתוכנה מיוחדת שמקריאה להם מה שכתוב בתגית ה-ALT של התמונה.
על מנת לראות את הפוטנציאל האורגני ותוך כמה זמן נכפיל לך את ההכנסות
ניתן לחייג למספר 052-9095200 או למלא את הטופס:
כך למעשה לתגית הזו גם חשיבות גדולה בהקשר של הנגשת אתרים לעיוורים ובעלי מוגבלות.
2. כותרת התמונה – Image Title – מתארת בשתיים או שלוש מילים את התמונה.
הכותרת תוצג למשתמש במעין בועית עזרה, עם מעבר העכבר עליה.
3. שדה ה – Caption של התמונה – כאן מדובר בטקסט שמתלווה לתמונה ומוצג בתיבת טקסט הצמודה אליה.
נהוג לעשות שימוש בשדה הזה כדי להרחיב את המידע המוצג למשתמש באמצעות התמונה.
4. שם קובץ התמונה – פשוטו כמשמעו – השם במערכת הקבצים של הקובץ המכיל את התמונה.
המושגים שהצגנו כאן רלוונטיים להיבטים שונים של קידום מקצועי בגוגל של אתרים, נגישות אתרי אינטרנט, שיפור חווית משתמש באתר ועוד. בואו נצלול פנימה, ונתמקד בתגית ה – Alt Text.
סיכום מהיר: ההבדל בין סוגי התגיות לתמונות
| סוג שדה / תגית | מטרה עיקרית | האם קריטי ל-SEO? | מתי הגולש רואה את זה? |
|---|---|---|---|
| Alt Text (טקסט חלופי) | תיאור התמונה למנועי חיפוש ולקוראי מסך | כן, קריטי מאוד | כשהתמונה שבורה / בתוכנות הקראה |
| Image Title (כותרת) | רמז מקדים קצר לתמונה | פחות קריטי, מומלץ | במעבר עכבר (Hover) על התמונה |
| Caption (כיתוב) | הרחבת מידע ומתן הקשר תוכני לגולש | תורם לעושר התוכן ולזמן השהייה | מופיע תמיד גלוי (מתחת או לצד התמונה) |
למה בכלל צריך תגית אלט / טקסט אלטרנטיבי?
אז למה בכלל צריך תגיות אלט?
לטקסט אלטרנטיבי המוטמע בקוד HTML עבור תמונה באתר, מספר שימושים:
1. משמש כחלופה לטעינה לא תקינה של התמונה – כאמור, אם התמונה לא מוצגת, מסיבה כזו או אחרת, על המסך, הטקסט המופיע בתגית ה – ALT יוצג במקומה בתוך מסגרת התמונה שהייתה אמורה להיטען.
2. משמש לקידום האתר – טקסט אלטרנטיבי מסייע למנוע החיפוש להבין במה עוסקת התמונה, ועל ידי כך לחזק את ההבנה שלו לגבי הנושא בו עוסק העמוד כולו.
הבנה כזו היא חשובה, כמובן, אם רוצים שמנוע החיפוש יחליט לדרג את העמוד הספציפי עבור ביטויי מפתח רלוונטיים, במקום ריאלי בדף תוצאות החיפוש.
חשוב לציין – עם כל הכבוד לתגית הטקסט האלטרנטיבי, המשקל שלה בהקשר של SEO היא לא כזאת גדולה כמו שרבים חושבים.
פרמטרים מסורתיים של קידום אורגני כמו תוכן, אופטימיזציה ויצירת קישורים חיצוניים על בסיס קבוע חשובים הרבה יותר מבחינת האפקט המצטבר.
עם זאת, זה לא אומר שצריך לזלזל בזה – בקידום אורגני, כל פעולה קטנה יכולה לתרום למאמץ הכולל, ובמיוחד כשזאת פעולה של אופטימיזציה למנועי חיפוש שנמצאת בשליטתנו המוחלטת.
3. משמש לקידום התמונה בחיפוש תמונות – טקסט אלטרנטיבי מסייע למנוע החיפוש להבין כי התמונה הזאת רלוונטית גם בעת ביצוע חיפוש של תמונות על ידי הגולש.
נכון, כל אחד יכול להזין תגית טקסט אלטרנטיבי לתמונה, ומובן שגוגל מתחשבת בעוד כמה פרמטרים בעת הדירוג של התמונה בחיפוש התמונות, אולם העדר של תגית ALT סביר שיפגע ביכולת של תמונה מסוימת להיות מדורגת היטב עבור חיפוש כזה.
4. משמש להטמעת נגישות באתר – טקסט אלטרנטיבי מסייע להנגיש את האתר עבור לקויי ראיה או עיוורים, העושים שימוש בתוכנה אשר מקריאה להם את תוכן האתר.
בצורה כזאת, יודעת התוכנה הרלוונטית לחלץ את תגית הטקסט האלטרנטיבי של התמונה, ולתאר את מה שנראה בתמונה עבור המשתמש.
יש לציין, כי תקנות הנגישות לשירות, מפרטות את החובות החלות על בעלי אתרי אינטרנט בנושא הנגשת אתרים.
צריך לזכור, שהנגשה של האתר לא רק מסייעת לבית העסק להגיע לקהל יעד רחב יותר, היא גם מייצרת לבית העסק יתרון תחרותי, מסייעת לו לקדם את האתר במנועי החיפוש השונים, משפרת את התדמית של בית העסק, ומסייעת לו להימנע מתביעות שונות.
כמו שאני מסביר בפירוט בספר שלי למה אתה עדיין לא מיליונר, הפיכת האתר שלכם לנכס דיגיטלי איכותי ונגיש היא השקעה אסטרטגית המניבה תשואה לטווח ארוך.
טיפול יסודי בתמונות ובנגישות מונע הוצאות מיותרות ומגדיל את פוטנציאל החשיפה וההכנסות שלכם מהתנועה האורגנית.
איך לכתוב תגית ALT מנצחת? טיפים מניסיון בשטח
לאחר שסרקתי וקידמתי עשרות אלפי עמודים לאורך שנותיי במקצוע, ריכזתי עבורכם את כללי הברזל לכתיבת טקסט אלטרנטיבי מעולה:
- תהיו תיאוריים ומדויקים: כתבו בדיוק מה שרואים בתמונה. במקום המילה "מחשב", כתבו "מחשב נייד אפל מקבוק פרו כסוף על שולחן עץ".
- הימנעו מספאמינג (Keyword Stuffing): אל תדחסו את מילת המפתח 10 פעמים בתוך התגית. גוגל מזהה מניפולציות כאלו ועלולה להעניש את העמוד.
- שמרו על אורך סביר: תוכנות להקראת מסך נוטות לחתוך טקסטים ארוכים מדי (לרוב באזור ה-125 תווים). היו תמציתיים.
- ותרו על "תמונה של": מנוע החיפוש וקורא המסך כבר יודעים שמדובר בתמונה. התחילו מיד בתיאור האובייקט עצמו.
טיפים כלליים לשימוש בתמונות באתר
הזכרתי את כל הדברים האלה וכתבתי עליהם בהרחבה במדריך שלי על אופטימיזציה של תמונות, אבל כשירות לציבור אני אציין גם כמה מהגורמים היותר חשובים בהקשר של קידום תמונות בגוגל.
הגורמים הם:
- גודל התמונה – כאשר מטמיעים תמונה באתר, מתקיים באופן תמידי המתח הזה שבין הרצון לעשות שימוש בתמונה איכותית ובין הרצון לעשות שימוש בתמונה רזה וקלה, שלא תגרום לאיטיות בזמני טעינת האתר.
ביחרו בגודל התמונה האופטימלי שיאפשר לכם להשיג את שתי הדרישות האלו. בנוסף, יש היום המון כלים ודרכים להקטין את משקל התמונות. משתמשים בוורדפרס? זה מדריך שכדאי לכם לעבור עליו. - פורמט – גוגל יודעת לסרוק סוגים שונים של פורמטים של תמונות, כמו jpg, gif, bmp ועוד. ביחרו בפורמטים רזים יחסית, ובכל מקרה השתדלו שלא לעשות שימוש בפורמטים בזבזניים, כמו bmp או פורמטים כבדים ולא דחוסים. היום ההמלצה הרווחת היא לעבוד עם פורמט WebP.
- מקוריות – השתדלו להימנע היכן שאפשר משימוש בתמונות סטוק מוכרות. יש תמונות שהן… איך נאמר זאת בעדינות, הפכו להיות פופולריות, פופולריות מידי בקרב בוני מצגות, מעצבי אתרים וכו'. היו מקוריים, והיכן שאפשר, שלבו תמונות איכותיות שצילמתם בעצמכם.
זכויות יוצרים – בשום פנים ואופן אל תפרו זכויות יוצרים. כאשר אתם עושים שימוש בתמונה, הקפידו לברר לאיזה סוג מ – 6 הסוגים שהגדיר המוסד ללא כוונת הרווח Creative Commons שייכת התמונה, ובפרט האם מותר לכם לערוך אותה, להפיץ אותה, האם אתם חייבים במתן קרדיט לבעלים של התמונה ועוד.
אם בכל זאת אתם רוצים להיות בטוחים שאתם לא מפרים זכויות וחשופים לתביעות שונות, צלמו את התמונות בהן אתם עושים שימוש בעצמכם, או ריכשו את התמונות ממאגרי תמונות בתשלום.
רלוונטיות – עשו שימוש בתמונות רלוונטיות, ולא סתמיות.
עיטוף התמונה – כדי שמנועי החיפוש השונים יבינו מהי התרומה הספציפית של התמונה לעמוד האינטרנט שבו היא מוטמעת, חשוב יהיה לעטוף את התמונה בטקסט רלוונטי ואיכותי. השילוב הזה שבין תוכן איכותי שבהיר ונהיר למנוע החיפוש, ותמונה מוצלחת – יעשה את העבודה על הצד הטוב ביותר.
ועוד קטנה לסיום…
אחת הדרכים החביבות עליי לאתר ולתקן תמונות ללא תגיות ALT באתר כלשהו, היא באמצעות סריקה בתוכנה Screaming Frog, שעושה את החיים קלים בהקשר הזה.
התוכנה גם מאפשרת לאתר תמונות כבדות באתר (למשל, מעל 100K) ועוד המון פעולות בסגנון. היכנסו למדריך שלי על זה או תצפו בסרטון בו אני מדגים שימוש בתוכנה:
שאלות ותשובות נפוצות על תגיות ALT לתמונות
1. האם חובה לשים תגית אלט בכל תמונה באתר?
לא. תמונות המשמשות אך ורק לעיצוב אסתטי (כמו קווים מפרידים, אייקונים עיצוביים או רקעים) צריכות לקבל תגית אלט ריקה (alt="").
בצורה זו, קוראי המסך המיועדים לעיוורים ידעו לדלג עליהן ולא יציפו את המשתמש במידע מיותר.
2. מה האורך המומלץ לכתיבת טקסט אלטרנטיבי (ALT)?
ההמלצה המקצועית המובילה היא לשמור על אורך טקסט של עד 125 תווים.
הסיבה לכך היא שרוב תוכנות הקראת המסך חותכות את קריאת הטקסט לאחר כמות תווים זו, ולכן כדאי להיות תמציתיים וברורים.
3. האם דחיסת מילות מפתח בתגית ה-ALT תעזור לקידום שלי בגוגל?
חד משמעית לא.
דחיסת מילות מפתח (Keyword Stuffing) נחשבת לפרקטיקה פסולה (Black Hat) שעלולה להוביל לפגיעה בדירוגים ואפילו לענישה.
עליכם לכתוב תיאור טבעי שמשלב את מילת המפתח רק אם היא מתארת את התמונה בצורה הגיונית.
4. האם גוגל מסוגל להבין מה יש בתמונה גם בלי תגית אלט?
כן, בשנים האחרונות גוגל משתמש בטכנולוגיות מתקדמות של בינה מלאכותית וזיהוי תמונה (Computer Vision) כדי להבין את התוכן הוויזואלי.
למרות זאת, תגית האלט עדיין קריטית להקשר (Context) ומספקת למנוע החיפוש אישור ודאי לכוונת התמונה.
5. איך אני בודק אם חסרות לי תגיות אלט באתר?
הדרך הקלה והמהירה ביותר לעשות זאת היא באמצעות כלי סריקה ייעודיים ל-SEO, כשהמוכר שבהם הוא תוכנת Screaming Frog (לה סקירה מלאה אצלי באתר).
הכלי סורק את כל עמודי האתר ומציג רשימה מדויקת של כל התמונות שחסר להן טקסט אלטרנטיבי.
6. מה ההבדל בין תגית אלט חסרה לתגית אלט ריקה בקוד?
תגית אלט חסרה פירושה שהשדה עצמו לא קיים בקוד ה-HTML (לדוגמה `` ללא המילה alt).
תגית אלט ריקה מופיעה בקוד כך: `alt=""`.
מבחינת נגישות, תגית חסרה תיחשב לשגיאה, בעוד תגית ריקה תאותת לקורא המסך שזו תמונת אווירה ויש לדלג עליה.
7. עד כמה תגית ה-ALT חשובה לאתרי חנויות ואיקומרס (eCommerce)?
אפשר להגיד שהיא חשובה מאד באתרי איקומרס.
משתמשים רבים מחפשים מוצרים ישירות דרך חיפוש התמונות של גוגל (Google Images).
תמונת מוצר עם תגית אלט נכונה (הכוללת את שם הדגם, הצבע והסוג) תזרים קונים רלוונטיים ישירות לעמוד המכירה שלכם.
8. האם כדאי לכתוב את תגית האלט באנגלית או בעברית?
תגית האלט צריכה להיכתב תמיד בשפת העמוד בו התמונה נמצאת.
אם האתר שלכם בעברית וקהל היעד שלכם מחפש בעברית – כיתבו את הטקסט האלטרנטיבי בעברית מלאה ותקינה.
9. האם תמונות רקע המוגדרות ב-CSS צריכות לקבל תגית אלט?
לא. תמונות רקע המוגדרות דרך קבצי העיצוב (CSS) אינן מקבלות תגית אלט.
זו עוד סיבה לכך שאם יש לכם תמונה המעבירה מסר שיווקי או אינפורמטיבי חשוב – חובה להטמיע אותה כתמונת HTML רגילה ולא כרקע.
10. מה עדיף – תגית אלט או כיתוב תמונה (Caption)?
אין כאן "עדיף" – הם משרתים צרכים שונים.
תגית אלט מיועדת למנועי חיפוש ולכבדי ראייה כדי להסביר *מה רואים* בתמונה.
כיתוב תמונה (Caption) גלוי לכל הגולשים ונועד לספק *הקשר תוכני* או עובדת הרחבה התורמת לזמן השהייה בעמוד.
