Come risolvere l'errore "I link non hanno un nome riconoscibile"?

Se ti stai occupando attivamente dell'ottimizzazione del tuo sito web per i motori di ricerca , è probabile che tu abbia già utilizzato Google Lighthouse , uno strumento che offre spunti su come migliorare le prestazioni delle tue pagine web. Uno degli errori più comuni evidenziati da Lighthouse è che "i link non hanno un nome riconoscibile".

Questo errore è evidenziato nella sezione "SEO" del report di audit e riguarda il miglioramento dell'esperienza utente del tuo sito web.

In questo articolo vedremo come risolvere questo errore di Google Lighthouse. Prima di iniziare, però, ecco una breve descrizione dello strumento Google Lighthouse.

In breve: soluzione rapida per etichette di link poco chiare

• Google Lighthouse segnala i link privi di testo significativo, il che può compromettere l'accessibilità e l'esperienza utente.

• Sostituisci frasi vaghe come "clicca qui" con un testo del link chiaro e descrittivo che spieghi la destinazione.

• Aggiungi un testo alternativo pertinente alle immagini cliccabili, in modo che le tecnologie assistive possano comprenderne lo scopo.

• Utilizza attributi come aria-label per icone, pulsanti o elementi dinamici per renderli accessibili e di facile interpretazione.

Che cos'è Google Lighthouse?

Lighthouse, essendo un software open source, è uno strumento gratuito di Google che aiuta ad analizzare le pagine web e fornisce suggerimenti utili su come migliorarle.

I cinque parametri in base ai quali lo strumento Google Lighthouse analizza un sito web sono prestazioni, accessibilità, SEO, best practice e progressive web app (PWA).

In base a questi parametri, offre suggerimenti per migliorare le prestazioni complessive del sito web. Analizziamo brevemente ciascuno di questi parametri.

Prestazione

L'analisi delle prestazioni di Lighthouse misura la velocità di caricamento delle pagine di un sito web . Valuta la rapidità di caricamento del sito e il suo livello di ottimizzazione per gli utenti. Il punteggio di prestazione è suddiviso in tre categorie: 0-49, 50-89 e 90-100.

Un punteggio compreso tra 90 e 100 indica che il sito web è ben ottimizzato. Un punteggio inferiore a 90 indica che il sito web necessita di miglioramenti. Lighthouse evidenzia i problemi e fornisce suggerimenti per migliorare le prestazioni del sito web .

Accessibilità

Questo parametro misura il grado di accessibilità di un sito web per le persone che utilizzano tecnologie assistive. Quando i link non hanno un nome riconoscibile, i pulsanti non sono ben descritti o le immagini non includono il testo alternativo (alt text), l'accesso al sito può risultare difficile per le persone con problemi di vista o non vedenti.

Nel report di verifica dell'accessibilità, Lighthouse assegna un punteggio al sito web su 100. Anche in questo caso, un punteggio più alto indica una maggiore accessibilità. Lo strumento fornisce inoltre suggerimenti per migliorare l'accessibilità.

Leggi : Conformità all'accessibilità di WordPress con WCAG

Ottimizzazione dei motori di ricerca

Dal punto di vista SEO, questo strumento analizza l'ottimizzazione tecnica per i motori di ricerca di un sito web. Sebbene non offra un report completo di audit SEO, evidenzia gli errori critici che devono essere corretti.

Alcuni degli elementi che analizza sono:

• Dati strutturati validi
• Link con testo descrittivo
• Robots.txt valido
• Reattività e indicizzazione delle pagine web.
• Meta tag : titolo e descrizione
• Immagini e testo alternativo delle immagini
• Scansionabilità dei link interni

Verifiche delle migliori pratiche

Questo parametro analizza gli standard di sviluppo web utilizzati per creare un sito web o una pagina web. Il report di audit delle best practice fornisce un punteggio su 100 ed evidenzia i problemi che devono essere risolti.

Lo strumento aiuta a determinare se le pagine web sono o meno:

• Senza errori del browser e framework e API obsoleti
• Caricamento di risorse da server sicuri con HTTPS
• Utilizzo del corretto rapporto di aspetto per le immagini
• Sicuro contro gli attacchi cross-site scripting (XSS)
• Al riparo dalle vulnerabilità delle librerie JavaScript.

Se vuoi creare un sito web che rispetti le migliori pratiche e che non presenti alcun elemento negativo, contatta una delle migliori aziende di sviluppo WordPress

Leggi : Problemi tecnici comuni di SEO e migliori pratiche

Applicazione Web progressiva (PWA)

Il report finale di audit di Google Lighthouse contribuisce a convalidare l'applicazione web. Verifica se l'applicazione web è veloce e affidabile e se offre un'esperienza utente ottimale.

Lo strumento verifica se l'app web è facile da installare su più dispositivi e se offre funzionalità offline e notifiche push. Controlla inoltre se le progressive web app sono ottimizzate e configurate e se reindirizzano tutto il traffico HTTP a HTTPS.

Questo report di audit assegna un badge PWA in base alle prestazioni dell'applicazione web rispetto a diversi fattori. Google Lighthouse fornisce anche suggerimenti utili per migliorare le prestazioni dell'applicazione web.

Cosa significa "I link non hanno un nome riconoscibile"?

Sebbene la frase "i link non hanno un nome riconoscibile" sia abbastanza autoesplicativa, ecco un esempio che fornirà un po' di contesto.

Esempio 1

<h3>Vuoi verificare la velocità del tuo sito web?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Clicca qui</a></li>

