Anchor Link: Ankerlinks, Sprungmarken und Ankertexte

Im Alltag werden mehrere Begriffe unter „Ankerlink“ zusammengefasst. Technisch lohnt sich eine klare Trennung:

• Anchor-Element: Das HTML-Element <a> erzeugt einen Link, wenn es ein gültiges href-Attribut besitzt.
• Ankertext: Der sichtbare, anklickbare Text zwischen öffnendem und schließendem Anchor-Tag. Er sollte das Ziel verständlich beschreiben.
• Sprungmarke: Ein Element mit eindeutiger id, zu dem ein Fragment-Link springen kann.
• Fragment: Der Teil einer URL nach dem Zeichen #, beispielsweise #faq.

Ein normaler Link kann also ein Anchor-Element sein, ohne eine Sprungmarke zu verwenden. Umgekehrt ist eine id zunächst nur ein Ziel im Dokument; sie wird erst durch einen passenden Link bequem erreichbar.

Ein klassischer Link zu einer anderen Seite besteht aus Zieladresse und sichtbarem Linktext:

<a href="/seo-audit/">SEO-Audit für die Website</a>

Das Attribut href enthält das Ziel. Der Text „SEO-Audit für die Website“ sagt Nutzerinnen, Nutzern und Suchmaschinen, was sie nach dem Klick erwartet. Im redaktionellen Inhalt ist ein solcher beschreibender Link meist hilfreicher als „hier klicken“.

Für einen Sprung innerhalb derselben Seite benötigen Sie zusätzlich ein Ziel mit einer eindeutigen ID:

<a href="#pruefung">Zur Prüfcheckliste</a>
<h2 id="pruefung">Prüfcheckliste</h2>

Der Wert nach # und die Ziel-ID müssen exakt übereinstimmen. Groß- und Kleinschreibung, Bindestriche und Tippfehler sollten deshalb konsequent geprüft werden. Jede ID darf innerhalb eines Dokuments nur einmal vorkommen.

Anchor Links lassen sich in drei häufige Varianten einteilen:

1. Link zu einer anderen Seite

<a href="/seo-checkliste/">SEO-Checkliste öffnen</a>

Dieser Link ruft eine andere URL auf. Ein reales Beispiel ist die SEO-Checkliste von Alpharoid.

2. Sprung innerhalb derselben Seite

<a href="#fragen">Direkt zu den häufigen Fragen</a>

Der Browser ergänzt das Fragment zur aktuellen URL und bewegt die Ansicht zum Element mit id="fragen". Das ist besonders bei langen Ratgebern, Dokumentationen und FAQ-Seiten nützlich.

3. Sprung zu einem Abschnitt auf einer anderen Seite

<a href="/seo-checkliste/#seo-check-technik">Technische SEO-Prüfung</a>

Hier werden Pfad und Fragment kombiniert. Die Zielseite wird geöffnet und anschließend der markierte Abschnitt angesprungen. Dieser Deep Link ist nur stabil, solange URL und Ziel-ID bestehen bleiben.

Wichtig: Ein URL-Fragment bezeichnet in der Regel keinen eigenständigen HTML-Inhalt. Es ist eine Adresse innerhalb derselben Ressource und sollte nicht wie eine separate Landingpage behandelt werden.

Ein Inhaltsverzeichnis mit Sprungmarken hilft Leserinnen und Lesern, umfangreiche Inhalte zu überblicken. Es sollte die tatsächliche Gliederung wiedergeben und nicht jede kleine Zwischenüberschrift aufnehmen.

Ein sinnvolles Vorgehen:

1. Strukturieren Sie den Inhalt zuerst mit einem H1 und logisch folgenden H2- und H3-Überschriften.
2. Vergeben Sie für wichtige Zielüberschriften kurze, verständliche und eindeutige IDs.
3. Verlinken Sie im Inhaltsverzeichnis mit exakt passenden Fragmenten auf diese IDs.
4. Testen Sie jeden Sprung auf Desktop und Mobilgerät.
5. Ändern Sie bestehende IDs nicht ohne Grund, weil gespeicherte Deep Links sonst ins Leere führen.

Sprungmarken können außerdem als teilbare Adressen dienen: Wer eine URL mit Fragment kopiert, kann direkt auf einen relevanten Abschnitt verweisen. Das verbessert die Orientierung, ersetzt aber weder eine klare Überschriftenstruktur noch eine verständliche Seitennavigation.

Ein technisch funktionierender Link ist nicht automatisch gut verständlich. Prüfen Sie Anchor Links deshalb aus Sicht verschiedener Nutzergruppen:

