Hash-URLs (#) sind URLs, die auf bestimmte Stellen auf einer Webseite verweisen. Du kennst Hash-URLs vielleicht auch unter der Bezeichnung Sprungmarke oder Fragment-URL.
Eine Parameter-URL (?) ist eine URL, an die ein Schlüssel/Wert-Paare ans Ende der URL angehängt wird.
Hash-URLs oder Parameter-URLs werden beispielsweise im E-Commerce genutzt, um verschiedene Produktvarianten zu identifizieren und direkt darauf zu verlinken.
Was ist der Unterschied zwischen Sprungmarken und Parametern?
Parameter und Hash-URLs werden häufig synonym verwendet, es gibt jedoch deutliche Unterschiede.
Während Parameter eine eigenständige URL erzeugen, ist die Sprungmarke nur ein Pointer auf eine bestimmte Stelle in einem Dokument. Über JavaScript kann zwar anderer Content angezeigt werden, eine Hash-URL erzeugt aber keine crawlbare URL.
Aufbau der URLs:
-
Parameter (Query): https://example.com/123.html?key=value
-
Hash-URL (Fragment): https://example.com/123.html#value
Sind die URLs eigenständig crawlbar?
-
Parameter (Query): ✅
-
Hash-URL (Fragment): ❌
Ist der Content variierbar?
-
Parameter (Query): ✅
-
Hash-URL (Fragment): Der Content kann mithilfe von JavaScript verändert werden → Hier kann sich der Content aus dem HTML und dem JS unterscheiden.
Wo wird der Anwendungscode ausgeführt?
-
Parameter (Query): Server-Seitig
-
Hash-URL (Fragment): Client-Seitig → Der Server sollte die gleichen Inhalte unabhängig von der Sprungmarke liefern.
Eigene Server-Response:
-
Parameter (Query): ✅
-
Hash-URL (Fragment): ❌
Beispiel URL:
-
Parameter (Query): /p/produkt123/A1234/?variante=blau
-
Hash-URL (Fragment): /p/produkt123/A1234/#variante=blau
Vom Server abgerufene URL:
-
Parameter (Query): /p/p/produkt123/A1234/?variante=blau
-
Hash-URL (Fragment): /p/produkt123/A1234/
Canonical Tag:
-
Parameter (Query): Zeigt auf Hauptvariante (wenn vorhanden).
-
Hash-URL (Fragment): Technisch gibt es für Suchmaschinen nur die Variante ohne Hash-Wert. Daher ist das Canonical-Tag automatisch selbstreferenzierend, auch wenn Du eine URL mit Sprungmarke angibst. Beide Varianten haben definitiv Use-Cases, bringen aber auch einige Fallstricke mit sich. Was das nun für Deine Strategie im Umgang mit Produkt-Varianten bedeutet, verrate ich Dir aber ein andermal. 😉
Falls Du mehr über die unterschiedlichen Möglichkeiten einer URL-Struktur wissen möchtest, schau doch mal in Johans Artikel "URL-Länge ist theoretisch unbegrenzt. Praktisch sind gute URLs entscheidend."