URL-Fragment

Was ist ein URL-Fragment?

Ein URL-Fragment ist der Teil einer Webadresse, der nach dem Rautezeichen # steht. Es verweist meist auf einen bestimmten Abschnitt innerhalb eines Dokuments oder steuert einen Zustand im Browser. Das Fragment wird clientseitig verarbeitet und bei einer HTTP-Anfrage grundsätzlich nicht an den Webserver übertragen.

Ein URL-Fragment ergänzt eine URL um eine Zielangabe innerhalb der bereits aufgerufenen Ressource. Die deutsche Bezeichnung lautet Fragmentbezeichner. Bei https://example.com/ratgeber#kosten ist kosten das Fragment. Der Browser lädt die Seite und springt anschließend zu dem Element, dessen ID mit dem Fragment übereinstimmt.

Aufbau eines URL-Fragments

Ein URL-Fragment beginnt mit dem Rautezeichen und steht am Ende der Adresse. Enthält die URL zusätzlich Parameter, folgt das Fragment auf den Query-String: https://example.com/shop?farbe=blau#groessentabelle. Alles nach dem ersten # gehört zum Fragment und wird nicht als weiterer URL-Parameter interpretiert.

Das Ziel auf der Seite wird in HTML üblicherweise über ein id-Attribut definiert. Ein Link mit href="#kontakt" verweist beispielsweise auf ein Element mit id="kontakt". Stimmen beide Werte nicht exakt überein, kann der Browser den vorgesehenen Abschnitt nicht zuverlässig ansteuern.

Bei der Adresse https://example.com/leistungen#seo fordert der Browser vom Server grundsätzlich nur https://example.com/leistungen an. Nach dem Laden sucht der Browser im Dokument nach einem Element mit der ID seo und verschiebt die Ansicht zu diesem Ziel.

Wie funktioniert ein URL-Fragment?

Der verbreitete Denkfehler besteht darin, ein URL-Fragment wie einen normalen URL-Parameter zu behandeln. Ein Query-Parameter kann an den Server übertragen und dort ausgewertet werden. Das Fragment bleibt dagegen im Browser. Serverlogs, serverseitige Weiterleitungen und viele Tracking-Systeme sehen deshalb nur den Teil der Adresse vor dem Rautezeichen.

Ein URL-Fragment kann abhängig von der technischen Umsetzung mehrere Aufgaben erfüllen:

  • Eine Sprungmarke führt direkt zu einer Überschrift, Tabelle oder FAQ innerhalb einer Seite.
  • Eine Webanwendung kann das Fragment nutzen, um einen geöffneten Tab oder einen anderen Oberflächenzustand abzubilden.
  • Hash-Routing bildet Ansichten einer JavaScript-Anwendung in Adressen wie /app#/produkte ab.
  • Ein Textfragment wie #:~:text=Suchbegriff kann unterstützende Browser zu einer bestimmten Textstelle führen und diese hervorheben.

Für klassische Websites sind Sprungmarken der klarste Anwendungsfall. Hash-Routing benötigt dagegen JavaScript und sollte bei öffentlich auffindbaren Inhalten sorgfältig geprüft werden, weil der Server für verschiedene Fragmente meist dasselbe Dokument ausliefert.

URL-Fragmente im technischen SEO

Suchmaschinen behandeln Varianten mit unterschiedlichen Fragmenten normalerweise nicht wie eigenständige serverseitige Dokumente. Die Adressen /ratgeber#definition und /ratgeber#beispiel rufen dieselbe Ressource /ratgeber ab. Ein URL-Fragment eignet sich deshalb nicht, um separate Landingpages für unterschiedliche Keywords oder Suchintentionen zu erzeugen.

Für SEO nützlich sind URL-Fragmente, wenn sie umfangreiche Inhalte besser zugänglich machen. Präzise Überschriften, stabile IDs und ein Inhaltsverzeichnis ermöglichen direkte Verweise auf einzelne Antworten. Die eigentliche Indexierbarkeit muss jedoch über die Basis-URL, den abrufbaren Inhalt und eine saubere interne Verlinkung gesichert sein. Weitere Prüfpunkte findest du im Leitfaden zum Management technischer SEO.

Ein URL-Fragment ersetzt weder eine kanonische URL noch eine Weiterleitung. Das Canonical Tag mit seinen technischen Einsatzfällen bestimmt die bevorzugte URL unter mehreren Dokumentvarianten. Eine Weiterleitung sendet Browser und Crawler an eine andere Ressource. Das Fragment steuert dagegen nur die Position oder den Zustand innerhalb der geladenen Seite.

Hash-Routing und Indexierung

