Hur åtgärdar man felet "Länkar har inget urskiljbart namn"?

Om du aktivt arbetar med att optimera din webbplats för sökmotorer har du förmodligen använt Google Lighthouse -verktyget som ger insikter i hur du kan förbättra prestandan för dina webbsidor. Här är ett av de vanliga fel som Lighthouse lyfter fram att "länkar inte har ett tydligt namn".

Det här felet är markerat under "SEO-avsnittet" i granskningsrapporten och avser att förbättra din webbplats användarupplevelse.

I den här artikeln ska vi titta på hur man åtgärdar detta Google Lighthouse-fel. Men innan dess kommer här en kort beskrivning av Google Lighthouse-verktyget.

TL;DR: Snabb lösning för otydliga länketiketter

• Google Lighthouse flaggar länkar som saknar meningsfull text, vilket kan försämra tillgängligheten och användarupplevelsen.

• Ersätt vaga fraser som ”klicka här” med tydlig, beskrivande länktext som förklarar destinationen.

• Lägg till relevant alt-text för klickbara bilder så att hjälpmedelstekniker kan förstå deras syfte.

• Använd attribut som aria-label för ikoner, knappar eller dynamiska element för att göra dem tillgängliga och lätta att tolka.

Vad är Google Lighthouse?

Som en programvara med öppen källkod Lighthouse ett gratis Google-verktyg som hjälper till att granska webbsidor och ger användbara förslag på hur man kan förbättra dem.

De fem parametrar som Google Lighthouse-verktyget granskar en webbplats utifrån är prestanda, tillgänglighet, SEO, bästa praxis och progressiv webbapp (PWA).

Baserat på dessa parametrar ger den förslag för att förbättra webbplatsens övergripande prestanda. Låt oss ta en kort titt på var och en av dessa parametrar.

Prestanda

Lighthouses prestationsgranskning mäter en webbplats sidhastighet . Den mäter hur snabbt webbplatsen laddas och hur väl optimerad den är för användarna. Prestandapoängen är indelad i tre kategorier: 0–49, 50–89 och 90–100.

Ett betyg mellan 90 och 100 indikerar att webbplatsen är väloptimerad. Allt under 90 betyder att webbplatsen behöver förbättras. Lighthouse belyser problemen och ger förslag för att förbättra webbplatsens prestanda .

Tillgänglighet

Denna parameter mäter hur tillgänglig en webbplats är för personer som använder hjälpmedelsteknik. När länkar saknar ett tydligt namn, knappar inte beskrivs väl eller bilder inte innehåller alt-text (alternativ text) kan det göra det svårt för personer med begränsad eller ingen syn att komma åt en webbplats.

I tillgänglighetsrevisionsrapporten ger Lighthouse webbplatsen en poäng av 100. Återigen indikerar ett högre betyg bättre tillgänglighet. Verktyget ger också förslag på hur man kan förbättra tillgängligheten.

Läs : WordPress tillgänglighetsefterlevnad med WCAG

Sökmotoroptimering

Ur ett SEO-perspektiv analyserar det här verktyget en webbplats tekniska SEO. Även om det inte erbjuder en heltäckande SEO-granskningsrapport, belyser det kritiska fel som behöver korrigeras.

Några av de saker den analyserar är:

• Giltig strukturerad data
• Länkar med beskrivande text
• Giltig robots.txt
• Webbsidans responsivitet och indexerbarhet.
• Metataggar – titel och beskrivning
• Bilder och alt-text för bilder
• Genomsökningsbarhet för interna länkar

Bästa praxiskontroller

Den här parametern analyserar de webbutvecklingsstandarder som används för att bygga en webbplats eller webbsida. Granskningsrapporten för bästa praxis ger en poäng av 100 och lyfter fram problem som behöver åtgärdas.

Verktyget hjälper till att avgöra om webbsidorna är:

• Fritt från webbläsarfel och föråldrade ramverk och API:er
• Laddar resurser från säkra servrar med HTTPS
• Använda rätt bildförhållande för bilder
• Säker mot cross-site scripting-attacker (XSS)
• Säker mot sårbarheter i JavaScript-bibliotek.

Om du vill bygga en webbplats som följer bästa praxis utan några brister, kontakta ett av de bästa WordPress- utvecklingsföretagen.

Läs : Vanliga tekniska SEO-problem och bästa praxis

Progressiv webbapp (PWA)

Den slutliga granskningsrapporten för Google Lighthouse hjälper till att validera webbapplikationen. Den kontrollerar om webbappen är snabb och tillförlitlig, och om den erbjuder en optimal användarupplevelse.

Verktyget kontrollerar om webbappen är enkel att installera på flera enheter och om den erbjuder offline-funktionalitet och push-notiser. Det kontrollerar också om de progressiva webbapparna är optimerade och konfigurerade, och om den omdirigerar all HTTP-trafik till HTTPS.

Denna granskningsrapport tilldelar ett PWA-märke baserat på hur bra webbappen presterar inom olika faktorer. Google Lighthouse ger också användbara förslag för att förbättra webbappens prestanda.

Vad betyder "Länkar har inget urskiljbart namn"?

Även om "länkarna har inget tydligt namn" är ganska självförklarande, här är ett exempel som ger lite sammanhang.

