Was ist eine Relative URL?
Eine relative URL ist ein Uniform Resource Locator (URL), der die Position eines Ziels relativ zur Adresse der Seite angibt, auf der es sich befindet. Im Gegensatz zu absoluten URLs enthalten relative URLs nicht das Protokoll ("http://" oder "https://") und den Domänennamen (z. B. "example.com").
Wenn zum Beispiel die Seitehttps://example.com/seo/glossary/relative-url/
(mit einem abschließenden Schrägstrich) den folgenden Code enthält:
<a href="best-practices">best practices</a>
das endgültige Ziel dieser Verbindung wäre
https://example.com/seo/glossary/relative-url/best-practices.
Dieses Beispiel veranschaulicht die einfachste Verwendung einer relativen URL. Um Fehler im Zusammenhang mit relativen URLs zu vermeiden, ist es wichtig, mit fortgeschritteneren Anwendungsfällen vertraut zu sein.
Ein Verzeichnis verstehen
Schauen wir uns dasselbe Beispiel an, aber diesmal endet die URL der Seite nicht mit einem Schrägstrich am Ende:
https://example.com/seo/glossary/relative-url
Derselbe Code ist drauf:
<a href="best-practices">best practices</a>
würde nun dazu führen:
https://example.com/seo/glossary/best-practices.
Warum?
Während es für die Benutzer keinen Unterschied gibt, ist eine URL mit einem nachgestellten Schrägstrich technisch gesehen ein Verzeichnis, während eine URL ohne Schrägstrich als Datei innerhalb des Ordners (Verzeichnisses) /glossary/
betrachtet wird. In diesem Fall ist eine relative URL relativ zum aktuellen Verzeichnis.
Es gibt noch ein anderes Format für eine aktuelle verzeichnisbezogene URL:
./
vor dem Link.
Diese beiden Links führen also zum selben Ziel:
<a href="best-practices">best practices</a> <a href="./best-practices">best practices</a>
Wurzel-Relativ-Pfad
Wenn die relative URL einen vorangestellten Schrägstrich hat, bedeutet dies, dass sie sich auf die Stammdomäne bezieht und alle Ordner und Unterordner ignoriert.
Zurück zu unserem Beispiel:
<a href="/best-practices">best practices</a>
Dieser Code auf dieser Seite würde einen Link zu erstellen:
https://example.com/best-practices
Eine Ebene höher
Der Präfix ../
eines relativen Links bezieht sich auf das Verzeichnis, das eine Ebene höher liegt als das aktuelle.
Das aktuelle Verzeichnis für die URL https://example.com/seo/glossary/relative-url
(ohne nachgestellten Schrägstrich) ist /glossary/
.
Also der folgende Code:
<a href="../best-practices">best practices</a>
erstellt einen Link zu:
https://example.com/seo/best-practices
Relative gegenüber absoluten URLs für SEO
In Bezug auf SEO gibt es keinen Unterschied zwischen relativen und absoluten URLs in den Links auf Seiten. Es wird jedoch empfohlen (aber nicht verboten), absolute URLs in rel="canonical"
und hreflang-Tags
zu verwenden, um das Potenzial für Fehler und Verwirrung zu minimieren.
Schlussfolgerung
Das Verständnis relativer URLs und ihrer Verwendungszwecke ist entscheidend für die korrekte Webnavigation und die Aufrechterhaltung einer geordneten Website-Struktur. Während relative URLs die Linkverwaltung innerhalb einer Website vereinfachen können, werden absolute URLs in bestimmten SEO-Tags bevorzugt, um Klarheit zu gewährleisten und Fehler zu vermeiden.