מהו אלט טקסט?
אלט טקסט או בשמו העברי ״טקסט חלופי״ הוא מאפיין (attribute) בקוד ה-HTML שמטרתו לספק מידע אודות תמונה מסוימת באתר.
למה אלט טקסט חשוב כל כך?
- אלט טקסט נועד בראש ובראשונה עבור משתמשים לקויי ראייה אשר מתקשים לראות מה מוצג בתמונה. הודות לאלט טקסט ובאמצעות תוכנות לקריאת מסך, יכולים גם הם להבין מה מוצג בתמונה.
- מצב נוסף הממחיש את חשיבות הטקסט החלופי הוא במקרים בהם ישנה בעיה בטעינת התמונה. במצב זה, במקום תמונה, יוצג האלט טקסט, אשר למעשה מתאר את המוצג בתמונה.
- אלט טקסט חשוב מאוד גם עבור מנועי החיפוש. היכולת של גוגל להבין תמונות השתפרה מאוד עם השנים. יחד עם זאת, טכנולוגיה זו עדיין אינה מושלמת, וגוגל משתמש באלט טקסט, לצד ניתוח התמונה עצמה והתוכן בעמוד, כדי להבין מה מוצג בתמונה.
דגשים לכתיבה
- תארו את התמונה באופן מפורש ככל האפשר. אם תיאור התמונה לא מעביר את המשמעות שלה, אתם חוטאים למטרה.
- שמרו עליו (יחסית) קצר. בדרך כלל מספיקות כמה מילים. אם התמונה צריכה הסבר ארוך, למשל גרף או תרשים, כתבו את ההסבר בטקסט שליד התמונה.
- שימוש במילת המפתח או בווריאציה שלה בתיאור התמונה הוא הזדמנות נוספת לחזק את הרלוונטיות של העמוד סביב הביטויים שאתם מקדמים. בעוד שהעדיפות העליונה שלכם צריכה להיות תיאור נאמן למקור של מה שמוצג בתמונה, אם זה הגיוני, אל תהססו לשלב בתיאור את מילות המפתח שלכם.
- אל תדחסו את מילת המפתח שלכם בתיאור – קחו בחשבון שגוגל סופר את האלט טקסט כחלק מהטקסט בעמוד. כלומר אם כבר חזרתם על מילת המפתח שלכם מספיק פעמים, היזהרו מדחיסה לא טבעית של מילות המפתח בדף, אשר עלולה להעלות דגל אדום ולהוביל למצב של אובר אופטימיזציה.
- תמונה דקורטיבית, כמו רקע או קישוט שלא מוסיף מידע, לא צריכה תיאור. תנו לה אלט ריק (alt="") כדי שקוראי מסך ידלגו עליה. אם משמיטים את המאפיין לגמרי, חלק מקוראי המסך יקריאו את שם הקובץ.
איך נראה אלט טקסט טוב?
נניח שהתמונה שאנחנו רוצים להוסיף לה טקסט חלופי היא התמונה הבאה:
דוגמה לא אידיאלית לאלט טקסט במקרה הזה תהיה משהו כמו ״בניינים גבוהים״, ״בנייני קומות״ או ״מגדל עגול, מרובע ומשולש״.
דוגמה הרבה יותר מוצלחת ומועילה יכולה להיות ״מגדלי עזריאלי בתל אביב, ישראל״ או ״שלושת מגדלי עזריאלי בתל אביב״.
רואים את ההבדל?
איך מוסיפים את הטקסט בפועל?
בסופו של דבר מדובר במאפיין קצר שמתווסף לתג התמונה בקוד. בכל מערכת זה עובד קצת אחרת. ברוב מערכות ניהול התוכן הפופולריות, תהיה לכם אפשרות להוסיף טקסט אלטרנטיבי לתמונה בקלות וללא צורך בגישה לקוד עצמו.
מדובר בפרט אשר חלק ממקדמי האתרים נוטים לשכוח ממנו או לדלג עליו. אמנם בהיבט של קידום אתרים לא מדובר ברכיב קריטי בחשיבותו כמו מטא טייטל, כותרת h1 או ה-url של הדף, אבל בהחלט כדאי ליישם אותו בתמונות באתר, הן עבור מנועי החיפוש והן עבור אותם אנשים בעלי מוגבלויות הגולשים באתרכם.
