ข้อผิดพลาดทั่วไปใน PageSpeed Insights / Lighthouse มันเกี่ยวกับประสบการณ์ผู้ใช้และการเข้าถึง "Links do not have a discernible name“.
ในสถานการณ์ที่กำหนด ข้อผิดพลาดจะถูกสร้างขึ้นเนื่องจากการเชื่อมโยงที่เกี่ยวข้องกับไอคอนไม่มีชื่อที่มองเห็นได้ เมื่อใช้ลิงก์ไอคอนโดยเชื่อมต่อกับโซเชียลเน็ตเวิร์กหรือโปรไฟล์อื่น ลิงก์เหล่านั้นควรมีแท็กอธิบายที่เรียกว่า “aria-label“.
ในหัวข้อ Voice – Meksข้อผิดพลาดนี้เกิดขึ้นบ่อยที่สุดเมื่อเชื่อมโยงกับลิงก์ "Author Box” จากท้ายบทความ
Links do not have a discernible name. Lighthouse Fix
วิธีแก้ไขง่ายๆ คือการเพิ่มแท็ก: aria-label="Nume".
ใน "author box” สำหรับธีมเสียง (theme เวิร์ดเพรส พัฒนาโดย Meks) ฉันแก้ไขปัญหาโดยเปลี่ยนบรรทัด 73 ในไฟล์ template-parts/author-box.phpที่ฉันป้อนป้ายกำกับ aria-label.
<a href="<?php echo esc_url($social_meta ); ?>" aria-label="<?php echo esc_attr( $soc_name ); ?>" target="_blank" rel="noopener" class="fa fa-<?php echo esc_attr( $soc_id ); ?>"></a>บรรทัดเดิมที่มีการเปลี่ยนแปลง:
<a href="<?php echo esc_url($social_meta ); ?>" target="_blank" class="fa fa-<?php echo esc_attr( $soc_id ); ?>"></a>หลังจากทำการเปลี่ยนแปลงข้างต้นกับไอคอนทั้งหมดที่มีลิงก์แล้ว “Links do not have a discernible name” จะไม่ปรากฏอีกต่อไปLighthouse.
ข้อผิดพลาดนี้สามารถหักล้างคะแนนได้ Lighthouseปรากฏอยู่ในธีมอื่นๆ ด้วยเช่นกัน WordPress พัฒนาโดย Meks หรือโดยนักพัฒนารายอื่น