Hash-Routing wird kritisch, wenn hinter verschiedenen Fragmenten wesentliche Inhalte liegen, die ausschließlich durch JavaScript erzeugt werden. Der Server erhält für /shop#/schuhe und /shop#/jacken dieselbe Anfrage an /shop. Suchmaschinen müssen anschließend JavaScript ausführen und die Anwendungslogik verstehen, um die unterschiedlichen Ansichten zu erkennen.

Für Seiten, die organisch ranken sollen, sind eigenständige, serverseitig erreichbare URLs wie /shop/schuhe/ meist klarer. Jede relevante Seite kann dadurch einen eigenen Statuscode, Seitentitel, Canonical Tag und interne Links erhalten. Prüfe bei einem Website-Relaunch besonders, ob alte Hash-Adressen durch crawlbare Pfad-URLs ersetzt und vorhandene Verweise angepasst werden müssen.

Fragment oder URL-Parameter?

MerkmalURL-FragmentURL-Parameter
Trennzeichen#? und &
Beispiel/seite#details/seite?farbe=rot
Übertragung an den ServerGrundsätzlich neinJa
Typischer ZweckAbschnitt oder BrowserzustandFilter, Sortierung oder Tracking
Eigene serverseitige AntwortNormalerweise neinJe nach Anwendung möglich

Der Unterschied zwischen URL-Fragment und URL-Parameter liegt damit in der Verarbeitung. Ein Parameter kann die Serverantwort verändern, etwa durch einen Produktfilter. Ein Fragment wirkt erst, nachdem der Browser die Ressource erhalten hat. Tracking-Parameter gehören deshalb vor das Rautezeichen. Werte hinter dem Fragment erreichen serverseitige Analyse- und Weiterleitungssysteme nicht.

URL-Fragmente richtig einsetzen

Ein sauber eingesetztes URL-Fragment verbessert die Navigation, ohne eine neue Seite vorzutäuschen. Verwende kurze und verständliche IDs wie #preise oder #technische-daten. Ändere bestehende IDs nur mit Bedacht, da externe Links und gespeicherte Lesezeichen sonst an eine nicht mehr vorhandene Sprungmarke führen.

Für die technische Prüfung reichen fünf konkrete Kontrollen:

  • Das Ziel besitzt eine eindeutige ID, die im Dokument nur einmal vorkommt.
  • Der Link und die Ziel-ID verwenden exakt denselben Wert.
  • Eine fixierte Navigation verdeckt den angesprungenen Inhalt nicht.
  • Die Basis-URL liefert den relevanten Inhalt auch ohne Fragment aus.
  • Tracking- und Kampagnenparameter stehen vor dem Rautezeichen.

Bei großen Websites sollte außerdem geprüft werden, ob interne Links unbeabsichtigt zahlreiche Fragmentvarianten erzeugen. Ein kostenloser SEO-Check für Technik und Metadaten liefert eine erste Grundlage, um technische Auffälligkeiten der Domain systematisch einzuordnen.

Häufige Fragen zum URL-Fragment

Was bedeutet das Rautezeichen in einer URL?

Das Rautezeichen kennzeichnet den Beginn eines URL-Fragments. Der nachfolgende Wert verweist meist auf einen Abschnitt der geöffneten Seite oder steuert einen Zustand im Browser.

Wird ein URL-Fragment an den Server gesendet?

Nein, ein URL-Fragment wird bei einer normalen HTTP-Anfrage grundsätzlich nicht an den Server übertragen. Der Browser verarbeitet den Teil hinter dem Rautezeichen selbst.

Kann Google ein URL-Fragment indexieren?

Ein Fragment erzeugt normalerweise kein eigenständiges serverseitiges Dokument. Für indexierbare Inhalte solltest du eine abrufbare Basis-URL oder eine eigene Pfad-URL verwenden.

Darf eine URL Parameter und ein Fragment enthalten?

Ja, eine URL kann beides enthalten. Die Parameter stehen zuerst, das Fragment folgt am Ende, zum Beispiel /shop?farbe=blau#groessen.

Kann ein URL-Fragment für Tracking verwendet werden?

Clientseitiges Tracking kann Fragmente auswerten, serverseitige Systeme erhalten sie jedoch nicht automatisch. Kampagnenparameter sollten deshalb vor dem Rautezeichen im Query-String stehen.

Was passiert, wenn die Ziel-ID fehlt?

Der Browser lädt weiterhin die Basis-URL, kann aber nicht zum gewünschten Abschnitt springen. Der Fragment-Link führt dann meist an den Seitenanfang oder zur aktuellen Position.

Wenn Hash-Routing, Weiterleitungen oder indexierbare URL-Strukturen auf deiner Website ineinandergreifen, kann eine technische Analyse die passende Lösung klären.

Kostenlosen Potenzialcheck anfragen


Sie haben noch Fragen?

Kontaktieren Sie uns

Free Account erstellen


Weitere Inhalte