Structure d’une URL : décomposer chaque élément d’une adresse web

Nous tapons des URL des dizaines de fois par jour sans jamais vrai­ment les regar­der. Pour­tant, der­rière cette suite de carac­tères qui com­mence sou­vent par « https:// » se cache une méca­nique pré­cise, où chaque mor­ceau joue un rôle bien défi­ni. Com­prendre la struc­ture d’une URL n’est pas un simple exer­cice de curio­si­té tech­nique : c’est une com­pé­tence utile pour mieux navi­guer, repé­rer les sites dou­teux, opti­mi­ser son réfé­ren­ce­ment ou tout sim­ple­ment par­ler le même lan­gage que les déve­lop­peurs et les spé­cia­listes du web. Pre­nons ensemble une adresse web com­plète que nous allons dis­sé­quer, par­tie par par­tie, pour que plus aucun élé­ment ne reste mystérieux.

Qu’est-ce qu’une URL, au juste ?

Le sigle URL signi­fie Uni­form Resource Loca­tor, que l’on peut tra­duire par « loca­li­sa­teur uni­forme de res­source ». C’est, ni plus ni moins, l’a­dresse unique qui per­met à votre navi­ga­teur de retrou­ver une res­source pré­cise sur Inter­net : une page web, une image, un fichier PDF, une vidéo. De la même manière qu’une adresse pos­tale com­bine un numé­ro, une rue, une ville et un pays pour dési­gner un lieu unique au monde, la struc­ture d’une URL com­bine plu­sieurs infor­ma­tions hié­rar­chi­sées pour poin­ter vers un empla­ce­ment unique sur le réseau.

Pour rendre les expli­ca­tions concrètes, nous allons tra­vailler tout au long de cet article sur l’exemple suivant :

https://www.exemple.com/blog/articles?categorie=seo&page=2#introduction

https://www.exemple.com/blog/articles?categorie=seo&page=2#introduction

Cette adresse contient en réa­li­té sept com­po­sants dis­tincts. Elle regroupe volon­tai­re­ment plu­sieurs cas de figure. Exa­mi­nons-les un par un, de gauche à droite, dans l’ordre où le navi­ga­teur les lit.

Le protocole : la première poignée de main

Tout com­mence par https://. Cette por­tion, que l’on appelle le pro­to­cole (ou « sché­ma »), indique au navi­ga­teur la méthode de com­mu­ni­ca­tion à uti­li­ser pour dia­lo­guer avec le ser­veur. Le pro­to­cole le plus répan­du aujourd’­hui est le HTTPS, qui est l’a­cro­nyme de Hyper­Text Trans­fer Pro­to­col Secure, soit « pro­to­cole de trans­fert hyper­texte sécu­ri­sé ». Ce nom décrit exac­te­ment son rôle : trans­fé­rer entre le ser­veur et votre navi­ga­teur les docu­ments hyper­textes, c’est-à-dire ces pages reliées par des liens cli­quables qui forment le web, tout en sécu­ri­sant l’é­change. C’est pré­ci­sé­ment le sens du « S » final, qui signi­fie Secure : il garan­tit que les don­nées échan­gées entre votre appa­reil et le site sont chif­frées, c’est-à-dire illi­sibles pour qui ten­te­rait de les intercepter.

Son pré­dé­ces­seur, le HTTP simple (le même Hyper­Text Trans­fer Pro­to­col, mais sans la couche de sécu­ri­sa­tion), trans­met les infor­ma­tions en clair et tend à dis­pa­raître, car les navi­ga­teurs modernes signalent désor­mais ces pages comme « non sécurisées ». 

Avec cette indi­ca­tion, l’in­ter­naute qui arrive sur votre site perd confiance.

D’autres pro­to­coles existent en dehors du web tra­di­tion­nel, comme ftp:// pour le trans­fert de fichiers ou mailto: pour ouvrir direc­te­ment un logi­ciel de mes­sa­ge­rie. Le « :// » qui suit le pro­to­cole n’est qu’un sépa­ra­teur tech­nique annon­çant que l’a­dresse du ser­veur arrive juste après.

Le sous-domaine : une porte d’entrée parmi d’autres

Juste après le pro­to­cole vient www. Il s’a­git du sous-domaine, une sorte de sub­di­vi­sion à l’in­té­rieur d’un même domaine. Le fameux « www » (pour World Wide Web) est his­to­ri­que­ment le plus cou­rant, au point qu’on l’ou­blie sou­vent, mais il n’a rien d’o­bli­ga­toire. Beau­coup de sites fonc­tionnent par­fai­te­ment sans lui.

