Si vous travaillez activement à l'optimisation de votre site Web pour les moteurs de recherche , il est probable que vous ayez utilisé l' Google Lighthouse qui offre des informations sur la façon d'améliorer les performances de vos pages Web. Ici, l'une des erreurs courantes mises en évidence par Lighthouse est que les «liens n'ont pas de nom perceptible». Cette erreur est mise en évidence dans la «section SEO» du rapport d'audit et est liée à l'amélioration de l'expérience utilisateur sur votre site Web.
Corriger l’erreur « les liens n’ont pas de nom discernable » est simple. Tout ce que vous avez à faire est de vous assurer que tous les liens et boutons de votre site Web comportent un texte descriptif.
Dans cet article, nous verrons comment corriger cette erreur Google Lighthouse. Mais avant cela, voici une brève description de l’outil Google Lighthouse.
Qu’est-ce que Google Lighthouse ?
En tant que logiciel ouvert, Lighthouse est un outil Google gratuit qui aide à auditer les pages Web et fournit des suggestions utiles sur la façon de les améliorer. Les cinq paramètres basés sur lesquels l'outil Google Lighthouse Audits d'un site Web est les performances, l'accessibilité, le référencement, les meilleures pratiques et l'application Web progressive (PWA).
Sur la base de ces paramètres, il propose des suggestions d'amélioration qui peuvent contribuer à améliorer les performances globales du site Web. Jetons un bref coup d'œil à chacun de ces paramètres.
1. Performance
L'audit de performance de Lighthouse mesure la vitesse des pages d'un site Web. Il mesure la vitesse de chargement du site Web 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é. Tout ce qui est en dessous de 90 signifie que le site Web a besoin d'amélioration. Lighthouse met en évidence les problèmes et fournit des suggestions pour améliorer les performances du site Web .
2. Accessibilité
Ce paramètre analyse à quel point un site Web est accessible aux personnes qui utilisent des technologies d'assistance. Lorsque les liens n'ont pas de nom ou de boutons perceptibles ne sont pas bien décrits, ou si les images n'ont pas de texte alt (texte alternatif), cela pourrait rendre difficile pour les personnes ayant une vision limitée ou sans accéder à un site Web.
Dans le rapport d'audit d'accessibilité, Lighthouse marque le site Web sur 100. Encore une fois, un score plus élevé indique une plus grande accessibilité. L'outil fournit également des suggestions d'amélioration pour les problèmes d'accessibilité.
Lire : conformité à l'accessibilité WordPress avec WCAG
3. SEO
Du point de vue du référencement, cet outil analyse le site Web pour le référencement technique. Bien qu'il n'offre pas un rapport d'audit SEO complet, il met en évidence les erreurs critiques qui doivent être corrigées. Certaines des choses qu'il analyse sont:
- 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 de l'image
- Crawlabilité des liens internes
4. 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 meilleures pratiques fournit un score sur 100 et met en évidence les problèmes qui doivent être résolus. L'outil aide à déterminer si les pages Web sont ou non:
- Exempt d'erreurs de navigateur et de frameworks et API obsolètes
- Chargement de ressources à partir de serveurs sécurisés avec HTTPS
- Utiliser le rapport hauteur/largeur correct pour les images
- Protégé contre les attaques de scripts intersites (XSS)
- À l'abri des vulnérabilités des JavaScript .
Si vous souhaitez construire un site Web qui adhère aux meilleures pratiques sans tous les éléments défaillants, contactez une de développement WordPress .
Lire : Problèmes techniques courants de référencement et meilleures pratiques
5. Application Web progressive (PWA)
Le rapport d'audit final de Google Lighthouse permet de valider l'application Web. Il vérifie si l'application Web est rapide et fiable et offre une expérience utilisateur optimale. L'outil vérifie si l'application Web est facile à installer sur plusieurs appareils et offre des fonctionnalités hors ligne et des notifications push. Il vérifie également si les applications Web progressives sont optimisées et configurées et si elles redirigent tout le trafic HTTP vers HTTPS.
Pour ce rapport d'audit, il attribue un badge PWA en fonction des performances de l'application Web par rapport à différents facteurs. Google Lighthouse fournit également des suggestions utiles pour améliorer les performances de l'application Web.
Lire : HTTP vs HTTPS : pourquoi avoir un SSL est important
Il est temps de s'attaquer et de réparer ces erreurs de référencement délicates!
Rejoignez-nous pour un succès Wild To SEO - Transformez les performances de votre site Web avec notre touche experte! 🚀
Que signifie « Les liens n'ont pas de nom discernable » ?
Bien que l'expression « les liens n'ont pas de nom perceptible » soit assez explicite, voici un exemple qui fournira un certain contexte.
Exemple 1
<h3>Vous voulez 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 voulez 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 discernable » ?
Si vous avez dit l’exemple 1, vous avez tout à fait raison !
Pour faire simple, Google indique que vous devez utiliser un texte descriptif ou hyper-explicite pour tous les liens et boutons de votre site Web. Le 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 vérifier la vitesse de votre site".
Google vise à améliorer l'expérience utilisateur. Ainsi, en gardant le texte de vos liens/boutons/images descriptif, vous respectez les directives de Google, ce qui peut contribuer à améliorer les performances de votre site Web dans les résultats de recherche.
Comment corriger l'erreur « Les liens n'ont pas de nom discernable » ?
Si votre audit de test de lien échoue dans Google Lighthouse, le message d'erreur suivant s'affichera dans la « section SEO ».
Image Source : https://developer.chrome.com/en/docs/lighthouse/seo/link-text/
Pour éviter cette erreur, vous devez suivre les meilleures pratiques en matière de texte de lien fournies par Lighthouse, telles que :
- Tenez-vous-en au sujet de la page Web ou de l’article de blog lors de la rédaction du texte du lien. Évitez un texte de lien qui n'est pas lié au contenu de la page.
- Assurez-vous que la description du texte du lien est courte et précise. Tenez-vous-en à des phrases courtes.
- Évitez d'utiliser l'URL de la page comme description de lien.
- Assurez-vous que vos liens internes contiennent un texte descriptif. Cela facilitera la navigation pour les utilisateurs et les robots des moteurs de recherche.
D'autres conseils pour corriger l'erreur « Les liens n'ont pas de nom discernable » sont :
Ajouter un nom descriptif aux hyperliens textuels
Comme mentionné dans l'exemple ci-dessus, le texte d'un lien hypertexte tel que « cliquez ici » ou « en savoir plus » n'est pas considéré comme suffisamment descriptif par Google car il ne précise pas l'objectif des utilisateurs. Un utilisateur doit connaître le but du lien en lisant simplement le texte, comme décrit ci-dessous. Cela contribue à améliorer l’expérience utilisateur et à réduire le taux de rebond .
<h3>Vous voulez 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 répertoriera les pages Web avec l'erreur « les liens n'ont pas de nom discernable ». Tout ce que vous devez faire pour corriger cette erreur est d'ajouter un texte bref et descriptif dans les HTML .
Ajouter du texte ALT d'image aux images avec lien hypertexte
Pour les images liées par un hyperlien, vous devez ajouter un attribut alt qui explique le but du lien. Étant donné que les images n'ont pas de texte à l'écran (comme les hyperliens textuels), un texte alternatif d'image indiquera à l'utilisateur ce qui se passera ou sur quelle page il atterrira lorsqu'il cliquera sur l'image.
Par exemple, dans l'image ci-dessous, le texte alternatif est spécifié comme alt=”W3Schools.com”. Ainsi, lorsqu'un utilisateur survole l'image, il sait exactement où il atterrira en cliquant sur l'image.
Source de l'image : https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_link
Gardez le texte alternatif de l’image simple et concis. Vous n'avez pas besoin de décrire l'image, spécifiez simplement son objectif pour corriger l'erreur « les liens n'ont pas de nom discernable » pour les images.
Lire : Meilleures pratiques pour rédiger un texte alternatif optimisé pour le référencement pour les images
Ajouter un nom discernable aux liens avec un contenu complexe
Pour les éléments complexes & dynamiques ou le contenu non textuel, vous devez ajouter l'attribut aria-label au lien. Cela rendra le lien plus accessible, en particulier pour les utilisateurs de technologies d'assistance.
Exemple : Un bouton de fermeture (X) dans une boîte contextuelle
<div id="box"> Il s'agit d'une boîte 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 boîte pop-up (un div) s'affiche. L'élément « fermer » est un bouton avec juste la lettre « X ». Ici, l'aria-label=”close” est utilisé pour fournir un nom perceptible au bouton (X).
Pensées finales
Corriger l'erreur « les liens n'ont pas de nom discernable » est assez simple et facile. Google Lighthouse met en avant cette erreur dans son rapport d’audit SEO. Une fois que vous avez identifié les pages Web qui n'ont pas de nom visible dans le lien, vous pouvez corriger le problème en ajoutant un texte descriptif dans la balise HTML. Pour les images avec lien hypertexte, ajoutez un texte alternatif d’image. En revanche, vous pouvez utiliser l'attribut aria-label pour les éléments dynamiques, les icônes et le contenu non textuel.
Les erreurs techniques de référencement peuvent non seulement nuire aux performances de votre site Web, mais également conduire à une mauvaise expérience utilisateur. Ils pourraient également empêcher les robots d' exploration d'indexer avec précision votre site Web, affectant ainsi le classement de votre site.
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. Ou, si vous avez besoin d'aide, vous pouvez toujours vous connecter avec un fournisseur de services de référencement géré .
FAQ
Comment corrigez-vous « les liens n'ont pas de nom discernable » ?
Pour résoudre le problème des «liens, n'ont pas de nom perceptible», assurez-vous que chaque lien a un texte d'ancrage descriptif et significatif. Évitez d'utiliser des termes génériques comme «Cliquez ici» ou URL bruts. Au lieu de cela, utilisez un langage qui décrit avec précision la destination ou le but du lien. Cela améliore non seulement l'expérience utilisateur globale, mais est crucial pour les utilisateurs qui s'appuient sur des technologies d'assistance comme les utilisateurs des lecteurs d'écran.
Que signifie « les liens doivent avoir un texte discernable » ?
L'exigence selon laquelle «les liens doivent avoir du texte perceptible» signifie que le texte utilisé pour les liens doit être clair, descriptif et transmettre l'objectif du lien. Ceci est essentiel pour l'accessibilité, car les utilisateurs, en particulier ceux qui comptent sur les lecteurs d'écran, dépendent de ce texte pour comprendre où mène le lien.
Comment puis-je corriger « les boutons doivent avoir un texte visible » ?
Pour résoudre le problème des boutons doit avoir du texte perceptible, «assurez-vous que chaque bouton de votre site Web a un texte clair et descriptif qui transmet sa fonction. Évitez d'utiliser des termes ou des symboles ambigus sans le texte d'accompagnement. Les utilisateurs devraient être en mesure de comprendre l'objectif du bouton sans s'appuyer uniquement sur les indices visuels. Ainsi, la fourniture du texte de bouton explicite et significatif améliore l'accessibilité globale et assure une meilleure expérience utilisateur pour tous.
Comment rendre accessible un lien d’ancrage ?
Pour rendre un lien d'ancrage accessible :
- Utilisez le HTML sémantique en employant le 'href' valide est présent.
- Choisissez un texte d'ancrage descriptif et pertinent qui transmet l'objectif du contenu lié. Si vous utilisez du contenu non textuel, tel que des icônes, incluez un texte alternatif (texte alternatif) pour plus de clarté.
- Testez le lien avec la navigation au clavier pour confirmer une accessibilité facile.
Ces étapes garantissent que les personnes handicapées peuvent comprendre, interagir et naviguer efficacement dans vos liens d'ancrage.
