Définition
Une URL relative est une adresse web qui ne contient pas le protocole (http/https) ni le nom de domaine. Elle définit un chemin par rapport à l’emplacement actuel de la page. Le navigateur complète automatiquement l’URL en utilisant le contexte de la page courante.
URL relative vs URL absolue
| Type | Exemple | Contient |
|---|---|---|
| URL absolue | https://example.com/blog/article.html | Protocole + domaine + chemin |
| URL relative | /blog/article.html | Chemin uniquement |
Exemple concret
Si vous êtes sur la page https://monsite.com/produits/chaussures/ :
<!-- URL relative -->
<a href="../accessoires/">Accessoires</a>
<!-- Devient : https://monsite.com/produits/accessoires/ -->
<!-- URL absolue -->
<a href="https://monsite.com/produits/accessoires/">Accessoires</a>
<!-- Reste identique -->
Types d’URLs relatives
1. Relative à la racine (commence par /)
<a href="/contact/">Contact</a>
Part toujours de la racine du domaine, quelle que soit la page actuelle.
2. Relative au document (sans /)
<a href="page.html">Page</a>
<a href="sous-dossier/page.html">Page dans sous-dossier</a>
Part du répertoire de la page courante.
3. Avec navigation parent (..)
<a href="../autre-dossier/">Remonter d'un niveau</a>
<a href="../../racine/">Remonter de deux niveaux</a>
Avantages des URLs relatives
- Portabilité : Le site fonctionne sur différents domaines sans modification (développement, staging, production)
- Migration facilitée : Changement de domaine sans réécriture des liens internes
- Code plus léger : URLs plus courtes dans le code source
Inconvénients des URLs relatives
- Risque d’erreurs : Un calcul de chemin incorrect casse le lien
- Problèmes de canonicalisation : Google peut voir des versions différentes d’une même page
- Syndication de contenu : Les liens ne fonctionnent pas si le contenu est repris ailleurs
- Complexité de débogage : Plus difficile de comprendre où pointe un lien
Impact SEO
Maillage interne
Les URLs relatives fonctionnent parfaitement pour le maillage interne. Googlebot les résout correctement.
Problèmes potentiels
<!-- Peut créer des doublons si le site répond sur plusieurs URLs -->
<!-- www vs non-www, http vs https -->
<a href="/page/">Lien relatif</a>
Recommandation
Pour le SEO, privilégiez les URLs absolues dans :
- La balise canonical
- Le sitemap XML
- Les liens hreflang
- Les données structurées (Schema.org)
Bonnes pratiques
Pour les liens internes
Les URLs relatives à la racine (/chemin/) sont un bon compromis : simples et fiables.
<!-- Recommandé -->
<a href="/blog/article/">Article</a>
<!-- À éviter (fragile) -->
<a href="../../blog/article/">Article</a>
Pour les ressources (CSS, JS, images)
<!-- Relatif au protocole (recommandé pour les CDN) -->
<script src="//cdn.example.com/script.js"></script>
<!-- Relatif à la racine (ressources locales) -->
<link rel="stylesheet" href="/css/style.css">
En SEO, le choix entre URL relative et absolue dépend du contexte. L’essentiel est d’être cohérent et de toujours utiliser des URLs absolues pour les éléments techniques critiques (canonical, sitemap, hreflang).