Links do not have a discernible name. Lighthouse Fix

Ένα κοινό λάθος σε PageSpeed Insights / Lighthouse έχει να κάνει με την εμπειρία χρήστη και την προσβασιμότητα. "Links do not have a discernible name".

Στο δεδομένο σενάριο, το σφάλμα δημιουργείται επειδή οι σύνδεσμοι που σχετίζονται με τα εικονίδια δεν έχουν ευδιάκριτο όνομα. Όταν χρησιμοποιούνται σύνδεσμοι εικονιδίων σε σχέση με κοινωνικά δίκτυα ή άλλα προφίλ, θα πρέπει να περιέχουν μια περιγραφική ετικέτα που ονομάζεται "aria-label".

Στο θέμα Voice – Meks, αυτό το σφάλμα παρουσιάζεται πιο συχνά σε σχέση με συνδέσμους "Author Box” από το τέλος των άρθρων.

Η απλή λύση είναι να προσθέσετε την ετικέτα: aria-label="Nume".

Στο "author box” για το θέμα Voice (θέμα WordPress αναπτύχθηκε από 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 ή από άλλους προγραμματιστές.

Λάτρης της τεχνολογίας, μου αρέσει να γράφω σεμινάρια και χρήσιμους οδηγούς για λειτουργικά συστήματα, συστήματα υλικού, γλώσσες προγραμματισμού και κινητά τηλέφωνα (iOS, Android). Μου αρέσει να πειραματίζομαι και να ανακαλύπτω νέες τεχνικές SEO και στρατηγικές βελτιστοποίησης ιστού.

Home » Έξυπνο σεμινάριο » Links do not have a discernible name. Lighthouse Fix
Αφήστε ένα σχόλιο