יום שלישי, 21 נובמבר, 2017
Home » On Page SEO » טקסט חלופי – תגית Alt Text
טקסט חלופי – תגית Alt Text
קרדיט תמונה helpx.adobe

טקסט חלופי – תגית Alt Text

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

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

תגית Alt Text

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

תראו מה יש למאט כץ להגיד בעניין:

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

עקרונות היסוד לגבי תגית Alt Text

  • מומלץ מאוד שלכל תמונה באתר יהיה טקסט המתאר בדרך המדויקת ביותר את תוכן התמונה
  • תגית תיאור התמונה היא מקום מעולה לשימוש נוסף בביטוי המפתח המרכזי של הדף, כמובן שלא נעשה בו שימוש מוגזם באופן שייראה לא טבעי ונקפיד לשמור שלמשפט תהיה משמעות הגיונית
  • בתגית האלט טקסט נוכל לשים למשל את ביטוי המפתח שלנו עם שגיאת כתיב, אם אין אנו רוצים לכתוב עם שגיאות בגוף הדף עצמו (מקום נוסף להמלצת שתילת ביטוי עם שגיאת כתיב היא בתגובות הגולשים)
  • חשוב מאוד לשים את אותו הטקסט גם ב- alt text וגם ב- title התמונה
  • במידה ויש מספר תמונות בדף נוכל להשתמש בביטוי בווריאציות שונות, עם תיאורים שונים, בהטיות, זכר ונקבה, רבים יחיד ובביטויים נלווים מאותו התחום
  • תמונה שמופיע בה טקסט צריכה להכיל את אותו הטקסט בתגית
  • יש מערכות ניהול בהן טקסט זה מגיע כבר מלא בברירת מחדל של המערכת, יש לזכור לשנות אותו בהתאמה
  • מומלץ לא להשתמש במשפט ארוך מדי, עדיף תמציתי קצר וקולע. במידה וממש חייבים אז כדאי להשתמש עבור מלל זה בתגית long description

איך מוסיפים את המלל בתגית Alt Text?

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

Anchor Text ריק

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

איך מוסיפים תגית Alt Text

תגובות הגולשים

תגובות הגולשים

תגית Alt Text , הנקראת גם טקסט אלטרנטיבי Alternative text, הינה תגית אשר מתארת את תוכן התמונה, את המלל הכתוב על גבי התמונה או את הפעולה שהתמונה מפנה לבצע (למשל "לחצו על התמונה למעבר לדף הבית" שבמקרים רבים יקוצר ל- "למעבר לדף הבית"). איך ניתן לראות את ה- Alt Text של התמונה? הטקסט מוצג בחלונית קטנה כאשר אנו עומדים עם סמן העכבר על התמונה, כמו בדוגמה הבאה: חשיבותה של תגית ה- Alt Text נובעת בין היתר מכך שזחלני החיפוש של גוגל אינם יכולים לקרוא תמונות או קטעי וידאו, ולכן הם מסתמכים על הטקסט החלופי כדי להבין מה יש בתמונה, ואף מאנדקסים…

Review Overview

Summary : כמה המידע בדף זה עזר לך?

User Rating: 4.9 ( 2 votes)
0

About מערכת Mind Share

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

נשמח לשמוע את דעתך בנושא

כתובת האימייל שלך לא תפורסם. שדות החובה מסומנים בכוכבית *

*

תגי HTML מותרים: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

קורס קידום אתרים
בקרו אותנו ב-Google+‎