דוגמה לקוד HTML:
<img src="https://example.com/images/cat-on-keyboard.jpg" alt="חתול ג'ינג'י יושב על מקלדת של מחשב נייד">
מהי חשיבותה של תגית ALT?
לתגית Alt יש חשיבות מכרעת עבור שתי מטרות עיקריות:
- נגישות: עבור משתמשים עם לקויות ראייה, קוראי מסך מקריאים את תגית ה-Alt בקול רם, ומאפשרים להם להבין את התוכן וההקשר של התמונה.
- SEO (קידום אתרים): מנועי חיפוש כמו גוגל לא יכולים "לראות" תמונה. הם מסתמכים על תגית ה-Alt כדי להבין מה התמונה מציגה. זה עוזר להם:
- לאנדקס את התמונה: כך היא יכולה להופיע בתוצאות חיפוש תמונות.
- להבין את תוכן הדף: תגית ה-Alt מוסיפה הקשר רלוונטי לתוכן הטקסטואלי של העמוד, ומשפרת את הדירוג שלו עבור מילות מפתח רלוונטיות.
איפה מגדירים תגית ALT ?
את תגית ה-Alt מגדירים בתוך מערכת ניהול התוכן של האתר (CMS) שלך, כמו וורדפרס.
- בוורדפרס: כאשר אתה מעלה תמונה לספריית המדיה, יש שדה ייעודי בשם "טקסט חלופי" (Alternative Text). זהו המקום שבו אתה מזין את התוכן של תגית ה-Alt.
- בעורך הקלאסי/בלוקים: לאחר הוספת תמונה, לחץ עליה, ובחלונית הצדדית או בתפריט העליון תמצא את שדה ה"טקסט חלופי" תחת הגדרות התמונה.
איך להגדיר תגית ALT ?
הנה כללים ליצירת תגית Alt אפקטיבית:
- היו תיאוריים: תארו את התמונה בצורה מדויקת וברורה. במקום "חתול", כתבו "חתול ג'ינג'י יושב על מקלדת של מחשב נייד".
- השתמשו במילות מפתח באופן טבעי: אם רלוונטי, שלבו את מילת המפתח של הדף בתיאור, אך אל תעמיסו. במקום "חתול, חתול ג'ינג'י, מחשב, מחשב נייד", השתמשו במשפט טבעי.
- אל תכתבו "תמונה של…": מנועי החיפוש כבר יודעים שמדובר בתמונה, אז אין צורך לכלול את המילים האלה.
- תמציתיות: השתדלו לשמור על אורך סביר (עד 125 תווים לערך).
תגית ALT עכשיו גם לאינסטגרם
האם תגית Alt לאינסטגרם ותגית באתר עובדות על אותו עיקרון?
כן, העיקרון דומה מאוד מבחינת SEO ונגישות, אך היישום שונה במעט:
- נגישות: גם באינסטגרם יש "טקסט חלופי" נסתר שקוראי מסך קוראים. הוא חיוני עבור משתמשים עם לקויות ראייה. אינסטגרם גם יוצרת טקסט חלופי אוטומטי בעזרת בינה מלאכותית, אך עדיף לערוך אותו ידנית.
- SEO: בעוד שבאפליקציה עצמה אין חשיבות ל-SEO באותה מידה כמו באתר (כי אנשים לא מבצעים חיפושים של "תמונות" באפליקציה באותה צורה), מנוע החיפוש של אינסטגרם משתמש בתגית ה-Alt כדי להבין את התוכן. זה משפיע על האופן שבו תמונות מוצגות בפיד ה"Explore" (אקספלור) או בתוצאות חיפוש פנימיות.
- קידום באתרים מול אינסטגרם: באתר, תגית Alt עוזרת לתמונה להופיע בתוצאות של גוגל תמונות ולשפר את דירוג העמוד כולו. באינסטגרם, התגית עוזרת לתמונה להיות רלוונטית יותר לאלגוריתם הפנימי של הפלטפורמה ולהופיע למשתמשים שהתעניינו בתוכן דומה.
העיקרון הבסיסי זהה: תגית Alt מספקת הקשר טקסטואלי לתמונה. ההבדל הוא שבאתר היא משרתת בעיקר את גוגל ואת הנגישות, בעוד שבאינסטגרם היא משרתת את האלגוריתם הפנימי של הפלטפורמה ואת הנגישות.
לאיזה תמונות באתר אין צורך לשים תגית Alt?
ישנן תמונות באתרים שאין צורך או שמומלץ לא לשים להן תגית Alt, על מנת לשמור על נגישות יעילה ועל קוד נקי.
בכלל, כל תמונה שהיא דקורטיבית בלבד ואינה מוסיפה מידע או הקשר חשוב לתוכן העמוד, אינה זקוקה לתגית Alt. הנה כמה דוגמאות ספציפיות:
- קווים מפרידים או גבולות מעוצבים: קווים או צורות גרפיות שמשמשים רק כדי להפריד בין פסקאות או אלמנטים.
- אייקונים דקורטיביים: אייקון של כוכב ליד ביקורת (כאשר ציון הכוכבים נכתב גם בטקסט), אייקון של עיפרון ליד כותרת של "בלוג", או אייקון של מנעול ליד טקסט שמתאר "תשלום מאובטח".
- רקעים גרפיים: תמונות או טקסטורות שמשמשות כרקע לפסקה או לחלק מהעמוד.
- תמונות שמופיעות בקישור ומציגות גם טקסט: לדוגמה, אם יש קישור שמציג תמונה ולידה הטקסט "הורד כאן", אין צורך לתאר את התמונה, מכיוון שהטקסט כבר מספק את המידע. במקרה זה, מומלץ להשאיר את תגית ה-Alt ריקה (
alt="").
מדוע זה חשוב?
שמירה על תגית Alt ריקה בתמונות דקורטיביות מונעת מקוראי מסך לקרוא תיאורים מיותרים שיכולים להפריע לחוויית המשתמש. כך, המשתמשים שמשתמשים בכלי נגישות יכולים להתמקד בתוכן החשוב באמת.
החוק הוא פשוט: אם התמונה חיונית להבנת התוכן או המטרה של העמוד, יש להגדיר לה תגית Alt. אם היא שם רק לצורך יופי, מומלץ להשאיר את התגית ריקה.
חשיבות תגית Alt בעידן מנועי חיפוש מבוססי בינה מלאכותית (AI)
בעוד שבעבר מנועי חיפוש התבססו בעיקר על טקסט והיררכיית קישורים, כיום הם הופכים למנועי "הבנה" מתוחכמים. מנועי AI מודרניים, כמו גוגל, מנתחים קשרים סמנטיים ומספקים תשובות ישירות לשאלות מורכבות, ולא רק רשימת קישורים. בתוך הקשר זה, תגית Alt הופכת לכלי חשוב במיוחד.
היא מסייעת למנועי ה-AI לבנות מודל סמנטי מדויק של תוכן העמוד. כאשר התמונה מתוארת היטב בתגית ה-Alt, היא מחזקת את הקשר בין המילים בעמוד לבין התוכן הוויזואלי, ומאפשרת למנוע החיפוש להבין לעומק את הנושא המרכזי.
מנועי AI משתמשים בנתונים אלו כדי להציג תשובות עשירות הכוללות תמונות רלוונטיות ישירות בתוצאות החיפוש, כמו בתוצאות אפס. לכן, תגית Alt מוגדרת נכון היא לא רק עניין של SEO טכני, אלא גורם מפתח בשיפור הרלוונטיות של התוכן בעיני אלגוריתמים חכמים.
| מושג | הסבר ודוגמה על התמונה |
|---|---|
| תגית Alt (Alternative Text) |
מהי? תיאור טקסטואלי של התמונה. חיונית לנגישות (עבור קוראי מסך) ולקידום אורגני (SEO).
איך מגדירים? בשדה "טקסט חלופי" במערכת ניהול התוכן. דוגמה: |
| תכונת כותרת (Title Attribute) |
מהי? מידע נוסף על התמונה שמופיע כטיפ ברוב הדפדפנים כאשר מעבירים את סמן העכבר מעל התמונה. פחות רלוונטית ל-SEO.
איך מגדירים? בשדה "כותרת" במערכת ניהול התוכן. דוגמה: |
| שם קובץ (File Name) |
מהו? השם המקורי של קובץ התמונה במחשב שלך. מופיע בכתובת ה-URL של התמונה וחשוב ל-SEO.
איך מגדירים? יש לתת שם ברור לפני העלאת התמונה לאתר. דוגמה: |
חשיבות תגית Alt ותכונת כותרת באתרי מסחר אלקטרוני
באתרי מסחר אלקטרוני, השימוש בתגית Alt ובתכונת הכותרת מקבל חשיבות מכרעת, מעבר לקידום האתר הכללי. תגית Alt משמשת לא רק כדי לעזור למנועי חיפוש לאנדקס תמונות מוצר ולהציג אותן בתוצאות חיפוש תמונות, אלא גם ככלי שיווקי. תיאור מדויק של מוצר, כמו "נעלי ספורט לגברים אדומות מבד נושם של המותג Nike", יכול לשפר באופן ניכר את הנראות של המוצר. תגית כותרת (Title) יכולה לספק מידע משלים ורלוונטי למשתמש, כמו "לחצו לצפייה בפרטים נוספים" או "תמונה של הנעליים מזווית אחרת", ובכך לשפר את חוויית המשתמש באתר. שימוש חכם בשני הכלים הללו תורם ישירות להבאת תנועה רלוונטית, שיפור חוויית הקנייה באתר והגדלת המכירות.
להורדת מצגת PDF מהי תגית ALT
