Si vous travaillez activement à l'optimisation de votre site web pour les moteurs de recherche , il y a de fortes chances que vous ayez utilisé l' Google Lighthouse , qui fournit des informations sur la façon d'améliorer les performances de vos pages web. L'une des erreurs courantes mises en évidence par Lighthouse est l' absence de nom identifiable pour les liens.
Cette erreur est signalée dans la section « SEO » du rapport d'audit et concerne l'amélioration de l'expérience utilisateur de votre site web.
Dans cet article, nous verrons comment corriger cette erreur de Google Lighthouse. Mais avant cela, voici une brève description de l'outil Google Lighthouse.
En bref : Solution rapide pour les étiquettes de liens peu claires
- Google Lighthouse signale les liens dépourvus de texte significatif, ce qui peut nuire à l'accessibilité et à l'expérience utilisateur.
- Remplacez les expressions vagues comme « cliquez ici » par un texte de lien clair et descriptif qui explique la destination.
- Ajoutez un texte alternatif pertinent aux images cliquables afin que les technologies d'assistance puissent comprendre leur fonction.
- Utilisez des attributs comme aria-label pour les icônes, les boutons ou les éléments dynamiques afin de les rendre accessibles et faciles à interpréter.
Qu'est-ce que Google Lighthouse ?
Lighthouse , logiciel libre et gratuit de Google, permet d'auditer les pages web et fournit des suggestions utiles pour les améliorer.
Les cinq paramètres sur lesquels l'outil Google Lighthouse base l'audit d'un site web sont les suivants : performance, accessibilité, référencement (SEO), bonnes pratiques et application web progressive (PWA).
En fonction de ces paramètres, il propose des suggestions pour améliorer les performances globales du site web. Examinons brièvement chacun de ces paramètres.
Performance
L'audit de performance de Lighthouse mesure la vitesse de chargement des pages d'un site web . Il évalue la rapidité de chargement du site et son optimisation pour les utilisateurs. Le score de performance est divisé en trois catégories : 0-49, 50-89 et 90-100.
Un score entre 90 et 100 indique que le site web est bien optimisé. Un score inférieur à 90 signifie que le site web nécessite des améliorations. Lighthouse met en évidence les problèmes et propose des suggestions pour améliorer les performances du site web .
Accessibilité
Ce paramètre mesure l'accessibilité d'un site web aux personnes utilisant des technologies d'assistance. L'absence de nom clair pour les liens, de description satisfaisante pour les boutons ou de texte alternatif pour les images peut rendre l'accès au site difficile pour les personnes malvoyantes ou aveugles.
Dans son rapport d'audit d'accessibilité, Lighthouse attribue une note sur 100 au site web. Plus la note est élevée, meilleure est l'accessibilité. L'outil propose également des suggestions pour améliorer l'accessibilité.
Lire : Conformité d'accessibilité de WordPress aux WCAG
Optimisation pour les moteurs de recherche
Du point de vue du référencement, cet outil analyse le référencement technique d'un site web. Bien qu'il ne fournisse pas de rapport d'audit SEO complet, il met en évidence les erreurs critiques à corriger.
Voici quelques-uns des éléments qu'il analyse :
- Données structurées valides
- Liens avec texte descriptif
- Fichier robots.txt valide
- Réactivité et indexabilité des pages Web.
- Balises méta – titre et description
- Images et texte alternatif des images
- indexation des liens internes
Contrôles des meilleures pratiques
Ce paramètre analyse les normes de développement web utilisées pour créer un site web ou une page web. Le rapport d'audit des bonnes pratiques attribue une note sur 100 et met en évidence les problèmes à corriger.
Cet outil permet de déterminer si les pages Web sont ou non :
- Sans erreurs de navigateur ni frameworks et API obsolètes
- Chargement des ressources depuis des serveurs sécurisés via HTTPS
- Utiliser le format d'image correct
- Protection contre les attaques de type cross-site scripting (XSS)
- À l'abri des vulnérabilités des bibliothèques JavaScript.
Si vous souhaitez créer un site web conforme aux meilleures pratiques et exempt de tout élément défaillant, contactez une entreprise de développement WordPress
À lire : Problèmes techniques courants en matière de référencement et bonnes pratiques
Application Web Progressive (PWA)
Le rapport final d'audit Google Lighthouse permet de valider l'application web. Il vérifie si l'application est rapide et fiable, et si elle offre une expérience utilisateur optimale.
Cet outil vérifie la facilité d'installation de l'application web sur différents appareils, ainsi que la présence de fonctionnalités hors ligne et de notifications push. Il vérifie également l'optimisation et la configuration des applications web progressives, et s'assure que tout le trafic HTTP est redirigé vers HTTPS.
Ce rapport d'audit attribue un badge PWA en fonction des performances de l'application web selon différents critères. Google Lighthouse fournit également des suggestions utiles pour améliorer ces performances.
Il est temps de s'attaquer et de corriger ces erreurs de référencement sournoises !
Rejoignez-nous pour une aventure extraordinaire vers le succès en référencement naturel, transformons les performances de votre site web grâce à notre expertise !
Que signifie « Les liens n'ont pas de nom discernable » ?
Bien que l'expression « les liens n'ont pas de nom identifiable » soit assez explicite, voici un exemple qui permettra de mieux comprendre.
Exemple 1
<h3>Vous souhaitez vérifier la vitesse de votre site web ?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Cliquez ici</a></li>Exemple 2
<h3>Vous souhaitez vérifier la vitesse de votre site web ?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Utilisez notre outil gratuit pour vérifier la vitesse de votre site.</a></li>Lequel des deux exemples signalerait l'erreur « les liens n'ont pas de nom identifiable » ?
Si vous avez répondu Exemple 1, vous avez tout à fait raison !
En résumé, Google recommande d'utiliser un texte descriptif, voire hyper-explicite, pour tous les liens et boutons de votre site web. Ce texte doit clairement indiquer à l'utilisateur ce qui se passera s'il clique dessus. Par exemple , l'exemple 2 indique clairement : « Utilisez cet outil gratuit pour tester la vitesse de votre site. »
Google privilégie l'expérience utilisateur. En rédigeant des textes descriptifs pour vos liens, boutons et images, vous respectez les consignes de Google, ce qui peut améliorer le positionnement de votre site web dans les résultats de recherche.
Comment corriger l'erreur « Les liens n'ont pas de nom identifiable » ?
Si votre audit de test de liens échoue dans Google Lighthouse, le message d'erreur suivant s'affichera dans la section « SEO »
Source de l' image : https://developer.chrome.com/en/docs/lighthouse/seo/link-text/
Pour éviter cette erreur, vous devez suivre les bonnes pratiques relatives aux liens textuels fournies par Lighthouse, telles que :
- Lors de la rédaction du texte du lien, veillez à rester en lien avec le sujet de la page web ou de l'article de blog. Évitez un texte de lien qui n'est pas pertinent par rapport au contenu de la page.
- Veillez à ce que la description du texte du lien soit courte et précise. Privilégiez les phrases courtes.
- Évitez d'utiliser l'URL de la page comme description de lien.
- Veillez à ce que vos liens internes comportent un texte descriptif. Cela facilitera la navigation pour les utilisateurs et les robots des moteurs de recherche.
Voici d'autres astuces pour corriger l'erreur « les liens n'ont pas de nom identifiable » :
Ajouter un nom descriptif aux hyperliens textuels
Comme indiqué dans l'exemple ci-dessus, les textes hyperliés tels que « cliquez ici » ou « lire la suite » ne sont pas considérés comme suffisamment descriptifs par Google, car ils n'en précisent pas l'objectif aux utilisateurs.
L'utilisateur doit pouvoir déterminer la finalité du lien à partir du seul texte, comme décrit ci-dessous. Cela améliore l'expérience utilisateur et réduit le taux de rebond .
<h3>Vous souhaitez vérifier la vitesse de votre site web ?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Utilisez notre outil gratuit pour vérifier la vitesse de votre site.</a></li>L'outil Google Lighthouse affichera les pages web présentant l'erreur « liens sans nom identifiable ». Pour corriger cette erreur, il vous suffit d'ajouter un texte bref et descriptif entre les balises HTML
Ajouter un texte alternatif aux images hyperliées
Pour les images cliquables, ajoutez un attribut alt qui explique la fonction du lien. Comme les images ne contiennent pas de texte à l'écran (contrairement aux liens hypertextes), le texte alternatif d'une image décrit ce qui se passera ou la page sur laquelle l'utilisateur sera redirigé lorsqu'il cliquera dessus.
Par exemple, dans l'image ci-dessous, l'attribut alt est défini sur « W3Schools.com ». Ainsi, lorsqu'un utilisateur survole l'image, il sait précisément où il arrivera en cliquant dessus.
Source de l'image : https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_link
Rédigez un texte alternatif simple et concis pour vos images. Inutile de décrire l'image : indiquez simplement son utilité pour corriger l'erreur « liens sans nom identifiable ».
Ajouter un nom clair aux liens au contenu complexe
Pour les éléments complexes et dynamiques ou le contenu non textuel, vous devez ajouter l'attribut aria-label au lien. Cela le rendra plus accessible, notamment pour les utilisateurs de technologies d'assistance.
Exemple : Un bouton de fermeture (X) dans une boîte de dialogue contextuelle
<div id="box">Ceci est une fenêtre contextuelle. <button aria-label="Close" onclick="document.getElementById('box').style.display='none';" class="close-button">X</button></div>Dans l'exemple ci-dessus, lorsque vous cliquez sur le lien, une fenêtre contextuelle (un élément div) apparaît. L'élément « fermer » est un bouton comportant uniquement la lettre « X ».
Ici, aria-label="close" fournit un nom identifiable pour le bouton (X).
Réflexions finales
Corriger l'erreur « les liens n'ont pas de nom identifiable » est assez simple. Google Lighthouse signale cette erreur dans son rapport d'audit SEO.
Une fois les pages web sans nom explicite identifiées, vous pouvez corriger le problème en ajoutant un texte descriptif dans la balise HTML. Pour les images cliquables, ajoutez un texte alternatif (alt). L'attribut aria-label permet quant à lui d'être utilisé pour les éléments dynamiques, les icônes et les contenus non textuels.
Les erreurs techniques de référencement peuvent non seulement nuire aux performances de votre site web, mais aussi dégrader l'expérience utilisateur. Elles peuvent également empêcher les robots d' exploration d'indexer correctement votre site, ce qui affecte son classement dans les résultats de recherche.
Pour améliorer l'expérience utilisateur et les performances de votre site, identifiez et corrigez immédiatement les problèmes de référencement courants. Si vous avez besoin d'aide, vous pouvez également faire appel à un prestataire de services de référencement géré .
FAQ sur l'erreur « Les liens n'ont pas de nom identifiable »
Que signifie l'absence de lien discernable ?
Cela signifie que le lien ne contient pas de texte clair ou significatif. Lorsque le texte et les descriptions alternatives d'un lien sont absents ou vagues, les technologies d'assistance ne peuvent pas en déterminer la fonction. L'ajout de noms accessibles dans le code permet de créer des liens identifiables et d'améliorer l'expérience de navigation des utilisateurs de lecteurs d'écran.
Comment résoudre les problèmes de texte de lien peu clair sur un site web ?
Utilisez des termes descriptifs dans le texte d'ancrage plutôt que des expressions génériques. Assurez-vous que chaque lien apparaisse dans un contexte pertinent. Une solution simple consiste à modifier le texte du lien ou à ajouter des attributs aria-label afin que chaque élément possède un nom accessible unique et cliquable
Pourquoi le texte alternatif des images est-il important pour les liens ?
Si une image sert de lien cliquable, elle doit comporter un texte alternatif. Ce texte explique aux lecteurs d'écran la fonction du lien et garantit son accessibilité même si l'élément visuel est masqué en raison de modifications de style ou de mise en page.
Comment les noms accessibles améliorent-ils la navigation ?
Des noms accessibles aident les utilisateurs à comprendre où mène un lien. Lorsque les liens sont discernables, uniques et cliquables, l'expérience de navigation est améliorée pour les utilisateurs de lecteurs d'écran et la structure de la page est plus facile à suivre.
Comment les développeurs peuvent-ils corriger ce problème dans le code ?
Les développeurs peuvent mettre à jour l'extrait HTML en ajoutant un texte descriptif pour les liens, des étiquettes ARIA ou des attributs alternatifs. Une simple modification d'une ligne de code dans le thème peut résoudre le problème et améliorer l'accessibilité.
