שימוש בתגיות Alt בתמונות

מאת: צוות ITnewsletter

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

למה תגיות Alt חשובות בניוזלטר?

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

לאילו תמונות כדאי להוסיף טקסט חלופי?

לכל תמונה שמעבירה מידע: לוגו, תמונת header, כותרות שעוצבו כתמונה, תמונות ושמות מוצרים, באנרים עם פרטי המבצע, כפתורים, גרפים ותרשימים.
תמונות קישוט בלבד, כמו קו מפריד או רקע, מקבלות תגית Alt ריקה (alt=""). כך תוכנות ההקראה מדלגות עליהן ולא מקריאות לנמען שמות קבצים.

איך כותבים טקסט Alt טוב?

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

האם תגיות Alt מספיקות כשהניוזלטר בנוי מתמונות?

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

איך מוסיפים תגית Alt ב-ITnewsletter?

עורך ה-Drag & Drop של ITnewsletter כולל אפשרות פשוטה להוספת תגית Alt לכל תמונה בניוזלטר.

קראו בבלוג שלנו מדריכים וטיפים אודות השימוש ב ITnewsletter