קישורים גנריים בוורדפרס: למה "לחץ כאן" שובר נגישות ו-SEO

קישור עם הטקסט "לחץ כאן", "קרא עוד" או "כאן" בודד מההקשר הוא קישור אילם. עיוור שמבקש רשימה של כל הקישורים בדף (NVDA: Insert+F7, VoiceOver: Rotor > Links) מקבל רשימה של 30 קישורים שכולם "קרא עוד" - בלתי שמיש.

למה זה משנה

זוהי דרישה ב-תקני נגישות בינלאומיים רמה A, תקן 2.4.4 Link Purpose (In Context). הרציונל: כל קישור צריך להיות מובן בנפרד, ללא הקשר נוסף. "קרא עוד" לא מובן בודד; "קרא את המדריך למתחילים בוורדפרס" כן.

השפעה נוספת היא SEO. Anchor text הוא סיגנל דירוג מרכזי - Google משתמש בטקסט הקישור כדי להבין על מה הדף שאליו מקשרים. "לחץ כאן" מבזבז לחלוטין את הסיגנל הזה. אתר עם 100 קישורים פנימיים שכולם "קרא עוד" אומר ל-Google שאין לו מילות מפתח - וזה פוגע בדירוג של דפי היעד. בנוסף, anchor text תיאורי משפר CTR - גולש שרואה "מדריך מלא לאופטימיזציה של מהירות אתר" יותר נוטה ללחוץ מאשר על "לחץ כאן".

איך לזהות

הסריקה של RankPlus מחפשת בכל פוסט קישורים שטקסט ה-anchor שלהם מופיע ברשימה: "לחץ כאן", "קרא עוד", "למידע נוסף", "כאן", "click here", "read more", "more", "here". כל מופע נספר. ידנית: בכל NVDA, פתח דף עם Insert+F7 ועבור על רשימת הקישורים - אם רואה כפילויות גנריות, יש בעיה.

איך לתקן

1. בעורך Gutenberg, בחר את הטקסט של הקישור > ערוך אותו לתיאורי. במקום "קרא עוד" כתוב את כותרת היעד: "קרא את המדריך למבנה היררכיה של אתר וורדפרס".
2. בלוקי "Read More" אוטומטיים בארכיונים: ערוך את archive.php או content.php של התבנית. הוסף את כותרת הפוסט:

   <a href="<?php the_permalink(); ?>">
       קרא עוד על <?php the_title(); ?>
   </a>

   או, אם רוצים לשמור על העיצוב הקצר ויזואלית, השתמש ב-aria-label:

   <a href="<?php the_permalink(); ?>" 
      aria-label="קרא עוד על <?php the_title(); ?>">
       קרא עוד
   </a>

   הקורא מסך ישמע את ה-aria-label, הגולש הסיינטד יראה "קרא עוד".
3. בתבנית עם block builder (Elementor, Divi): בכל ווידג'ט כפתור או קישור, ערוך את ה-Label/Text לתיאורי.
4. במצב ביניים (כשאי אפשר לשנות עיצוב), הוסף aria-labelledby שמצביע ל-id של כותרת מקדימה.
5. בדוק שגם בקישורים בתוך טקסט ("מאמר זה", "דוח שלנו") - הצמד תיאור משמעותי.
6. הרץ NVDA, פתח רשימת קישורים > אסור שיהיו כפילויות גנריות. הרשימה צריכה להיראות כמו תוכן עניינים של הדף.

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

• הסתמכות על הקשר ויזואלי: "מאמר חדש: 10 דרכים להגביר מכירות. לחץ כאן." - הסיינטד מבין; הקורא מסך שומע רק "לחץ כאן".
• title attribute במקום שינוי הטקסט: title="קרא עוד על..." לא נחשף לכל הקוראי מסך וגם לא משפיע על SEO. השתמש ב-aria-label אם חייב.
• שינוי ב-CSS בלבד: להחביא טקסט עם CSS ולהוסיף טקסט אחר ב-pseudo-element אינו נגיש לרוב הקוראי מסך.
• אותו טקסט לקישורים שונים: שני קישורים עם "מידע נוסף" שמובילים ליעדים שונים מבלבלים. עשה אותם ייחודיים.
• שכפול לכל הפוסטים: אם תיקנת בארכיון אבל בפוסטים יחידים עדיין יש "לחץ כאן" - הבעיה לא נפתרה.

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

הרץ NVDA או VoiceOver, פתח דף, הפעל רשימת קישורים. אסור שיהיו שני קישורים עם אותו טקסט אם הם מובילים ליעדים שונים. הרץ axe DevTools - הקטגוריה "Link Purpose" אמורה להיות ירוקה. ב-RankPlus הסטטוס יחזור לירוק.