English
HTML, Mobile & Barrierefreiheit

Anchor-Element (<a href>)

Auch genannt: <a href>, Link-Element, Hyperlink-Tag

Das Anker-Element <a> erzeugt einen Hyperlink in HTML. Das Ziel steht im Attribut href („Hypertext Reference“), der sichtbare Text zwischen öffnendem und schließendem Tag heißt Ankertext. Gemeint ist hier das HTML-Element. Auch die Sprungmarke innerhalb einer Seite trägt den Namen „Anker“.

Wie funktioniert das Element?

Ein Link besteht aus href und Linktext:

HTML
<a href="/ratgeber/canonical/">Canonical Tag erklärt</a>

Als Ziel erlaubt href absolute und relative URLs, Sprungmarken wie #abschnitt sowie Schemata wie mailto: oder tel:. Weitere Attribute sind target (Ziel-Fenster), rel (Beziehung zum Ziel, etwa noopener), download und hreflang. Für Links, die Google anders behandeln soll, nennt Google die Werte nofollow, sponsored und ugc.

Warum ist das für SEO wichtig?

Google findet Links nur zuverlässig, wenn sie als <a>-Element mit href vorliegen. Als nicht empfohlen nennt die Dokumentation unter anderem <span href="">, onclick-Ereignisse ohne href, javascript:-URLs und eigene Attribute wie routerLink. Google kann solche Links unter Umständen trotzdem auswerten, verlässlich ist das nicht. Relative URLs funktionieren.

Der Ankertext sollte kurz und aussagekräftig sein und etwas über die Zielseite sagen. Bei einem Bild als Link verwendet Google den alt-Text des Bildes. Wichtige Seiten sollten von mindestens einer anderen Seite verlinkt sein.

Beispiel

Crawlbar und nicht crawlbar im Vergleich:

HTML
<!-- crawlbar -->
<a href="/schuhe/">Alle Schuhe</a>

<!-- nicht zuverlässig crawlbar -->
<span onclick="goTo('/schuhe/')">Alle Schuhe</span>
<a href="javascript:goTo('/schuhe/')">Alle Schuhe</a>

Häufige Fehler

  • Klick-Handler statt Link. Das Ziel steht nicht in einem href, Google kann es nicht verlässlich auslesen.
  • Leere Ziele wie href="#". MDN rät davon ab, ebenso von javascript:void(0). Für Aktionen gehört ein <button> ins Markup.
  • Linktexte wie „hier“. Sie sagen weder Nutzern noch Crawlern, wohin der Link führt.

Häufige Fragen

Wofür steht href? Für „Hypertext Reference“. Das Attribut verweist per URL auf das Ziel des Links.

Quellen

  1. <a>: Das Anker-Element – MDN Web Docsdeveloper.mozilla.org
  2. Links crawlbar machen – Google Search Centraldevelopers.google.com
  3. href – SELFHTMLwiki.selfhtml.org
  4. Qualify your outbound links to Google – Google Search Centraldevelopers.google.com

Stand: