Als je actief bezig bent met het optimaliseren van je website voor zoekmachines , heb je waarschijnlijk al eens de Google Lighthouse- tool gebruikt. Deze tool biedt inzicht in hoe je de prestaties van je webpagina's kunt verbeteren. Een van de veelvoorkomende fouten die Lighthouse aan het licht brengt, is dat 'links geen herkenbare naam hebben'.
Deze fout wordt gemarkeerd onder het kopje 'SEO' in het auditrapport en heeft betrekking op het verbeteren van de gebruikerservaring van uw website.
In dit artikel bekijken we hoe je deze Google Lighthouse-fout kunt oplossen. Maar eerst een korte beschrijving van de Google Lighthouse-tool.
Kort samengevat: snelle oplossing voor onduidelijke linklabels
- Google Lighthouse markeert links die geen betekenisvolle tekst bevatten, wat de toegankelijkheid en de gebruikerservaring kan schaden.
- Vervang vage formuleringen zoals 'klik hier' door duidelijke, beschrijvende linktekst die de bestemming uitlegt.
- Voeg relevante alt-tekst toe aan klikbare afbeeldingen, zodat ondersteunende technologieën het doel ervan kunnen begrijpen.
- Gebruik attributen zoals `aria-label` voor pictogrammen, knoppen of dynamische elementen om ze toegankelijk en gemakkelijk te interpreteren te maken.
Wat is Google Lighthouse?
Lighthouse open-source tool van Google waarmee webpagina's kunnen worden gecontroleerd en nuttige suggesties voor verbetering worden gegeven.
De vijf parameters : prestaties, toegankelijkheid, SEO, best practices en progressive web app (PWA).
Op basis van deze parameters geeft het suggesties om de algehele prestaties van de website te verbeteren. Laten we elk van deze parameters kort bekijken.
Prestatie
De prestatieaudit van Lighthouse meet de laadsnelheid van een website . Het meet hoe snel de website laadt en hoe goed deze is geoptimaliseerd voor gebruikers. De prestatiescore is onderverdeeld in drie categorieën: 0-49, 50-89 en 90-100.
Een score tussen 90 en 100 geeft aan dat de website goed geoptimaliseerd is. Een score lager dan 90 betekent dat de website verbetering behoeft. Lighthouse signaleert de problemen en geeft suggesties om de prestaties van de website te verbeteren .
Toegankelijkheid
Deze parameter meet hoe toegankelijk een website is voor mensen die gebruikmaken van ondersteunende technologieën. Wanneer links geen duidelijke naam hebben, knoppen niet goed beschreven zijn of afbeeldingen geen alt-tekst (alternatieve tekst) bevatten, kan dit het voor mensen met een beperkt of geen gezichtsvermogen moeilijk maken om een website te bezoeken.
In het toegankelijkheidsauditrapport geeft Lighthouse de website een score van 1 tot 100. Ook hier geldt dat een hogere score een betere toegankelijkheid aangeeft. De tool geeft tevens suggesties voor het verbeteren van de toegankelijkheid.
Lees : WordPress voldoet aan de WCAG-richtlijnen voor toegankelijkheid
Zoekmachineoptimalisatie
Vanuit SEO-perspectief analyseert deze tool de technische SEO van een website. Hoewel het geen uitgebreid SEO-auditrapport biedt, wijst het wel op cruciale fouten die gecorrigeerd moeten worden.
Enkele van de zaken die het analyseert zijn:
- Geldige gestructureerde gegevens
- Links met beschrijvende tekst
- Geldig robots.txt-bestand
- Responsiviteit en indexeerbaarheid van de webpagina.
- Metatags – titel en beschrijving
- Afbeeldingen en alternatieve tekst voor afbeeldingen
- Doorzoekbaarheid van interne links
Controles van beste praktijken
Deze parameter analyseert de webontwikkelingsstandaarden die zijn gebruikt bij het bouwen van een website of webpagina. Het rapport over de best practices-audit geeft een score van 1 tot 100 en wijst op problemen die moeten worden opgelost.
De tool helpt bepalen of de webpagina's al dan niet:
- Vrij van browserfouten en verouderde frameworks en API's
- Bronnen laden vanaf beveiligde servers met HTTPS
- Het gebruik van de juiste beeldverhouding voor afbeeldingen
- Veilig tegen cross-site scripting (XSS)-aanvallen
- Veilig tegen kwetsbaarheden in JavaScript-bibliotheken.
Als u een website wilt bouwen die voldoet aan de beste praktijken en geen zwakke punten bevat, neem dan contact op met een toonaangevend WordPress-ontwikkelingsbedrijf .
Lees : Veelvoorkomende technische SEO-problemen en best practices
Progressieve web-app (PWA)
Het uiteindelijke Google Lighthouse-auditrapport helpt bij de validatie van de webapplicatie. Het controleert of de webapp snel en betrouwbaar is en of deze een optimale gebruikerservaring biedt.
De tool controleert of de webapp eenvoudig te installeren is op meerdere apparaten en of deze offline functionaliteit en pushmeldingen biedt. Ook wordt gecontroleerd of de progressieve webapps geoptimaliseerd en geconfigureerd zijn en of al het HTTP-verkeer wordt doorgestuurd naar HTTPS.
Dit auditrapport kent een PWA-badge toe op basis van hoe goed de webapplicatie presteert op verschillende factoren. Google Lighthouse geeft ook nuttige suggesties om de prestaties van de webapplicatie te verbeteren.
Tijd om die lastige SEO-blunders aan te pakken en te corrigeren!
Ga met ons mee op een enerverende reis naar SEO-succes en laat ons de prestaties van uw website transformeren met onze expertise!
Wat betekent 'Links hebben geen herkenbare naam'?
Hoewel de opmerking 'links hebben geen herkenbare naam' vrij vanzelfsprekend is, volgt hier een voorbeeld ter verduidelijking.
Voorbeeld 1
<h3>Wil je de snelheid van je website controleren?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Klik hier</a></li>Voorbeeld 2
<h3>Wil je de snelheid van je website controleren?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Gebruik onze gratis tool om de snelheid van uw website te controleren.</a></li>Welk van de twee voorbeelden zou de foutmelding "links hebben geen herkenbare naam" veroorzaken?
Als je voorbeeld 1 hebt gezegd, heb je helemaal gelijk!
Simpel gezegd, Google stelt dat je beschrijvende of zeer expliciete tekst moet gebruiken voor alle links en knoppen op je website. De tekst moet de gebruiker duidelijk laten weten wat er gebeurt als hij of zij erop klikt. Bijvoorbeeld , in voorbeeld 2 staat duidelijk: 'Gebruik deze gratis tool om de snelheid van je site te controleren.'
Google streeft ernaar de gebruikerservaring te verbeteren. Door de tekst in je links, knoppen en afbeeldingen beschrijvend te houden, voldoe je aan de richtlijnen van Google, wat de prestaties van je website in de zoekresultaten kan verbeteren.
Hoe los ik de foutmelding 'Links hebben geen herkenbare naam' op?
Als uw linktestaudit in Google Lighthouse mislukt, wordt het volgende foutbericht weergegeven onder het onderdeel 'SEO'
Afbeeldingbron : https://developer.chrome.com/en/docs/lighthouse/seo/link-text/
Om deze fout te voorkomen, dient u de aanbevolen werkwijzen voor linkteksten van Lighthouse te volgen, zoals:
- Houd je bij het schrijven van de linktekst aan het onderwerp van de webpagina of het blogbericht. Vermijd linkteksten die geen verband houden met de inhoud van de pagina.
- Zorg ervoor dat de linkbeschrijving kort en bondig is. Gebruik korte zinnen.
- Vermijd het gebruik van de URL van de pagina als linkbeschrijving.
- Zorg ervoor dat uw interne links beschrijvende tekst bevatten. Dit maakt de navigatie eenvoudig voor zowel gebruikers als zoekmachines.
Andere tips om de foutmelding 'links hebben geen herkenbare naam' op te lossen zijn:
Voeg een beschrijvende naam toe aan teksthyperlinks
Zoals in het bovenstaande voorbeeld is aangegeven, beschouwt Google hyperlinks zoals 'klik hier' of 'lees meer' niet als voldoende beschrijvend, omdat ze het doel niet duidelijk maken aan de gebruiker.
Een gebruiker moet aan de hand van de tekst alleen al het doel van de link kunnen afleiden, zoals hieronder beschreven. Dit verbetert de gebruikerservaring en verlaagt het bouncepercentage .
<h3>Wil je de snelheid van je website controleren?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Gebruik onze gratis tool om de snelheid van uw website te controleren.</a></li>De Google Lighthouse-tool toont de webpagina's met de foutmelding 'links hebben geen herkenbare naam'. Om deze fout te corrigeren, hoeft u alleen maar een korte, beschrijvende tekst toe te voegen binnen de HTML- tags.
Voeg alternatieve tekst (ALT) toe aan afbeeldingen met hyperlinks
Voeg voor afbeeldingen met hyperlinks een alt-attribuut toe dat het doel van de link uitlegt. Omdat afbeeldingen geen tekst op het scherm weergeven (zoals tekstlinks), beschrijft de alt-tekst van een afbeelding wat er gebeurt of op welke pagina de gebruiker terechtkomt wanneer hij of zij op de afbeelding klikt.
In de onderstaande afbeelding is bijvoorbeeld het alt-attribuut ingesteld op "W3Schools.com". Wanneer een gebruiker met de muis over de afbeelding beweegt, weet hij of zij dus precies waar hij of zij terechtkomt als er op de afbeelding wordt geklikt.
Afbeeldingbron : https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_link
Houd de alt-tekst voor afbeeldingen eenvoudig en bondig. Je hoeft de afbeelding niet te beschrijven; geef alleen het doel ervan aan om de foutmelding 'links hebben geen herkenbare naam' voor afbeeldingen op te lossen.
Voeg een herkenbare naam toe aan links met complexe inhoud
Voor complexe en dynamische elementen of niet-tekstuele inhoud moet u het attribuut `aria-label` aan de link toevoegen. Dit maakt de link toegankelijker, met name voor gebruikers van ondersteunende technologie.
Voorbeeld : Een sluitknop (X) in een pop-upvenster
<div id="box">Dit is een pop-upvenster. <button aria-label="Close" onclick="document.getElementById('box').style.display='none';" class="close-button">X</button></div>In het bovenstaande voorbeeld verschijnt er een pop-upvenster (een div) wanneer je op de link klikt. Het 'sluit'-element is een knop met alleen de letter 'X'.
Hier zorgt aria-label=”close” voor een herkenbare naam voor de knop (X).
Slotgedachten
Het oplossen van de foutmelding 'links hebben geen herkenbare naam' is vrij eenvoudig. Google Lighthouse markeert deze fout in het SEO-auditrapport.
Zodra je de webpagina's hebt gevonden waarvan de link geen herkenbare naam heeft, kun je dit probleem oplossen door beschrijvende tekst toe te voegen binnen de HTML-tag. Voor hyperlinks naar afbeeldingen kun je een alt-tekst toevoegen. Voor dynamische elementen, pictogrammen en niet-tekstuele inhoud kun je het aria-label-attribuut gebruiken.
Technische SEO-fouten kunnen niet alleen de prestaties van uw website schaden, maar ook leiden tot een slechte gebruikerservaring. Ze kunnen er bovendien voor zorgen dat webcrawlers uw kunnen indexeren, wat de ranking van uw site negatief beïnvloedt.
Om de gebruikerservaring en de prestaties van uw website te verbeteren, is het belangrijk om veelvoorkomende SEO-problemen direct te identificeren en op te lossen. Mocht u hulp nodig hebben, dan kunt u altijd contact opnemen met een SEO-dienstverlener .
Veelgestelde vragen over de foutmelding 'Links hebben geen herkenbare naam'
Wat betekent het als er geen verband te zien is?
Dit betekent dat de link geen duidelijke of betekenisvolle tekst bevat. Wanneer linktekst en alternatieve beschrijvingen ontbreken of vaag zijn, kunnen ondersteunende technologieën het doel ervan niet vaststellen. Het toevoegen van toegankelijke namen aan de code helpt bij het creëren van herkenbare links en verbetert de navigatie-ervaring voor gebruikers van schermlezers.
Hoe kan ik problemen met onduidelijke linktekst op een website oplossen?
Gebruik beschrijvende woorden in de ankertekst in plaats van algemene zinnen. Zorg ervoor dat elke link een betekenisvolle context heeft. Een eenvoudige oplossing in de code is om de linktekst aan te passen of aria-labelattributen toe te voegen, zodat elk element unieke en focusseerbare toegankelijke namen heeft
Waarom is alternatieve tekst voor afbeeldingen belangrijk bij links?
Als een afbeelding een klikbare link is, moet deze alt-tekst bevatten. Deze alternatieve tekst beschrijft het doel van de link voor schermlezers en zorgt ervoor dat deze toegankelijk blijft, zelfs als het visuele element verborgen is door stijl- of lay-outwijzigingen.
Hoe verbeteren toegankelijke namen de navigatie?
Toegankelijke namen helpen gebruikers te begrijpen waar een link naartoe leidt. Wanneer links herkenbaar, uniek en focusseerbaar zijn, verbetert dit de navigatie-ervaring voor gebruikers van schermlezers en maakt het de paginastructuur gemakkelijker te volgen.
Hoe kunnen ontwikkelaars dit probleem in de code oplossen?
Ontwikkelaars kunnen het HTML-fragment bijwerken door beschrijvende linktekst, aria-labels of alternatieve attributen toe te voegen. Een kleine wijziging in een regel code in het thema kan het probleem oplossen en de toegankelijkheid verbeteren.
