אתר זה משתמש בעוגיות למטרות שונות, כמפורט במדיניות הפרטיות.

Image Alt / Image Title בוורדפרס – מהם ההבדלים?

דייב אברג'ל,

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

מה זה Image Alt ו- Image Title?

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

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

איך להוסיף טקסט חלופי לתמונה בוורדפרס

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

העלאת מדיה

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

עריכת תמונה

 

איך להוסיף כותרת לתמונה בוורדפרס

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

כותרת לתמונה

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

עריכת תמונה

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

פרטי תמונה והוספת כותרת לתמונה

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

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

alternate text for image

ישנה אפשרות נוספת, לאלו מאיתנו שלא אוהבים לעבוד קשה. ניתן להשתמש בתוסף וורדפרס הנקרא Restore Image Title,
תוסף זה לוקח את כותרת התמונה המנוהלת על ידי וורדפרס ומשתמש בה בתור תכונת הכותרת של תג התמונה.
(בשפה פשוטה, תוסף זה שואב את הכותרת שוורדפרס משתמש בה ומכניס אותה לתמונה בתור תג הכותרת)

למה ואיך צריך להשתמש ב Image Alt ו- Image Title ?

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

אנו מקווים שמאמר זה עזר לך להבין את ההבדל בין Image Alt ל- Image Title ובאיזו דרך ניתן להוסיף אותם לתמונות בוורדפרס.

אהבתם את המאמר? הירשמו לניוזלטר שלנו והישארו מעודכנים.

דייב אברג'ל

סמנכ"ל ומייסד uPress, מפתח Backend & Frontend, מתמחה בשיפור ביצועים לאתרי וורדפרס, טיפול בבעיות אבטחה מתקדמות, ושיווק ברשתות חברתיות. שותף פעיל במספר פרוייקטים מעניינים בתחום המוגשים כתרומה לקהילה - WiPi, Enable, Greenicon, Speedom, ועוד..

  • אולי יעניין אותך..

  • 5 תגובות על “Image Alt / Image Title בוורדפרס – מהם ההבדלים?”

    1. תודה לצוות upress המעלה ענין חשוב כמו מאפיינים alt ו- title לתמונה. אכן, תמונות הן חלק נכבד מהשיווק באינטרנט, בקידום האתר על דיי גוגל ובנגישות האתר לאנשים עם מוגבלויות.
      תמונות אכן מהוות בעיה לאנשים עם מוגבלויות ראייה. לא מדובר רק בצילומים, אלא גם באיורים, לוגו, כלי ניווט (חיצים: קדימה, אחורה, ימינה, שמאלה) ועוד.
      אם האנשים אינם מסוגלים לראות, הם ניצבים מול מחסום המונע מהם להבין את התמונות.
      תפקידו של המאפיין alt הוא לסכם את מה שנמצא בתמונה במספר מילים. זה צריך להיות משפט קצר.
      צריך לחשוב על גוגל כמו תוכנת הקראת מסך לעיוורים. כאשר תוכנת ההקראה תגיע לתמונה היא תקרא את מה שכתוב במאפיין alt.
      אין צורך לכלול בטקסט של מאפיין alt את המילה ""תמונה"". גוגל יודע זאת וגם תוכנת ההקראה לעיוורים.
      אחת השגיאות שאני רואה, ולאוו דווקא באתרי וורדפרס, היא שהתוכן של מאפיין alt הוא שם הקובץ. אין לזה משמעות, נכון?
      המאפיין title הוא אלמנט נוסף לתמונה לשיפור הנגישות. התוכן שלו נראה רק כאשר שמים את הסמן על התמונה וכמובן למנועי החיפוש.
      במאפיין title רושמים פרטים נוספים מעבר למה שצויין במאפיין alt, תוכלו לראות במאפיין title מהן הרחבה למאפיין alt.
      לנושא הנגישות יש מאפיין נוסף לתגית התמונה והוא נקרא longdesc ותפקידו לתת תיאור עוד יותר פרטני לתמונה כדי שאדם עיוור לגמרי ולא רק מוגבל ראייה, יוכל להבין.
      בניגוד למאפיין alt ו- title שהתוכן שלהם הוא חלק מתגית התמונה, הרי המאפיין longdesc הוא קובץ html.
      זהר עמיהוד
      מוביל עסקים להצלחה באינטרנט
      http://www.seoreport.co.il
      09-8910462

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

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

    כתיבת תגובה

    האימייל לא יוצג באתר. שדות החובה מסומנים *