Le sous-domaine sert sur­tout à orga­ni­ser de grands ensembles. Une entre­prise peut ain­si créer boutique.exemple.com pour son maga­sin en ligne, blog.exemple.com pour ses articles et support.exemple.com pour son ser­vice d’as­sis­tance. Cha­cune de ces adresses par­tage le même domaine prin­ci­pal tout en menant vers un espace tech­ni­que­ment distinct.

Le nom de domaine et son extension : le cœur de l’adresse

Nous arri­vons à exemple.com, sans doute la par­tie la plus recon­nais­sable de toute la struc­ture d’une URL. Elle se décom­pose en deux mor­ceaux indissociables.

Le pre­mier, exemple, est le nom de domaine à pro­pre­ment par­ler. C’est l’i­den­ti­té de la marque ou du pro­jet sur le web, l’élé­ment que les gens retiennent et tapent de mémoire. Le second, .com, est l’ex­ten­sion, aus­si appe­lée domaine de pre­mier niveau ou TLD (Top-Level Domain). On y trouve des exten­sions géné­riques comme .com, .org ou .net, des exten­sions géo­gra­phiques comme .fr pour la France, .be pour la Bel­gique ou .ca pour le Cana­da, ain­si que des exten­sions plus récentes et thé­ma­tiques telles que .shop, .tech ou .blog.

L’en­semble for­mé par le nom de domaine et son exten­sion est unique : deux sites ne peuvent jamais pos­sé­der exac­te­ment la même com­bi­nai­son. C’est cette uni­ci­té qui fait du nom de domaine quelque chose de précieux.

Le chemin : naviguer dans l’arborescence du site

Après le domaine, on ren­contre /blog/articles. Cette por­tion s’ap­pelle le che­min (ou path en anglais). Elle indique l’emplacement exact de la page recher­chée à l’in­té­rieur de l’or­ga­ni­sa­tion du site, un peu comme un sys­tème de dos­siers et de sous-dos­siers sur votre ordinateur.

Dans notre exemple, la barre oblique mène d’a­bord vers une sec­tion blog, puis vers une sous-sec­tion articles. Chaque seg­ment sépa­ré par une barre oblique repré­sente un niveau de pro­fon­deur sup­plé­men­taire. Le che­min est l’une des par­ties les plus impor­tantes pour le réfé­ren­ce­ment natu­rel, car un che­min clair et lisible, comme /recettes/desserts/tarte-aux-pommes, aide à la fois les moteurs de recherche et les inter­nautes à com­prendre le conte­nu de la page avant même de l’a­voir ouverte. C’est pour­quoi les experts recom­mandent d’é­vi­ter les che­mins rem­plis de chiffres ou de codes incompréhensibles.

Les paramètres : transmettre des informations à la volée

Vient ensuite la por­tion ?categorie=seo&page=2, qu’on désigne sous le nom de chaîne de requête ou para­mètres d’URL. Elle débute tou­jours par un point d’in­ter­ro­ga­tion, qui marque la fron­tière entre le che­min et les don­nées transmises.

Chaque para­mètre fonc­tionne par paire : un nom, un signe égal, puis une valeur. Ici, categorie=seo pré­cise que l’on sou­haite affi­cher les articles de la caté­go­rie « seo », tan­dis que page=2 demande la deuxième page de résul­tats. Lors­qu’il y a plu­sieurs para­mètres, ils sont reliés entre eux par le sym­bole « & ». Ces infor­ma­tions servent à fil­trer des résul­tats, à mémo­ri­ser une recherche, à suivre la pro­ve­nance d’un visi­teur dans le cadre d’une cam­pagne mar­ke­ting, ou encore à per­son­na­li­ser l’af­fi­chage. Elles sont extrê­me­ment utiles, mais leur mul­ti­pli­ca­tion peut rendre une adresse longue et peu engageante.

L’ancre : atterrir au bon endroit sur la page

Enfin, tout à la fin de notre exemple, figure #introduction. Ce der­nier élé­ment s’ap­pelle l’ancre. Pré­cé­dé du sym­bole dièse, il ne désigne pas une nou­velle page mais un point pré­cis à l’in­té­rieur de la page déjà char­gée. Quand vous cli­quez sur un lien menant à une ancre, le navi­ga­teur fait défi­ler auto­ma­ti­que­ment le conte­nu jus­qu’à la sec­tion cor­res­pon­dante, sans rechar­ger quoi que ce soit.

C’est ce méca­nisme qui per­met, dans un long article comme celui-ci, de créer un som­maire cli­quable ren­voyant direc­te­ment à chaque cha­pitre. L’ancre amé­liore le confort de lec­ture et l’ex­pé­rience uti­li­sa­teur, par­ti­cu­liè­re­ment sur les pages denses.

À quoi ressemble une URL bien construite pour le référencement