Esempio 2

<h3>Vuoi verificare la velocità del tuo sito web?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Utilizza il nostro strumento gratuito per verificare la velocità del tuo sito.</a></li>

Quale dei due esempi segnalerebbe l'errore "i link non hanno un nome riconoscibile"?

Se hai risposto Esempio 1, hai assolutamente ragione!

In parole semplici, Google afferma che è necessario utilizzare un testo descrittivo o estremamente esplicito per tutti i link e i pulsanti del proprio sito web. Il testo deve indicare chiaramente all'utente cosa accadrà se ci clicca sopra. Ad esempio , l'esempio 2 afferma chiaramente: "Utilizza questo strumento gratuito per verificare la velocità del tuo sito".

Google punta tutto sul miglioramento dell'esperienza utente. Pertanto, mantenendo descrittivo il testo di link, pulsanti e immagini, si rispettano le linee guida di Google, il che può contribuire a migliorare il posizionamento del sito web nei risultati di ricerca.

Come risolvere l'errore "I link non hanno un nome riconoscibile"?

Se il test di verifica dei link in Google Lighthouse fallisce, verrà visualizzato il seguente messaggio di errore nella sezione "SEO"

Fonte dell'immagine : https://developer.chrome.com/en/docs/lighthouse/seo/link-text/

Per evitare questo errore, dovresti seguire le best practice per i testi dei link fornite da Lighthouse, ad esempio:

• Quando scrivi il testo del link, attieniti all'argomento della pagina web o del post del blog. Evita un testo del link non correlato al contenuto della pagina.

• Assicurati che la descrizione del testo del link sia breve e precisa. Utilizza frasi brevi.

• Evita di utilizzare l'URL della pagina come descrizione del link.

• Assicurati che i tuoi link interni contengano testo descrittivo. Questo renderà la navigazione più semplice per gli utenti e i robot dei motori di ricerca.

Altri suggerimenti per correggere l'errore "i link non hanno un nome riconoscibile" sono:

Aggiungi un nome descrittivo ai collegamenti ipertestuali di testo

Come accennato nell'esempio precedente, i testi con link ipertestuali come "clicca qui" o "leggi di più" non sono considerati sufficientemente descrittivi da Google, in quanto non specificano lo scopo agli utenti.

L'utente dovrebbe essere in grado di determinare lo scopo del link dal solo testo, come descritto di seguito. Ciò migliora l'esperienza utente e riduce la frequenza di rimbalzo .

<h3>Vuoi verificare la velocità del tuo sito web?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Utilizza il nostro strumento gratuito per verificare la velocità del tuo sito.</a></li>

Lo strumento Google Lighthouse elencherà le pagine web con l'errore "I link non hanno un nome riconoscibile". Per correggere questo errore, è sufficiente aggiungere un breve testo descrittivo all'interno dei HTML .

Aggiungi testo ALT dell'immagine alle immagini con collegamento ipertestuale

Per le immagini con collegamenti ipertestuali, aggiungi un attributo alt che spieghi lo scopo del link. Poiché le immagini non hanno testo sullo schermo (come i collegamenti ipertestuali testuali), il testo alternativo di un'immagine descrive cosa accadrà o su quale pagina l'utente verrà reindirizzato quando farà clic sull'immagine.

Ad esempio, nell'immagine sottostante, l'attributo alt è impostato su "W3Schools.com". Pertanto, quando un utente passa il mouse sopra l'immagine, sa esattamente dove verrà reindirizzato cliccandoci sopra.

Fonte dell'immagine : https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_link

Il testo alternativo dell'immagine deve essere semplice e conciso. Non è necessario descrivere l'immagine; basta specificarne lo scopo per risolvere l'errore "i link non hanno un nome riconoscibile" per le immagini.

Aggiungi un nome riconoscibile ai link con contenuto complesso

Per elementi complessi e dinamici o contenuti non testuali, è necessario aggiungere l'attributo aria-label al collegamento. Questo renderà il collegamento più accessibile, soprattutto per gli utenti di tecnologie assistive.

Esempio : Un pulsante di chiusura (X) in una finestra a comparsa

<div id="box">Questa è una finestra a comparsa. <button aria-label="Close" onclick="document.getElementById('box').style.display='none';" class="close-button">X</button></div>

Nell'esempio precedente, cliccando sul link, apparirà una finestra pop-up (un elemento div). L'elemento di chiusura è un pulsante con la sola lettera "X".

Qui, aria-label="close" fornisce un nome riconoscibile per il pulsante (X).

Considerazioni finali

Risolvere l'errore "i link non hanno un nome riconoscibile" è piuttosto semplice. Google Lighthouse segnala questo errore nel suo report di audit SEO.

Una volta individuate le pagine web che non presentano un nome riconoscibile nel link, è possibile risolvere il problema aggiungendo un testo descrittivo all'interno del tag HTML. Per le immagini con collegamento ipertestuale, è sufficiente aggiungere un testo alternativo (alt text). L'attributo aria-label, invece, può essere utilizzato per elementi dinamici, icone e contenuti non testuali.

, potrebbero impedire ai crawler di indicizzare correttamente il tuo sito, influenzandone il posizionamento nei risultati di ricerca.

Per migliorare l'esperienza utente e le prestazioni del tuo sito, identifica e correggi immediatamente i problemi SEO più comuni. In alternativa, se hai bisogno di aiuto, puoi sempre contattare un fornitore di servizi SEO gestiti .

Domande frequenti sull'errore "I collegamenti non hanno un nome distinguibile"