מה זה תגית alt ולמה היא חשובה לSEO ונגישות

מבוא

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

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

מהי תגית ALT?

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

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

דוגמה בסיסית

<img src="sunset.jpg" alt="שקיעה על חוף הים עם שמיים כתומים">

למה תגית ALT חשובה?

1. נגישות

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

2. קידום אתרים (SEO)

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

3. חוויית משתמש

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

4. תאימות רגולטורית

במדינות רבות קיימים חוקים המחייבים אתרים להיות נגישים, למשל חוק שוויון זכויות לאנשים עם מוגבלות בישראל או תקנות ה־ADA בארה״ב.
היעדר תגיות ALT עלול להיחשב כהפרת החוק.

איך כותבים תגית ALT נכונה?

כללים בסיסיים

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

דוגמאות טובות ורעות

דוגמה טובה

<img src="coffee-cup.jpg" alt="כוס קפה חם על שולחן עץ ליד ספר פתוח">

הטקסט מתאר בצורה ברורה את התמונה ומוסיף הקשר.

דוגמה רעה

<img src="coffee-cup.jpg" alt="תמונה של קפה, קפה, קפה, הכי טוב קפה, קפה שחור טעים!">

כאן מדובר בשימוש מוגזם במילות מפתח ללא ערך אמיתי.

דוגמה נוספת (לוגו)

<img src="logo.png" alt="לוגו של חברת ContextMaker">

מתי לא להשתמש ב־ALT?

ישנם מקרים שבהם ניתן להשאיר את תגית ALT ריקה, אך לא לוותר עליה לגמרי:

1. תמונות דקורטיביות בלבד

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

<img src="decorative-line.png" alt ="">

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

הדבר תורם לנגישות משום שהמשתמשים שזקוקים לקורא מסך יקבלו רק את המידע המהותי.

2. רקעים גרפיים

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

3. תמונות שחוזרות על מידע שכבר מופיע בטקסט

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

4. אייקונים עם טקסט צמוד

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

5. תמונות שמיועדות אך ורק למעקב אנליטי או טכני

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

טעויות נפוצות בכתיבת תגית ALT

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

תגית ALT ותמונות SEO קשר ישיר

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

כלים וטיפים לניהול ALT באתר

• מערכות ניהול תוכן (CMS) – ברוב המערכות (WordPress, Wix, Shopify) ניתן להוסיף ALT בעת העלאת תמונה.
• כלי SEO – כלים כמו Screaming Frog או Ahrefs מאתרים תמונות ללא ALT.
• בדיקות נגישות – כלים כגון WAVE או Lighthouse של גוגל מזהים בעיות נגישות.
• קונסיסטנטיות – קבעו מדיניות ברורה לכתיבת ALT בכל האתר.

תגית ALT בעידן ה־AI

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

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

סיכום

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

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