אלט טקסט בתרגום מילולי לעברית משמעו – "מלל חלופי", ובכינויו הנוספים: "Alt Attributes" [תכונה מילולית],
וגם - "Alt Descriptions" [תיאור מילולי].
אבל ... שניה לפני שמתחילים ... בואו נבהיר - Alt text הוא לא תיאור [Description] תמונה וגם לא Tooltip [כלי עזרה / הבהרה]. - לאלה אייחד מאמרים נפרדים בקרוב.
האלט טקסט מוגדר בטעות כ-"תגית".
טכנית המונח ""Alt" משמש בעצם להגדרה או לתיאור ויזואלי של תפקוד [ואם תרצו תפעול] התמונה.
ה– Alt הוא למעשה קיצור חביב של המונח] "Alternative" [כלומר: אלטרנטיבי / חלופי].
למה צריך קיצור?
כדי להקל על חיי המתכנתים, המקודדים, המעצבים ומפתחי האתרים.
ולמה צריך אלטרנטיבה מילולית? טקסטואלית?
כי ... גוגל [ובכלל זה מנועי החיפוש] הם עיוורים.... הם לא "רואים" תמונה. אין להם מושג.
המלל החלופי [המוכר לכל בכינוי– "אלט טקסט - Alt text"]
מספק לזחלנים / עכבישים של מנועי החיפוש תיאור מדוייק, וכך מנוע החיפוש יכול "לקרוא" את התמונה ולאנדקס אותה, [ועל פי הצורך גם להציג אותה לגולשים בתוצאות החיפוש – תיכף נגיע גם לזה].
ובדיוק כך, באותו האופן ממש, הטקסט החלופי [הוא מיודענו האלט טקסט] מסייע לעזרים בהם משתמשים בעלי לקויות ומוגבלות ראיה.
העזרים האלה מסוגלים לקרוא [ולהקריא] למשתמשים בעלי מוגבלויות מה מוצג בתמונה, בצורה מדוייקת, ובכך מונגשים האלמנטים הויזואלים באתר שלנו לבעלי מוגבלויות.
האלט טקסט מכיל עד 125 תווים [זה כולל פסיקים ורווחים] וזה גם מה שהעזרים הטכנולוגיים מסוגלים לקרוא ולהקריא לבעלי מוגבלויות – אין צורך להכביר בתיאור התמונה. אפשר לקצר ולהתמקד בדברים החשובים באמת.
כדאי לזכור שככל שנעשה שימוש נכון ב-אלט טקסט - Alt text הוא ישפר את חוויית המשתמשים כולם, ובנוסף כבונוס – אף ימקסם את הקידום האורגני [SEO] שלנו ברשת.
זה הגיוני. כי כאשר מנוע החיפוש יודע מה יש בתמונה, שמוצגת באתר שלנו, ובמקרה מישהו מחפש ברשת תמונה, הנושאת את התיאור של זו שלנו, סביר יהיה להניח שמנועי החיפוש יציגו לגולש את התמונה בתוצאות החיפוש.
מעבר לכך – כולנו הרי יודעים שלא תמיד נטענות התמונות באתר באופן ראוי. במקרים כאלה, יוצג האלט טקסט במקום התמונה, וכך יוכל הגולש הסביר באתר להבין מה היה אמור הדפדפן להציג לו במיקום הזה.
איך עושים את זה נכון?
הדרך הטובה ביותר להטמיע .A.T בתמונה היא על ידי תיאור מפורט, ברור ואמיתי של מה שמוצג בתמונה.
אני רואה לא מעט אתרים שעושים שימוש שגוי באלט טקסט, מתוך מחשבה [מוטעית לגמרי] שאם ישתמשו חזור ושוב ושוב ושוב על ביטויי מפתח, גוגל יקדם אותם טוב יותר / מהר יותר / מעל כולם ...
ובכן – לא.
ממש ממש ממש לא.
האלגוריתם של גוגל יודע לזהות מתי אנחנו מנסים לשטות בו, לפברק או להערים עליו. אין סיבה לכתוב באלט טקסט של תמונה [כמו זו המוצגת כאן לדוגמא] – של מכשיר טלפון: "טווה מילים - בונה אתרים שבונים עסקים", או "עו"ד משה גשר מומחה לגישור ולגירושין" או "לא טעית זוהי ויטה". וכיוצ"ב ...
תם עידן הטיפשות של מנועי החיפוש.
לאלט טקסט תפקיד מרכזי בקידום האתר {SEO] – הטמעת טקסט היא חשובה. אבל ... הטקסט חייב להיות אמיתי ומדוייק. כדאי לעצום עיניים ולנסות לתאר את התמונה בצורה הטובה ביותר – באופן שהיינו מצליחים לדמיין אותה אלמלא היינו מסוגלים לראות אותה בעצמנו.
כדאי מאד כמובן שלתמונה המוצגת יהיה גם קשר לתוכן הכתוב בעמוד בו מיקמנו אותה.
אז מה כדאי לכתוב באלט טקסט במקרה הזה ?
רק מה שרואים.
למשל:
"טלפון חוגה עתיק בצבע שחור".
או בניסוח אחר: "טלפון שחור עתיק עם חוגה, בתחתיתו דף מכתבים, שעליו מונח עט שחור".
ואפשר להסתפק רק ב:"טלפון" או "טלפון עתיק" או "טלפון שחור" או "טלפון חוגה" וכד'.
[אגב אין צורך להוסיף את הביטוי: "בתמונה רואים ..." - מנוע החיפוש מבין שמדובר בתמונה, כך גם העזרים הטכנולוגים].
תיאורים אלה אמנם מאד מצומצמים ודלילים, אך הם עדיפים על פני הוספת שם המותג, או הסלוגן העסקי שלנו.
כדאי מאד "לנצל" את האלט טקסט ולהרחיב את התיאור ככל האפשר ולהיות מאד ספציפיים בתיאור, אבל בתנאי שלא השתמשנו במלל שאין לו שום קשר לתמונה, ואין הצדקה "להעמיס" אותו עליה.
כדאי לעשות שימוש בביטויי מפתח, כאשר הם רלוונטיים לתמונה ולתוכן בעמוד.
למשל: אם תמונת הטלפון ממוקמת בעמוד "צרו קשר" באתר שלנו, ניתן לתאר אותה באמצעות אלט טקסט מסוג זה:
"טלפון ליצירת קשר עם טווה מילים – בונה אתרים שבונים עסקים"
"טלפון ליצירת קשר עם חברת ויטה"
"טלפון ליצירת קשר עם עורך הדין לענייני גירושין משה גשר" וכד'.
אבל ... כמו שציינתי קודם – אין צורך להכביר במילות מפתח. גוגל ממש לא בעניין.
חשוב וכדאי לזכור שכל אלמנט באתר אינו קריא למנועי החיפוש ולבעלי מוגבלויות, ולכן חייב באלט טקסט.
לא מעט אתרים משתמשים באייקונים ובתמונות במקום בטקסט.
למשל – רבים משתמשים בפוטר או בהדר באיור של טלפון או מעטפה, או בטופס יצירת קשר בכפתור [לחצן]. זוהי שגיאה. מנוע החיפוש לא "מזהה", לא "מכיר" ולא יכול "לקרוא" או "להבין" את הסימנים האלה.
אז גם כשנדמה לנו שהעיצוב מדהים, ונחמד למקם גיף או הנפשה של יונת דואר, או טלפון מרקד [כן. זה באמת נחמד] - כדאי שנתייחס למוגבלות של גוגל, ונסביר לו למה התכוונו, באמצעות הטמעת אלט טקסט.
זה בהחלט שווה את הטירחה, בעיקר כשאנחנו רוצים שמנוע החיפוש יקדם אותנו אורגנית ברשת.
לסיכום -
אפשר לעשות שימוש באיור, בגיפים, בהנפשות וכיו"ב ציורים מגניבים וחמודים, ובתנאי שהוספנו אלט טקסט, אבל אי אפשר, ולא כדאי להשתמש בהם במקום טקסט.
זה נכון גם לכפתורי הלחיצה בטופס "צרו קשר", ניוזלטר, או טופס אחר. חובה להגדיר אלט טקסט.... נושא הוספת תמונות ואיורים [וגם סרטונים] לאתרי אינטרנט הוא נושא מורכב ומרתק בפני עצמו, ובקרוב אייחד לו מאמר נפרד. בינתיים מזמינה אותך לקרוא על הוספת הנפשה [אנימציה] לאתר.
בהצלחה