• Beschreibender Linktext: Der Ankertext sollte auch außerhalb des Satzes erkennen lassen, wohin der Link führt. Wiederholte Links mit „mehr“ oder „hier“ sind schwer zu unterscheiden.
• Sichtbarer Tastaturfokus: Links müssen mit der Tastatur erreichbar sein und beim Fokussieren erkennbar bleiben. Entfernen Sie vorhandene Fokusmarkierungen nicht.
• Sinnvolles Ziel: Bei Sprungmarken eignen sich echte Überschriften als Orientierungspunkte. Eine rein dekorative Stelle ohne Kontext ist weniger hilfreich.
• Fester Seitenkopf: Verdeckt ein Sticky Header die Zielüberschrift, sollte das im Theme berücksichtigt und auf verschiedenen Bildschirmgrößen getestet werden.
• Neue Tabs sparsam nutzen: Unerwartet geöffnete Fenster können verwirren. Falls ein externer Link bewusst in einem neuen Tab öffnet, sollte das erkennbar sein und technisch sicher umgesetzt werden.
• Ausreichende Klickfläche: Direkt aufeinanderfolgende Links müssen auch auf kleinen Displays sicher auswählbar sein.

Für eine reine Seitennavigation ist normalerweise kein eigenes JavaScript nötig. Native HTML-Links bleiben auch bei eingeschränkten Skripten bedienbar und können von Browsern, Hilfsmitteln und Crawlern zuverlässig interpretiert werden.

Interne HTML-Links helfen Suchmaschinen, erreichbare Seiten zu entdecken und Zusammenhänge zwischen Inhalten zu verstehen. Kontextuelle Links im Hauptinhalt ergänzen Navigation, Breadcrumbs und Sitemap. Sie sollten dort gesetzt werden, wo das Ziel eine Frage vertieft oder einen sinnvollen nächsten Schritt bietet.

Der Ankertext liefert Kontext, ist aber kein Hebel für mechanische Keyword-Wiederholung. Natürlich formulierte, beschreibende Varianten sind für Menschen verständlicher als eine ständig identische exakte Suchphrase. Der Beitrag über SEO-Manipulation erläutert, warum künstliche Muster und erzwungene Optimierung vermieden werden sollten.

Für die interne Verlinkung gelten vier praktische Grundsätze:

• Verlinken Sie nur auf inhaltlich passende und erreichbare Ziele.
• Beschreiben Sie mit dem Ankertext, welchen Inhalt der Klick öffnet.
• Priorisieren Sie wichtige Seiten durch sinnvolle Verbindungen aus thematisch relevanten Inhalten.
• Prüfen Sie bei geänderten URLs und IDs, ob bestehende Links weiterhin funktionieren.

Fragment-Links innerhalb einer Seite können die Nutzung langer Inhalte verbessern. Sie erzeugen jedoch nicht automatisch zusätzliche indexierbare Unterseiten oder eigene Rankings für jeden Abschnitt. Der Hauptnutzen liegt in Orientierung, Teilbarkeit und einer klaren Informationsarchitektur.

Eine umfassende SEO-Strategie betrachtet interne Links deshalb gemeinsam mit Suchintention, Seitenstruktur und Qualität der Zielseiten. Bei einer Bestandsaufnahme kann ein SEO-Audit schwach verlinkte, veraltete oder nicht erreichbare Ziele sichtbar machen.

1. Ziel öffnen: Führt der Link zur richtigen Seite oder zum richtigen Abschnitt?
2. Status prüfen: Antwortet die Zielseite ohne Fehler und ohne unnötige Weiterleitung?
3. ID abgleichen: Stimmen Fragment und Ziel-ID exakt überein und ist die ID eindeutig?
4. Linktext lesen: Ist ohne zusätzliche Erklärung verständlich, was nach dem Klick folgt?
5. Kontext bewerten: Ergänzt das Ziel den Absatz wirklich oder wurde der Link nur für SEO eingefügt?
6. Tastatur testen: Ist der Link erreichbar, fokussiert und auslösbar?
7. Mobil prüfen: Bleiben Klickfläche, Zielposition und Text auf kleinen Displays gut nutzbar?
8. Änderungen nachziehen: Werden interne Links angepasst, wenn sich URL, Slug oder Abschnitts-ID ändert?

Ergänzen Sie die Prüfung um die Frage, ob Suchmaschinen die Zielseite indexieren dürfen. Der Ratgeber Google-Indexierung prüfen erklärt dafür die wichtigsten Kontrollen.