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).
URL absolue : déterminer la destination sans contexte
Une URL absolue précise le protocole et le domaine, par exemple https://example.com/guides/audit/. Une URL relative comme ../audit/ dépend de l’URL de base du document ; /guides/audit/ part de la racine du même site.
Référence depuis https://example.com/blog/article/ | Destination |
|---|---|
/guides/audit/ | https://example.com/guides/audit/ |
../audit/ | https://example.com/blog/audit/ |
https://autre.example/guide/ | Le domaine explicitement indiqué |
Lors d’une migration ou d’une copie de gabarit, vérifiez la destination résolue plutôt que le seul texte du lien. Pour les URL de sitemap, canonical et hreflang, utiliser une adresse complète rend le domaine visé explicite.