Alt Text

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

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

מהו Alt Text ולמה הוא חשוב

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

נגישות וחוויית משתמש

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

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

הבנה על ידי מנועי חיפוש

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

איך לכתוב Alt Text טוב

איך לכתוב alt text נכון? התאימו את התיאור להקשר הדף ולהשפעה העסקית של התמונה. השתמשו בשפה טבעית, ברורה ועניינית, והעדיפו משפט קצר שמסביר למה התמונה כאן ומה אמור המשתמש להבין ממנה.

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

מתי להשאיר alt ריק

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

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

alt לתמונה שהיא קישור

כאשר התמונה משמשת כקישור, ה-Alt Text צריך לתאר את יעד הקישור או הפעולה הצפויה, לא את מראה התמונה. לדוגמה: "צפו בנעלי ריצה לגברים" עדיף על "צילום נעלי ריצה".

דוגמאות לפי סוג תמונה

דוגמאות קצרות בונות אינטואיציה לכתיבה נכונה. בכל המקרים הדגש הוא על ההקשר בדף ועל התוצאה שהמשתמש אמור להבין.

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

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

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

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

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

הטמעה ובדיקה באתר

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

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

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

טעויות נפוצות שכדאי להימנע מהן

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

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

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

שימוש בשם קובץ במקום תיאור: "IMG_2043.jpg" אינו מידע שמועיל למשתמשים או למערכות.

איך WISER יכולה לעזור

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

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

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

שאלות נפוצות בנושא Alt Text

מה ההבדל בין Alt Text לכיתוב תמונה?

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

מה האורך הנכון ל-Alt Text?

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

מתי נכון להשאיר alt ריק?

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

האם לשלב ביטויי חיפוש בתיאור?

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

מה ההבדל בין alt ל-title בתמונה?

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

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