Als u actief werkt aan het optimaliseren van uw website voor zoekmachine , is de kans groot dat u de Google Lighthouse -tool hebt gebruikt die inzichten biedt in het verbeteren van de prestaties van uw webpagina's. Hier is een van de gemeenschappelijke fouten die door Lighthouse worden benadrukt de 'links hebben geen waarneembare naam'. Deze fout wordt gemarkeerd onder het 'SEO -gedeelte' van het auditrapport en is gerelateerd aan het verbeteren van de gebruikerservaring op uw website.
Het repareren van de 'links hebben geen waarneembare naam' fout is eenvoudig. Het enige dat u hoeft te doen, is ervoor zorgen dat alle links en knoppen op uw website beschrijvende tekst hebben.
In dit artikel zullen we kijken hoe we deze Google Lighthouse -fout kunnen oplossen. Maar daarvoor is hier een korte beschrijving van de Google Lighthouse -tool.
Wat is Google Lighthouse?
Als een open software Lighthouse een gratis Google -tool die helpt bij het controleren van webpagina's en biedt hij nuttige suggesties om ze te verbeteren. De vijf parameters op basis waarvan de Google Lighthouse -tool een website audits audits zijn, zijn prestaties, toegankelijkheid, SEO, best practices en progressieve web -app (PWA).
Op basis van deze parameters biedt het verbeteringsuggesties die kunnen helpen bij het verbeteren van de algemene prestaties van de website. Laten we elk van deze parameters kort bekijken.
1. Prestaties
De prestatie -audit van Lighthouse meet de paginasnelheid van een website. Het meet hoe snel de website laadt en hoe goed geoptimaliseerd deze is voor gebruikers. De prestatiescore is verdeeld in drie categorieën: 0-49, 50-89 en 90-100.
Een score tussen 90-100 geeft aan dat de website goed wordt geoptimaliseerd. Alles onder de 90 betekent dat de website verbetering nodig heeft. Lighthouse belicht de problemen en geeft suggesties om de prestaties van de website te verbeteren .
2. Toegankelijkheid
Deze parameter analyseert hoe toegankelijk een website is voor mensen die ondersteunende technologieën gebruiken. Wanneer links geen waarneembare naam hebben of knoppen niet goed worden beschreven, of als de afbeeldingen geen ALT -tekst (alternatieve tekst), kan dit het moeilijk maken voor mensen met beperkte of geen visie om toegang te krijgen tot een website.
In het Audit -auditrapport scoort Lighthouse de website op 100. Nogmaals, een hogere score duidt op een grotere toegankelijkheid. De tool biedt ook verbeteringssuggesties voor toegankelijkheidsproblemen.
Lees : WordPress Toegankelijkheid Naleving van WCAG
3. SEO
Vanuit een SEO -perspectief analyseert deze tool de website voor technische SEO. Hoewel het geen uitgebreid SEO -auditrapport biedt, benadrukt het kritieke fouten die moeten worden gecorrigeerd. Sommige dingen die het analyseert zijn:
- Geldige gestructureerde gegevens
- Links met beschrijvende tekst
- Geldige robots.txt
- Webpagina responsiviteit en indexeerbaarheid.
- Meta -tags - titel en beschrijving
- Afbeeldingen en afbeelding Alt -tekst
- Kruipbaarheid van interne links
4. Best practices
Deze parameter analyseert de webontwikkelingsnormen die worden gebruikt om een website of webpagina te bouwen. Het best practices auditrapport biedt een score van de 100 en belicht problemen die moeten worden opgelost. De tool helpt bepalen of de webpagina's al dan niet zijn:
- Vrij van browserfouten en verouderde frameworks & API's
- Bronnen laden van beveiligde servers met HTTPS
- De juiste beeldverhouding voor afbeeldingen gebruiken
- Veilig tegen Cross-Site Scripting (XSS) aanvallen
- Veilig voor kwetsbaarheden voor JavaScript -bibliotheken.
Als u een website wilt bouwen die zich houdt aan de best practices zonder falende elementen, neem dan contact op met een topwordpress -ontwikkelingsbedrijf .
Lees : Veelvoorkomende technische SEO-problemen en best practices
5. Progressive Web App (PWA)
Het laatste Auditrapport van Google Lighthouse helpt bij het valideren van de webtoepassing. Het controleert of de web -app snel en betrouwbaar is en biedt een optimale gebruikerservaring. De tool controleert of de web -app eenvoudig te installeren is op meerdere apparaten en biedt offline functionaliteit en pushmeldingen. Het controleert ook of de progressieve web -apps zijn geoptimaliseerd en geconfigureerd en of het al het HTTP -verkeer omleidt naar HTTPS.
Voor dit auditrapport wijst het een PWA -badge toe, afhankelijk van hoe goed de web -app presteert tegen verschillende factoren. Google Lighthouse biedt ook nuttige suggesties om de prestaties van de webtoepassing te verbeteren.
Lees : HTTP vs. HTTPS: Waarom een SSL belangrijk is
Tijd om die lastige SEO -blunders aan te pakken en te repareren!
Doe mee met een wilde rit naar SEO -succes - laat de prestaties van uw website transformeren met onze expert touch! 🚀
Wat hebben 'links geen waarneembare naam' betekent?
Hoewel de 'links geen waarneembare naam hebben' is vrij vanzelfsprekend, hier is een voorbeeld dat enige context zal bieden.
Voorbeeld 1
<h3>Wilt u uw website -snelheid controleren?</h3><li><a href="https://seahawkmedia.com/tools/website-speed-test/">Klik hier</a></li>Voorbeeld 2
<h3>Wilt u uw website -snelheid controleren?</h3><li><a href="https://seahawkmedia.com/tools/website-speed-test/">Gebruik onze gratis tool om de snelheid van uw site te controleren</a></li>Welke van de twee voorbeelden zou de fout "Links hebben die geen waarneembare naam hebben"?
Als je voorbeeld 1 zei, heb je absoluut gelijk!
Simpel gezegd, Google stelt dat u beschrijvende of hyper-expliciete tekst moet gebruiken voor alle links en knoppen op uw website. De tekst moet de gebruiker duidelijk aangeven wat er zal gebeuren als ze erop klikken. Voorbeeld 2 stelt bijvoorbeeld duidelijk: 'Gebruik dit gratis hulpmiddel om de snelheid van uw site te controleren.'
Google draait helemaal om het verbeteren van de gebruikerservaring. Dus door de tekst in uw links/knoppen/afbeeldingen beschrijvend te houden, houdt u zich aan Google -richtlijnen, die kunnen helpen bij het verbeteren van de prestaties van uw website in het zoekresultaat.
Hoe kan ik de fout 'Links hebben geen herkenbare naam' oplossen?
Als uw link -test -audit mislukt in Google Lighthouse, wordt het volgende foutbericht weergegeven onder het 'SEO -gedeelte'.
I Mage Bron : https://developer.chrome.com/en/docs/lighthouse/seo/link-text/
Om deze fout te voorkomen, moet u de best practices van de link -tekst volgen die door Lighthouse worden verstrekt, zoals:
- Blijf bij de webpagina of blogberichtonderwerp tijdens het schrijven van de linktekst. Vermijd een link -tekst die niet gerelateerd is aan de inhoud van de pagina.
- Zorg ervoor dat de linkstekstbeschrijving kort en nauwkeurig is. Blijf bij korte zinnen.
- Gebruik de URL van de pagina niet als een linkbeschrijving.
- Zorg ervoor dat uw interne links beschrijvende tekst hebben. Dit maakt navigatie gemakkelijk voor gebruikers en zoekmachine robots.
Andere tips om de 'links' niet een waarneembare naam 'te repareren, zijn:
Voeg een beschrijvende naam toe aan teksthyperlinks
Zoals vermeld in het bovenstaande voorbeeld, worden hyperlink -tekst zoals 'klik hier' of 'Lees meer' niet door Google beschreven, omdat het niet het doel van gebruikers opgeeft. Een gebruiker moet het doel van de link kennen door alleen de tekst te lezen, zoals hieronder beschreven. Dit helpt de gebruikerservaring te verbeteren en helpt het bouncepercentage .
<h3>Wilt u uw website -snelheid controleren?</h3><li><a href="https://seahawkmedia.com/tools/website-speed-test/">Gebruik onze gratis tool om de snelheid van uw site te controleren</a></li>De Google Lighthouse -tool vermeldt de webpagina's met de links niet een waarneembare naam' -fout. Het enige dat u hoeft te doen om deze fout te corrigeren, is een korte en beschrijvende tekst toevoegen binnen de HTML -tags.
Voeg afbeelding alt -tekst toe aan hyperlink -afbeeldingen
Voor hyperlink -afbeeldingen moet u een ALT -kenmerk toevoegen dat het doel van de link verklaart. Aangezien afbeeldingen geen tekst op het scherm hebben (zoals teksthyperlinks), zal een Image Alt-tekst de gebruiker vertellen wat er zal gebeuren of op welke pagina ze zullen landen wanneer ze op de afbeelding klikken.
In de onderstaande afbeelding wordt de ALT -tekst bijvoorbeeld opgegeven als alt = ”w3schools.com”. Dus wanneer een gebruiker over de afbeelding zweeft, weten ze precies waar ze zullen landen door op de afbeelding te klikken.
Afbeeldingsbron : https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_link
Houd de afbeelding alt -tekst eenvoudig en beknopt. U hoeft de afbeelding niet te beschrijven, geef gewoon het doel op om de links te repareren, heeft geen waarneembare naam' -fout voor afbeeldingen.
Lees : best practices voor het schrijven van SEO-vriendelijke ALT-tekst voor afbeeldingen
Voeg waarneembare naam toe aan links met complexe inhoud
Voor complexe en dynamische elementen of niet-tekstuele inhoud moet u het ARIA-Label-kenmerk toevoegen aan de link. Hierdoor wordt de link toegankelijker, vooral voor gebruikers van ondersteunende technologie.
Voorbeeld: een knop-knop (x) in een pop-up box
<div id="box"> Dit is een pop-up box. <button aria-label="Close" onclick="document.getElementById('box').style.display='none';" class="close-button">X</button></div>Wanneer u in het bovenstaande voorbeeld op de link klikt, wordt een pop-upvak weergegeven (een div). Het element 'sluiten' is een knop met alleen de letter 'x'. Hier wordt de aria-label = "close" gebruikt om een waarneembare naam te geven aan de knop (x).
Laatste gedachten
Het repareren van de 'Links hebben geen waarneembare naam' -fout vrij eenvoudig en eenvoudig. Google Lighthouse benadrukt deze fout in het SEO -auditrapport. Nadat u de webpagina's hebt geïdentificeerd die geen waarneembare naam in de link hebben, kunt u het probleem corrigeren door beschrijvende tekst toe te voegen in de HTML -tag. Voeg voor hyperlink -afbeeldingen een afbeelding -alt -tekst toe. Terwijl u het ARIA-Label-kenmerk kunt gebruiken voor dynamische elementen, pictogrammen en niet-tekstuele inhoud.
Technische SEO -fouten kunnen niet alleen de prestaties van uw website schaden, maar kunnen ook leiden tot slechte gebruikerservaring. webcraws belemmeren om uw website nauwkeurig te indexeren, waardoor de rangorde van uw site wordt beïnvloed .
Om de gebruikerservaring en de prestaties van uw site te verbeteren, identificeert en corrigeert u de gewone SEO -problemen onmiddellijk. Of, als u hulp nodig hebt, kunt u altijd contact maken met een beheerde SEO -serviceprovider .
Veelgestelde vragen
Hoe repareer je 'links hebben geen waarneembare naam'?
Om de kwestie van 'links op te lossen, hebben geen waarneembare naam', zorg ervoor dat elke link beschrijvende en zinvolle ankertekst heeft. Vermijd generieke termen zoals "klik hier" of ruwe URL's. Gebruik in plaats daarvan taal die de bestemming of het doel van de link nauwkeurig beschrijft. Dit verbetert niet alleen de algemene gebruikerservaring, maar is ook cruciaal voor gebruikers die vertrouwen op ondersteunende technologieën zoals gebruikers van schermlezers.
Wat moeten 'links waarneembare tekst' hebben?
De vereiste dat 'links waarneembare tekst moeten zijn' betekent dat de tekst die voor links wordt gebruikt, duidelijk, beschrijvend moet zijn en het doel van de link overbrengt. Dit is essentieel voor toegankelijkheid, omdat gebruikers, met name degenen die op schermlezers vertrouwen, afhankelijk zijn van deze tekst om te begrijpen waar de link naartoe gaat.
Hoe repareer ik 'knoppen moeten waarneembare tekst hebben'?
Om het probleem van 'knoppen moet waarneembare tekst hebben', zorg er dan voor dat elke knop op uw website duidelijke en beschrijvende tekst heeft die zijn functie overbrengt. Gebruik geen dubbelzinnige termen of symbolen zonder bijbehorende tekst. Gebruikers moeten het doel van de knop kunnen begrijpen zonder alleen te vertrouwen op visuele aanwijzingen. Het aanbieden van expliciete en zinvolle knoptekst verbetert dus de algehele toegankelijkheid en zorgt voor een betere gebruikerservaring voor iedereen.
Hoe maak ik een ankerkoppeling toegankelijk?
Om een ankerkoppeling toegankelijk te maken:
- Gebruik semantische HTML door de Tag en zorg ervoor dat een geldig 'href' -kenmerk aanwezig is.
- Kies beschrijvende en relevante ankertekst die het doel van de gekoppelde inhoud overbrengt. Als u niet-tekstinhoud gebruikt, zoals pictogrammen, neemt u alternatieve tekst (alt-tekst) op voor duidelijkheid.
- Test de link met toetsenbordnavigatie om gemakkelijke toegankelijkheid te bevestigen.
Deze stappen zorgen ervoor dat personen met een handicap effectief kunnen begrijpen, interageren en navigeren van uw ankerkoppelingen.