Exempel 1

<h3>Vill du kontrollera din webbplats hastighet?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Klicka här</a></li>

Exempel 2

<h3>Vill du kontrollera din webbplats hastighet?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Använd vårt gratisverktyg för att kontrollera din webbplats hastighet</a></li>

Vilket av de två exemplen skulle flagga felet "länkar har inget urskiljbart namn"?

Om du sa exempel 1, så har du helt rätt!

Enkelt uttryckt anger Google att du bör använda beskrivande eller hyperexplicit text för alla länkar och knappar på din webbplats. Texten ska tydligt ange för användaren vad som händer om de klickar på den. Till exempel anger exempel 2 tydligt: ​​"använd detta gratisverktyg för att kontrollera din webbplats hastighet."

Google handlar om att förbättra användarupplevelsen. Så genom att hålla texten i dina länkar/knappar/bilder beskrivande följer du Googles riktlinjer, vilket kan bidra till att förbättra din webbplats prestanda i sökresultaten.

Hur åtgärdar man felet "Länkar har inget urskiljbart namn"?

Om din länktestgranskning misslyckas i Google Lighthouse visas följande felmeddelande under "SEO-avsnittet"

Bildkälla : https://developer.chrome.com/en/docs/lighthouse/seo/link-text/​

För att undvika detta fel bör du följa de bästa metoderna för länktexter som Lighthouse tillhandahåller, till exempel:

• Håll dig till webbsidans eller blogginläggets ämne när du skriver länktexten. Undvik länktext som inte är relaterad till sidans innehåll.

• Se till att länktextbeskrivningen är kort och precis. Håll dig till korta fraser.

• Undvik att använda sidans URL som länkbeskrivning.

• Se till att dina interna länkar har beskrivande text. Detta gör navigeringen enkel för användare och sökmotorrobotar.

Andra tips för att åtgärda felet "länkar har inget urskiljbart namn" är:

Lägg till beskrivande namn till texthyperlänkar

Som nämnts i exemplet ovan anses hyperlänkad text som "klicka här" eller "läs mer" inte vara tillräckligt beskrivande av Google, eftersom den inte specificerar syftet för användarna.

En användare bör kunna avgöra länkens syfte enbart utifrån texten, vilket beskrivs nedan. Detta förbättrar användarupplevelsen och minskar avvisningsfrekvensen .

<h3>Vill du kontrollera din webbplats hastighet?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Använd vårt gratisverktyg för att kontrollera din webbplats hastighet</a></li>

Google Lighthouse-verktyget listar webbsidor med felmeddelandet "länkar har inget urskiljbart namn". Allt du behöver göra för att korrigera detta fel är att lägga till en kort och beskrivande text i HTML- taggarna.

Lägg till ALT-text för bilder till hyperlänkade bilder

För hyperlänkade bilder, lägg till ett alt-attribut som förklarar länkens syfte. Eftersom bilder inte har text på skärmen (som texthyperlänkar) beskriver en alt-text för bilder vad som kommer att hända eller vilken sida användaren kommer till när de klickar på bilden.

Till exempel, i bilden nedan är alt-attributet satt till "W3Schools.com". Så när en användare håller muspekaren över bilden vet de exakt var de kommer att landa genom att klicka på bilden.

Bildkälla : https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_link

Håll bildens alt-text enkel och koncis. Du behöver inte beskriva bilden; ange bara dess syfte för att åtgärda felet "länkar har inget urskiljbart namn" för bilder.

Lägg till tydliga namn till länkar med komplext innehåll

För komplexa och dynamiska element eller icke-textuellt innehåll behöver du lägga till attributet aria-label till länken. Detta gör länken mer tillgänglig, särskilt för användare av hjälpmedelsteknik.

Exempel : En stängningsknapp (X) i en popup-ruta

<div id="box">Detta är en popup-ruta. <button aria-label="Close" onclick="document.getElementById('box').style.display='none';" class="close-button">X</button></div>

I exemplet ovan visas en popup-ruta (en div) när du klickar på länken. Elementet 'stäng' är en knapp med bara bokstaven 'X'.

Här ger aria-label="close" ett tydligt namn för knappen (X).

Slutliga tankar

Att åtgärda felet "länkar har inget urskiljbart namn" är ganska enkelt. Google Lighthouse lyfter fram detta fel i sin SEO-granskningsrapport.

När du har identifierat webbsidor som inte har ett tydligt namn i länken kan du åtgärda problemet genom att lägga till beskrivande text i HTML-taggen. För hyperlänkade bilder lägger du till en alt-text för bilden. Du kan däremot använda aria-label-attributet för dynamiska element, ikoner och icke-textuellt innehåll.

Tekniska SEO-fel kan inte bara skada din webbplats prestanda utan också leda till dålig användarupplevelse. De kan också hindra sökmotorer att vilket påverkar din webbplats ranking.

För att förbättra användarupplevelsen och din webbplats prestanda, identifiera och åtgärda vanliga SEO-problem omedelbart. Eller, om du behöver hjälp, kan du alltid kontakta en leverantör av hanterade SEO-tjänster .

Vanliga frågor om felet "Länkar har inget urskiljbart namn"