טקסט חלופי לתמונות (alt) בוורדפרס: נגישות, SEO ויישום מעשי

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

למה זה משנה

זוהי דרישה הראשונה ב-תקני נגישות בינלאומיים רמה A - תקן 1.1.1 Non-text Content. קוראי מסך פופולריים (NVDA ב-Windows, JAWS, VoiceOver ב-macOS/iOS, TalkBack ב-Android) משתמשים ב-alt כדי להגיד לעיוור מה כתוב על התמונה: "גרף שמראה עלייה של 23% במכירות ברבעון השני". בלי alt - השומע מקבל "תמונה" וזהו. עיוור שמנסה לחבר משמעות לתוכן הדף נתקע.

מעבר לנגישות, ל-alt השפעה ישירה על SEO. Google Images מאנדקס תמונות בעיקר לפי alt, שם הקובץ והקשר טקסטואלי. תמונה עם alt תיאורי מופיעה בחיפושי תמונות; בלעדיו - לא. בנוסף, ה-alt משמש כ-fallback כשהתמונה לא נטענת (Ad blocker, חיבור איטי, CSP חוסם CDN) - הגולש לפחות מבין מה היה אמור להיות שם. מבחינה משפטית, נגישות אתרי שירות נדרשת ברוב המדינות והעדר alt הוא תקלה מובהקת בביקורת.

איך לזהות

הפעל את Missing Alt Text Scanner המובנה ב-RankPlus - הוא סורק את כל התמונות ב-posts, postmeta ו-options ומדווח על אלה ללא alt. כלים חיצוניים: WAVE מ-WebAIM, axe DevTools של Deque (תוסף Chrome/Firefox), Lighthouse בדפדפן Chrome (Tab "Accessibility"). כולם מסמנים תמונות בעייתיות. ידנית: View Source > חפש <img וודא שכל אחד כולל alt="...".

איך לתקן

1. פתח Media Library > כל תמונה > "Edit" > הוסף Alternative Text.
2. כתוב תיאור קצר ומדויק. ל-תמונת מוצר - שם המוצר ומאפיין בולט ("כיסא משרדי שחור עם תמיכה מותנית"). לאינפוגרפיקה - הרעיון הראשי ("עלייה של 40% בהכנסות בין 2023 ל-2024"). לתמונת אווירה - ההקשר ("צוות עובדים בישיבת תכנון").
3. לתמונה דקורטיבית בלבד (קו הפרדה, אייקון שיש לו טקסט ליד) - הוסף alt="". ריק במפורש אומר לקורא מסך "דלג על זה". אל תשאיר את ה-alt חסר - זה לא אותו דבר.
4. בעורך הבלוקים (Gutenberg) - לחץ על תמונה > פאנל בצד שמאל "Alt text (alternative text)". זה נשמר ב-attachment עצמו וגם בבלוק.
5. בתמונות בתוך גלריה (Gallery) או Cover - בדוק כל אחת בנפרד. הרבה אנשים שוכחים את התמונות בגלריות.
6. אם יש לך מאות או אלפי תמונות, השתמש ב-AI Alt Generation של RankPlus - הוא יוצר טקסטים אוטומטית. הקפד לבדוק ולערוך - AI טועה על תמונות עם הקשר עסקי שלך.
7. בדוק את הסריקה שוב - אמור להגיע ל-95%+ כיסוי. 100% נדיר כי תמיד יש כמה תמונות שלא מזוהות.

טעויות נפוצות

• שכפול שם הקובץ ל-alt: alt="IMG_4587.jpg" אינו תיאור. גרוע יותר מ-alt ריק.
• SEO stuffing: alt="זול שירות תיקונים מחיר זול תיקונים מהיר". Google מזהה ספאם ויפגע בדירוג.
• שימוש ב-alt כ-tooltip: לזה יש title. alt מיועד לקורא מסך ול-fallback.
• תיאור ארוך מדי: "תמונה של אישה מחייכת בחולצה לבנה עם רקע ירוק שעומדת ליד שולחן עץ" - מי שלא רואה לא רוצה את כל זה. "נציגת שירות לקוחות" יספיק.
• החזרת alt למצב default "image": זה מה שעורך תוכן לא מודע מציע. תקן בכל מקרה.

בדיקה לאחר תיקון

הרץ שוב את הסריקה של RankPlus. ב-WAVE - אמורים להיות 0 errors בקטגוריית "Missing alternative text". פתח את הדף עם NVDA או VoiceOver ועבור על תמונות - אמור להישמע התיאור שכתבת, לא "image".