arbeiten Suchmaschinenoptimierung Ihrer Website, haben Sie wahrscheinlich bereits das Google Lighthouse- Tool verwendet, das Einblicke in die Verbesserung der Leistung Ihrer Webseiten bietet. Ein häufiger Fehler, der von Lighthouse hervorgehoben wird, ist, dass „Links keinen erkennbaren Namen haben“.
Dieser Fehler wird im Abschnitt „SEO“ des Prüfberichts hervorgehoben und bezieht sich auf die Verbesserung der Benutzerfreundlichkeit Ihrer Website.
In diesem Artikel erfahren Sie, wie Sie diesen Google Lighthouse-Fehler beheben können. Zuvor geben wir Ihnen jedoch eine kurze Beschreibung des Google Lighthouse-Tools.
Kurz gesagt: Schnelle Lösung für unklare Linkbeschriftungen
- Google Lighthouse kennzeichnet Links, denen aussagekräftiger Text fehlt, was die Zugänglichkeit und Benutzerfreundlichkeit beeinträchtigen kann.
- Ersetzen Sie vage Formulierungen wie „Klicken Sie hier“ durch klare, beschreibende Linktexte, die das Ziel erläutern.
- Fügen Sie aussagekräftigen Alternativtext für anklickbare Bilder hinzu, damit assistive Technologien deren Zweck verstehen können.
- Verwenden Sie Attribute wie aria-label für Icons, Schaltflächen oder dynamische Elemente, um diese zugänglich und leicht verständlich zu machen.
Was ist Google Lighthouse?
Als Open-Source-Software Lighthouse ein kostenloses Google-Tool, das bei der Überprüfung von Webseiten hilft und hilfreiche Verbesserungsvorschläge liefert.
Die fünf Parameter, anhand derer das Google Lighthouse-Tool eine Website prüft, sind Leistung, Zugänglichkeit, Suchmaschinenoptimierung (SEO), Best Practices und Progressive Web App (PWA).
Anhand dieser Parameter werden Vorschläge zur Verbesserung der Gesamtleistung der Website unterbreitet. Werfen wir einen kurzen Blick auf jeden dieser Parameter.
Leistung
Lighthouses Performance-Audit misst einer Website die Seitenladegeschwindigkeit. Er ermittelt, wie schnell die Website lädt und wie gut sie für die Nutzer optimiert ist. Die Performance-Bewertung wird in drei Kategorien unterteilt: 0–49, 50–89 und 90–100.
Ein Wert zwischen 90 und 100 Punkten deutet auf eine gut optimierte Website hin. Werte unter 90 Punkten bedeuten, dass Verbesserungsbedarf besteht. Lighthouse hebt die Probleme hervor und gibt Verbesserungsvorschläge für die Website-Performance.
Zugänglichkeit
Dieser Parameter misst, wie barrierefrei eine Website für Menschen ist, die Hilfstechnologien verwenden. Wenn Links keine aussagekräftige Bezeichnung haben, Schaltflächen nicht gut beschrieben sind oder Bilder keinen Alternativtext (Alt-Text) enthalten, kann dies den Zugang zu einer Website für Menschen mit Sehbehinderung oder Blindheit erschweren.
Im Bericht zur Barrierefreiheitsprüfung vergibt Lighthouse eine Punktzahl von maximal 100 Punkten. Je höher die Punktzahl, desto besser die Barrierefreiheit. Das Tool bietet außerdem Verbesserungsvorschläge.
Lesen Sie: WordPress-Barrierefreiheit gemäß WCAG
Suchmaschinenoptimierung
Aus SEO-Sicht analysiert dieses Tool die technische SEO einer Website. Obwohl es keinen umfassenden SEO-Audit-Bericht erstellt, hebt es kritische Fehler hervor, die behoben werden müssen.
Zu den Dingen, die es analysiert, gehören unter anderem:
- Gültige strukturierte Daten
- Links mit beschreibendem Text
- Gültige robots.txt-Datei
- Reaktionsfähigkeit und Indexierbarkeit der Webseite.
- Meta-Tags – Titel und Beschreibung
- Bilder und Bild-Alt-Text
- Crawlbarkeit interner Links
Überprüfung bewährter Verfahren
Dieser Parameter analysiert die Webentwicklungsstandards, die beim Erstellen einer Website oder Webseite verwendet wurden. Der Best-Practice-Auditbericht liefert eine Punktzahl von maximal 100 und hebt zu behebende Probleme hervor.
Das Tool hilft dabei festzustellen, ob die Webseiten:
- Frei von Browserfehlern und veralteten Frameworks & APIs
- Ressourcen werden von sicheren Servern mit HTTPS geladen
- Verwendung des korrekten Seitenverhältnisses für Bilder
- Sicher gegen Cross-Site-Scripting-Angriffe (XSS)
- Sicher vor Sicherheitslücken in JavaScript-Bibliotheken.
Wenn Sie eine Website erstellen möchten, die den Best Practices entspricht und keine fehlerhaften Elemente aufweist, wenden Sie sich an ein führendes WordPress-Entwicklungsunternehmen .
Lesen Sie: Häufige technische SEO-Probleme und Best Practices
Progressive Web App (PWA)
Der abschließende Google Lighthouse-Auditbericht dient der Validierung der Webanwendung. Er prüft, ob die Webanwendung schnell und zuverlässig ist und ob sie eine optimale Benutzererfahrung bietet.
Das Tool prüft, ob die Web-App einfach auf mehreren Geräten installiert werden kann und ob sie Offline-Funktionalität und Push-Benachrichtigungen bietet. Außerdem prüft es, ob die progressiven Web-Apps optimiert und konfiguriert sind und ob der gesamte HTTP-Traffic auf HTTPS umgeleitet wird.
Dieser Prüfbericht vergibt ein PWA-Siegel basierend auf der Leistung der Webanwendung in verschiedenen Bereichen. Google Lighthouse bietet zudem hilfreiche Vorschläge zur Leistungsverbesserung der Webanwendung.
Es ist an der Zeit, diese kniffligen SEO-Fehler anzugehen und zu beheben!
Begleiten Sie uns auf einer aufregenden Reise zum SEO-Erfolg – lassen Sie uns die Performance Ihrer Website mit unserer Expertise revolutionieren!
Was bedeutet „Links haben keinen erkennbaren Namen“?
Während die Formulierung „Links haben keinen erkennbaren Namen“ ziemlich selbsterklärend ist, folgt hier ein Beispiel, das etwas Kontext liefert.
Beispiel 1
<h3>Möchten Sie die Geschwindigkeit Ihrer Website überprüfen?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Klicken Sie hier</a></li>Beispiel 2
<h3>Möchten Sie die Geschwindigkeit Ihrer Website überprüfen?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Nutzen Sie unser kostenloses Tool, um die Geschwindigkeit Ihrer Website zu überprüfen.</a></li>Welches der beiden Beispiele würde den Fehler „Links haben keinen erkennbaren Namen“ auslösen?
Wenn Sie Beispiel 1 gesagt haben, haben Sie absolut Recht!
Vereinfacht gesagt, empfiehlt Google, für alle Links und Schaltflächen auf Ihrer Website beschreibenden oder besonders aussagekräftigen Text zu verwenden. Der Text sollte dem Nutzer klar vermitteln, was passiert, wenn er darauf klickt. Beispielsweiseheißt es in Beispiel 2 deutlich: „Nutzen Sie dieses kostenlose Tool, um die Geschwindigkeit Ihrer Website zu überprüfen.“
Google legt großen Wert auf die Verbesserung der Nutzererfahrung. Indem Sie die Texte Ihrer Links, Schaltflächen und Bilder aussagekräftig gestalten, entsprechen Sie den Google-Richtlinien, was die Platzierung Ihrer Website in den Suchergebnissen verbessern kann.
Wie lässt sich der Fehler „Links haben keinen erkennbaren Namen“ beheben?
Wenn Ihr Linktest in Google Lighthouse fehlschlägt, wird unter dem Abschnitt „SEO“ die folgende Fehlermeldung angezeigt
Bildquelle: https://developer.chrome.com/en/docs/lighthouse/seo/link-text/
Um diesen Fehler zu vermeiden, sollten Sie die von Lighthouse empfohlenen Best Practices für Linktexte befolgen, wie zum Beispiel:
- Halten Sie sich beim Verfassen des Linktextes an das Thema der Webseite oder des Blogbeitrags. Vermeiden Sie Linktexte, die keinen Bezug zum Seiteninhalt haben.
- Achten Sie darauf, dass die Linktextbeschreibung kurz und präzise ist. Verwenden Sie kurze Formulierungen.
- Vermeiden Sie es, die URL der Seite als Linkbeschreibung zu verwenden.
- Stellen Sie sicher, dass Ihre internen Links beschreibenden Text enthalten. Dies erleichtert die Navigation für Nutzer und Suchmaschinen-Crawler.
Weitere Tipps zur Behebung des Fehlers „Links haben keinen erkennbaren Namen“ sind:
Füge beschreibenden Namen zu Text-Hyperlinks hinzu
Wie im obigen Beispiel erwähnt, werden Hyperlinks wie „Hier klicken“ oder „Weiterlesen“ von Google nicht als ausreichend beschreibend angesehen, da sie den Nutzern den Zweck nicht verdeutlichen.
Ein Nutzer sollte, wie unten beschrieben, allein anhand des Textes den Zweck des Links erkennen können. Dies verbessert die Nutzererfahrung und reduziert die Absprungrate.
<h3>Möchten Sie die Geschwindigkeit Ihrer Website überprüfen?</h3><li> <a href="https://seahawkmedia.com/tools/website-speed-test/">Nutzen Sie unser kostenloses Tool, um die Geschwindigkeit Ihrer Website zu überprüfen.</a></li>Das Google Lighthouse-Tool listet Webseiten mit dem Fehler „Links haben keinen erkennbaren Namen“ auf. Um diesen Fehler zu beheben, müssen Sie lediglich einen kurzen, beschreibenden Text innerhalb der HTML- Tags hinzufügen.
Fügen Sie verlinkten Bildern einen ALT-Text hinzu
Fügen Sie verlinkten Bildern ein Alt-Attribut hinzu, das den Zweck des Links erklärt. Da Bilder keinen Text auf dem Bildschirm haben (wie Text-Hyperlinks), beschreibt der Alt-Text eines Bildes, was passiert oder auf welcher Seite der Nutzer landet, wenn er auf das Bild klickt.
Im folgenden Bild ist beispielsweise das Alt-Attribut auf „W3Schools.com“ gesetzt. Wenn ein Nutzer also mit der Maus über das Bild fährt, weiß er genau, wohin er durch einen Klick gelangt.
Bildquelle: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_link
Halten Sie den Alternativtext für Bilder einfach und prägnant. Sie müssen das Bild nicht beschreiben; geben Sie einfach seinen Zweck an, um den Fehler „Links haben keinen erkennbaren Namen“ für Bilder zu beheben.
Fügen Sie Links mit komplexem Inhalt einen aussagekräftigen Namen hinzu
Bei komplexen und dynamischen Elementen oder nicht-textuellen Inhalten müssen Sie dem Link das Attribut aria-label hinzufügen. Dadurch wird der Link besser zugänglich, insbesondere für Nutzer von Hilfstechnologien.
Beispiel: Ein Schließen-Button (X) in einem Popup-Fenster
<div id="box">Dies ist ein Pop-up-Fenster. <button aria-label="Close" onclick="document.getElementById('box').style.display='none';" class="close-button">X</button></div>Im obigen Beispiel erscheint beim Klicken auf den Link ein Popup-Fenster (ein Div-Element). Das „Schließen“-Element ist ein Button mit dem Buchstaben „X“.
Hier liefert aria-label=”close” einen eindeutigen Namen für die Schaltfläche (X).
Schlussbetrachtung
Die Behebung des Fehlers „Links haben keinen erkennbaren Namen“ ist recht einfach. Google Lighthouse hebt diesen Fehler in seinem SEO-Auditbericht hervor.
Sobald Sie die Webseiten identifiziert haben, deren Link keinen aussagekräftigen Namen enthält, können Sie das Problem beheben, indem Sie im HTML-Tag einen beschreibenden Text hinzufügen. Für verlinkte Bilder fügen Sie einen Alternativtext (alt-Text) hinzu. Für dynamische Elemente, Symbole und nicht-textuelle Inhalte können Sie das Attribut `aria-label` verwenden.
Technische SEO-Fehler können nicht nur die Leistung Ihrer Website beeinträchtigen, sondern auch zu einer schlechten Nutzererfahrung führen. Sie können zudem verhindern, IhredassWebcrawler Website korrekt indexieren, was sich negativ auf Ihr Ranking auswirkt.
Um die Benutzerfreundlichkeit und die Leistung Ihrer Website zu verbessern, sollten Sie häufige SEO-Probleme umgehend erkennen und beheben. Falls Sie Unterstützung benötigen, können Sie sich jederzeit an einen professionellen SEO-Dienstleister.
Häufig gestellte Fragen zum Fehler „Links haben keinen erkennbaren Namen“
Was bedeutet es, wenn ein Link nicht erkennbar ist?
Das bedeutet, dass der Link keinen klaren oder aussagekräftigen Text enthält. Fehlen Linktext und Alternativbeschreibungen oder sind diese unklar, können Hilfstechnologien deren Zweck nicht erkennen. Durch das Hinzufügen barrierefreier Namen im Code lassen sich Links erstellen, die erkennbar sind und die Navigation für Nutzer von Bildschirmleseprogrammen verbessern.
Wie kann ich Probleme mit unklaren Linktexten auf einer Webseite beheben?
Verwenden Sie im Ankertext beschreibende Wörter anstelle allgemeiner Formulierungen. Stellen Sie sicher, dass jeder Link einen aussagekräftigen Kontext bietet. Eine einfache Lösung im Code besteht darin, den Linktext zu aktualisieren oder ARIA-Label-Attribute hinzuzufügen, sodass jedes Element eindeutige und fokussierbare barrierefreie Namen hat
Warum ist Alternativtext für Bilder bei Links wichtig?
Wenn ein Bild als anklickbarer Link dient, muss es einen Alternativtext enthalten. Dieser Alternativtext erklärt den Zweck des Links für Bildschirmleseprogramme und stellt sicher, dass er auch dann zugänglich bleibt, wenn das visuelle Element aufgrund von Stil- oder Layoutänderungen ausgeblendet wird.
Wie verbessern barrierefreie Namen die Navigation?
Zugängliche Namen helfen Nutzern zu verstehen, wohin ein Link führt. Wenn Links erkennbar, eindeutig und fokussierbar sind, verbessert dies die Navigation für Nutzer von Bildschirmleseprogrammen und erleichtert das Verständnis der Seitenstruktur.
Wie können Entwickler dieses Problem im Code beheben?
Entwickler können den HTML-Codeausschnitt aktualisieren, indem sie beschreibenden Linktext, ARIA-Labels oder alternative Attribute hinzufügen. Eine kleine Änderung in einer Codezeile des Themes kann das Problem beheben und die Barrierefreiheit verbessern.