L’a­dresse que nous venons d’exa­mi­ner avait une ver­tu péda­go­gique, car elle réunis­sait tous les com­po­sants pos­sibles. Mais du point de vue du réfé­ren­ce­ment natu­rel, elle n’a pas la forme idéale. Ses para­mètres ?categorie=seo&page=2 la rendent peu lisible, et son che­min /blog/articles reste géné­rique, sans rap­port avec le sujet réel de la page. Un moteur de recherche comme un inter­naute aurait bien du mal à devi­ner de quoi parle cette publi­ca­tion rien qu’en lisant son adresse.

La règle d’or, pour une page de conte­nu, consiste à faire figu­rer le titre de la publi­ca­tion direc­te­ment dans l’URL. Cette por­tion lisible que l’on insère dans le che­min porte un nom : on l’ap­pelle le slug. Plu­tôt que /blog/articles?id=4827, on pri­vi­lé­gie­ra une adresse par­lante comme /blog/titre-de-la-page. D’un seul coup d’œil, le conte­nu de la page devient évident, et le mot-clé prin­ci­pal s’af­fiche jusque dans la barre d’a­dresse, ce que les moteurs de recherche appré­cient particulièrement.

Concrè­te­ment, un article inti­tu­lé « Com­ment bien struc­tu­rer une URL pour le réfé­ren­ce­ment » gagne­ra à vivre sous l’a­dresse /blog/structurer-url-referencement plu­tôt que sous une suite de chiffres ou une phrase com­plète reco­piée mot pour mot. On retrouve dans ce slug le mot-clé visé, une lec­ture immé­diate du sujet et une lon­gueur maî­tri­sée. C’est cette cohé­rence entre le titre de la publi­ca­tion, le conte­nu et l’a­dresse qui envoie un signal clair aux moteurs de recherche et ins­pire confiance aux inter­nautes avant même qu’ils ne cliquent.

Un der­nier conseil mérite d’être sou­li­gné : une fois qu’une URL est publiée et indexée, mieux vaut évi­ter de la modi­fier. Une adresse en ligne depuis un cer­tain temps a géné­ra­le­ment accu­mu­lé de la valeur aux yeux des moteurs de recherche, des liens pointent peut-être vers elle depuis d’autres sites, et des inter­nautes l’ont enre­gis­trée dans leurs favo­ris. La chan­ger revient à effa­cer tout cela d’un trait. Si vous êtes dans l’o­bli­ga­tion de la modi­fier, par exemple lors d’une refonte com­plète du site, il ne faut sur­tout pas se conten­ter de rem­pla­cer l’an­cienne adresse par la nou­velle. Il faut mettre en place une redi­rec­tion per­ma­nente, appe­lée redi­rec­tion 301, qui indique aux navi­ga­teurs et aux moteurs de recherche que la page a démé­na­gé défi­ni­ti­ve­ment. Cette redi­rec­tion ren­voie auto­ma­ti­que­ment les visi­teurs de l’an­cienne URL vers la nou­velle et trans­fère vers celle-ci l’es­sen­tiel de la valeur de réfé­ren­ce­ment accu­mu­lée. Sans elle, l’an­cienne adresse affi­che­rait une erreur « page introu­vable », fai­sant fuir les visi­teurs et perdre le tra­vail patiem­ment construit autour de cette page.

Pourquoi cette anatomie mérite votre attention

Main­te­nant que nous avons décom­po­sé chaque com­po­sant, l’a­dresse de départ n’a plus de secret : un pro­to­cole sécu­ri­sé, un sous-domaine, un nom de domaine accom­pa­gné de son exten­sion, un che­min, des para­mètres et une ancre. Loin d’être une suite hasar­deuse de sym­boles, la struc­ture d’une URL obéit à une logique rigou­reuse et uni­ver­selle, par­ta­gée par l’en­semble des sites de la planète.

Maî­tri­ser cette gram­maire du web apporte des béné­fices très concrets. Elle vous aide à détec­ter une ten­ta­tive d’ha­me­çon­nage en repé­rant un nom de domaine sus­pect maquillé pour res­sem­bler à celui d’une marque connue. Elle vous per­met de construire des adresses propres et com­pré­hen­sibles si vous gérez un site. Et elle vous donne, plus sim­ple­ment, une lon­gueur d’a­vance pour dia­lo­guer avec séré­ni­té dès qu’il est ques­tion de tech­nique. La pro­chaine fois que vous regar­de­rez la barre d’a­dresse de votre navi­ga­teur, vous ne ver­rez plus une simple ligne de texte, mais une carte très bien orga­ni­sée du che­min emprun­té pour vous mener jus­qu’à votre destination.

Cré­dit image à la Une : Pho­to de Miguel Ángel Padriñán Alba sur Unsplash