Verfolgbare Links

Was geprüft

Geprüft werden alle <a>-Elemente: gezählt werden Links ohne href, die Text oder einen zugänglichen Namen haben, und Links mit einem javascript:-Ziel. Ein <a> ohne href, Text und Namen gilt als historische Sprungmarke und wird nicht gezählt. Ohne <a>-Elemente trifft der Punkt nicht zu.

Wie relevant

Niedrig, sobald mindestens ein solcher Link vorkommt. Suchmaschinen folgen nur Links mit einer echten Adresse im href; betroffen ist meist ein Teil der Navigation, nicht die ganze Seite.

Warum

Google findet neue Seiten vor allem über Links. Ein Link, der nur per JavaScript-Klick funktioniert, ist für den Crawler kein Link; die Zielseite wird darüber nicht gefunden. Auch Tastatur- und Screenreader-Nutzer erreichen solche Elemente oft schlechter.

Wie beheben

Geben Sie jedem Link eine echte Adresse im href. Für Aktionen ohne Seitenwechsel (Menü öffnen, Dialog anzeigen) verwenden Sie ein <button>-Element statt eines Links.

Nebenwirkung: Wenn JavaScript den Klick bisher abfängt, kann ein ergänztes href zu einem doppelten Seitenwechsel führen. Testen Sie Menüs und Filter nach der Umstellung mit Maus, Tastatur und auf Mobilgeräten.

WordPress: Häufige Quelle sind Menüpunkte mit „#“ oder ohne Adresse als Elternpunkt eines Untermenüs sowie Page-Builder-Schaltflächen mit Klick-Aktion. Tragen Sie im Menü-Editor eine Zieladresse ein oder nutzen Sie für reine Aufklapper einen Button.

Codebeispiel

HTML: Link und Button richtig einsetzen

<!-- vorher: nicht verfolgbar -->
<a onclick="location.href='/kontakt/'">Kontakt</a>
<a href="javascript:void(0)" onclick="openMenu()">Menü</a>

<!-- nachher -->
<a href="/kontakt/">Kontakt</a>
<button type="button" aria-expanded="false" onclick="openMenu()">Menü</button>

Weiterführende Quellen

• https://developers.google.com/search/docs/crawling-indexing/links-crawlable
• https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a