Qu'est-ce qu'un URL relatif ?
Un URL relatif est un localisateur de ressources uniformes (URL) qui spécifie l'emplacement d'une cible par rapport à l'adresse de la page où elle se trouve. Contrairement aux URL absolus, les URL relatifs ne contiennent pas le protocole ("http://" ou "https://") ni le nom de domaine (par exemple, "exemple.com").
Par exemple, si la pagehttps://example.com/seo/glossary/relative-url/
(avec une barre oblique) contient le code suivant :
<a href="best-practices">best practices</a>
la destination finale de ce lien serait
https://example.com/seo/glossary/relative-url/best-practices.
Cet exemple illustre l'utilisation la plus simple d'une URL relative. Pour éviter les erreurs associées aux URL relatives, il est important de se familiariser avec des cas d'utilisation plus avancés.
Comprendre un répertoire
Prenons le même exemple, mais cette fois l'URL de la page ne se termine pas par une barre oblique :
https://example.com/seo/glossary/relative-url
Le même code y figure :
<a href="best-practices">best practices</a>
conduirait maintenant à :
https://example.com/seo/glossary/best-practices.
Pourquoi ?
Bien qu'il n'y ait pas de différence pour les utilisateurs, une URL avec une barre oblique est techniquement un répertoire, tandis qu'une URL sans barre oblique est considérée comme un fichier dans le dossier (répertoire) /glossary/.
Dans ce cas, une URL relative est relative au répertoire actuel.
Il existe un autre format pour une URL relative au répertoire actuel :
./
avant le lien.
Ces deux liens mèneront donc à la même destination :
<a href="best-practices">best practices</a> <a href="./best-practices">best practices</a>
Chemin d'accès à la racine
Si l'URL relative est précédée d'une barre oblique, cela signifie qu'elle est relative au domaine racine, ignorant tous les dossiers et sous-dossiers.
Revenons à notre exemple :
<a href="/best-practices">best practices</a>
Ce code sur cette page créerait un lien vers :
https://example.com/best-practices
Un niveau au-dessus
Le préfixe ../
d'un lien relatif le rend relatif au répertoire situé un niveau au-dessus du répertoire actuel.
Le répertoire actuel pour l'URL https://example.com/seo/glossary/relative-url (sans barre oblique) est
/glossary/.
Voici donc le code suivant :
<a href="../best-practices">best practices</a>
créera un lien vers :
https://example.com/seo/best-practices
URL relatifs ou absolus pour le référencement
En termes de référencement, il n'y a pas de différence entre les URL relatives et absolues dans les liens des pages. Toutefois, il est recommandé (mais pas interdit) d'utiliser des URL absolues dans les balises rel="canonical"
et hreflang
afin de minimiser les risques d'erreurs et de confusion.
Conclusion
Il est essentiel de comprendre les URL relatives et leurs cas d'utilisation pour naviguer correctement sur le web et maintenir une structure de site organisée. Si les URL relatives peuvent simplifier la gestion des liens au sein d'un site, les URL absolues sont préférées dans des balises SEO spécifiques pour garantir la clarté et éviter les erreurs.