Parties d'une URL : comprendre les 6 éléments clés

Jetez un œil à la barre d'adresse de votre navigateur. La chaîne de caractères commençant par « https » est une URL, une adresse directe permettant de trouver des pages sur le web. Les URL jouent un rôle majeur dans le commerce en ligne comme dans la vie quotidienne. Sans elles, impossible de naviguer sur internet, et personne ne pourrait trouver une entreprise ou effectuer un achat en ligne.

Comprendre comment les URL sont construites vous aide à mieux appréhender la structure de votre site web (ou de n'importe quel autre). Il existe des moyens de rendre les URL plus utiles pour les moteurs de recherche et plus lisibles pour les internautes. Grâce à ces bases, vous serez en mesure d'identifier les problèmes de navigation qui affectent le référencement naturel (SEO) et l'expérience utilisateur (UX).

Explorons ensemble toutes les parties d'une URL et le rôle de chacune dans la navigation sur le web.

Qu'est-ce qu'une URL ?

URL signifie « uniform resource locator » (localisateur uniforme de ressource). C'est le terme technique pour désigner une adresse internet. Son usage le plus courant consiste à pointer vers une page spécifique sur un domaine web comme Shopify.com, ces noms lisibles par l'utilisateur qui correspondent à des adresses IP numériques. Une URL peut renvoyer vers une autre page du même site ou vers un domaine complètement différent.

L'URL est au cœur des hyperliens, ces éléments cliquables qui facilitent la navigation sur le World Wide Web. Vous voyez une URL apparaître dans la barre d'adresse de votre navigateur après avoir cliqué sur un hyperlien, ou vous pouvez saisir directement une URL dans cette barre.

Par exemple, à l'intérieur de cet hyperlien vers Shopify se trouve l'URL https://shopify.com. Lorsque votre curseur survole cet hyperlien, l'URL s'affiche dans la barre d'état en bas de votre navigateur ou dans une info-bulle près du curseur. Le texte visible « Shopify » donne une indication générale de la destination, mais ce dont votre navigateur a réellement besoin pour atteindre l'emplacement exact, c'est l'adresse URL contenue dans le lien : https://shopify.com.

Les composantes de base d'une URL

• Protocole
• Sous-domaine
• Domaine racine
• Chemin (path)
• Sous-répertoire
• Slug

Les URL sont organisées de manière linéaire. Décortiquons les composantes de base d'une URL pour mieux comprendre comment chaque élément s'articule avec l'ensemble :

Protocole

La première partie d'une URL est le protocole, aussi appelé schéma. Le protocole définit comment votre navigateur doit interpréter et afficher la ressource. Les protocoles les plus courants sont http:// et https://.

HTTP signifie « hypertext transfer protocol » (protocole de transfert hypertexte), la colonne vertébrale de tous les sites web. HTTPS est essentiellement identique, mais ajoute un « S » pour « secure » (sécurisé), ce qui signifie que le site a été authentifié et dispose d'un certificat SSL/TLS. Les informations saisies sur une page HTTPS sécurisée (comme les mots de passe) sont mieux protégées grâce au chiffrement des données. Certains sites utilisent encore HTTP, mais ce protocole est plus vulnérable aux cyberattaques.

Comme certains utilisateurs perçoivent HTTP comme trop risqué, il est recommandé d'utiliser HTTPS pour votre site e-commerce. Les boutiques Shopify bénéficient du HTTPS activé par défaut.

Une URL peut également pointer vers un autre type de ressource sur internet (par exemple, un PDF hébergé) en utilisant différents protocoles décrits ci-dessous. Cependant, le protocole de transfert hypertexte (qui distingue les pages web des autres ressources) et sa version sécurisée (HTTPS) restent de très loin les types d'URL les plus répandus.

Ces autres protocoles sont moins courants que HTTPS, mais il est utile de savoir qu'ils existent :

• FTP (file transfer protocol) : pour transférer des fichiers entre un ordinateur client et un serveur.
• SMTP (simple mail transfer protocol) : un protocole de serveur de messagerie.
• IRC (internet relay chat) : un protocole de discussion textuelle en temps réel.
• File : désigne des fichiers stockés sur votre ordinateur local.
• Gopher : un ancien système de menus client/serveur pour parcourir des documents, des applications et des serveurs, antérieur au web.
• Gemini : un protocole léger et simple qui nécessite une application dédiée pour accéder aux ressources de son réseau « Geminispace ».

Sous-domaine

Vient ensuite le sous-domaine, une partie optionnelle de l'URL qui désigne une catégorie au sein de l'ensemble plus large de votre site web. Par exemple, le sous-domaine « help » se trouve à l'intérieur du domaine racine shopify.com dans cette URL : help.shopify.com.

Le sous-domaine est un moyen pratique d'organiser le contenu de votre site. Voici quelques exemples courants de sous-domaines :

• Blog
• Actualités
• Assistance ou aide
• Communauté

Par exemple, avec l'URL https://community.shopify.com, les visiteurs comprennent immédiatement qu'ils accèdent à l'espace de discussion communautaire de Shopify.

Les sous-domaines ne sont pas obligatoires, mais ils sont populaires car ils orientent le trafic de manière pertinente, ce que les internautes comme les moteurs de recherche apprécient. Si vous possédez déjà une boutique Shopify, vous pouvez ajouter un sous-domaine depuis les paramètres de l'interface d'administration Shopify.

Domaine racine

Le domaine racine est obligatoire. Il se compose de deux parties : un domaine de deuxième niveau (SLD) et un domaine de premier niveau (TLD).

• Domaine de deuxième niveau : le SLD est le nom unique que vous avez enregistré pour votre boutique ou votre site auprès d'un bureau d'enregistrement de noms de domaine. Considérez-le comme le domaine principal où figure le nom de votre marque, comme Nike ou Adidas.
• Domaine de premier niveau : le domaine de premier niveau représente la catégorie générale du site, comme .com (commercial), .org (organisation), .edu (éducation) ou .fr (France).

Par exemple, le domaine racine Shopify.com comprend le domaine de deuxième niveau « Shopify » et le domaine de premier niveau « .com ». Utiliser le nom de votre entreprise pour le domaine deuxième niveau et .com (ou .fr pour le marché français) comme domaine de premier niveau correspondra aux attentes de vos clients pour un site e-commerce.

Chemin (path)

Le chemin pointe vers l'emplacement précis d'une ressource spécifique. La destination est généralement une page web. Organisé avec une ou plusieurs barres obliques, le chemin est un moyen efficace de guider les robots d'exploration des moteurs de recherche pour qu'ils comprennent la structure sémantique d'un site. Cela peut améliorer la visibilité du site dans les résultats de recherche. Le chemin suit le domaine racine et peut inclure différents segments, séparés par une barre oblique (/), comme ceci :

/blog

Ici, le chemin spécifie un sous-répertoire (blog) où résident toutes les pages du blog.

Sous-répertoire

Après le domaine racine vient le sous-répertoire, que vous pouvez considérer comme un sous-dossier dans une arborescence de fichiers. Le sous-répertoire apporte un contexte supplémentaire sur la manière dont l'URL se distingue des autres sections du site. Par exemple, /pricing dirige les utilisateurs vers la section tarifaire du site Shopify. D'un coup d'œil, vous savez que cette URL concerne les tarifs des abonnements Shopify.

Il est fréquent qu'une URL s'arrête au sous-répertoire, surtout lorsqu'elle pointe vers une page d'index ou une page d'atterrissage. Les noms de sous-répertoires ne correspondent pas toujours exactement à des sous-dossiers dans le système de fichiers du serveur web. Une URL peut simplement donner l'apparence d'une structure de répertoires. Votre système de gestion de contenu (CMS) peut manipuler la structure de l'URL pour la rendre semblable à un chemin de fichier (afin d'en faciliter la lecture), tout en utilisant sa propre architecture complexe pour stocker le contenu web.

Vous pouvez nommer votre sous-répertoire comme vous le souhaitez, mais il doit être pertinent et précis pour le confort de l'utilisateur. Par exemple, des noms de sous-répertoires comme catalog, blog, pricing, shipping et help sont immédiatement reconnaissables.

Slug

Le slug d'une URL est une description du contenu d'une page web condensée en un seul mot ou une expression avec des tirets. Cela rend l'URL plus lisible, aussi bien pour les humains que pour les robots. Il apparaît après la barre oblique qui suit un sous-répertoire.

Par exemple, /blog/topics/marketing se compose de deux sous-répertoires (blog et topics) et se termine par le slug « marketing ». Cela vous indique qu'il existe une page marketing imbriquée dans la section topics, elle-même contenue dans le sous-répertoire blog.

Les composantes avancées d'une URL

• Port
• Requête
• Paramètres
• Fragment

Maintenant que les bases sont posées, voyons comment les URL peuvent devenir encore plus granulaires. Bien que cette complexité supplémentaire les rende nettement plus techniques et moins lisibles, ces éléments offrent davantage de personnalisation que la structure de votre site n'en nécessite peut-être :

Port

Le port identifie le type de connexion nécessaire pour accéder à une application ou un site web particulier sur un serveur. Chaque protocole possède son propre numéro de port. En voici quelques-uns :

Le numéro de port se place après le domaine racine et avant le chemin, comme ceci :

:443/blog/topics/marketing

Les ports ne s'affichent généralement pas dans les URL, car les navigateurs reconnaissent les protocoles courants et se connectent automatiquement via le bon port. Observez ce qui se passe lorsque vous cliquez sur le lien ci-dessus : le navigateur résout l'URL en une version simplifiée à la volée :

/blog/topics/marketing

Les ports sont utiles dans de rares cas où il faut identifier un port non standard, parfois utilisé par les développeurs dans les environnements de développement et de test, ou pour des raisons de sécurité.

Requête

Si une URL contient un point d'interrogation, cela indique que l'utilisateur a saisi un terme de recherche. La requête s'explique mieux par un exemple. Imaginons qu'un utilisateur recherche « Apple Pay » sur le blog Shopify. L'URL suivante est générée :

/blog/search?q=apple%20pay

La requête commence par « search? ». Le symbole « %20 » représente l'espace entre les mots. Le « ? » demande au serveur web de rechercher cette chaîne et de renvoyer les résultats correspondants.

Paramètres

Un paramètre, aussi appelé chaîne de requête, est une paire clé-valeur. Vous pouvez avoir plusieurs paramètres, séparés par une esperluette (&). Les paramètres sont utiles pour les recherches de produits ou pour le suivi, comme les campagnes marketing suivies dans Google Analytics.

Décortiquons l'anatomie de base des paramètres d'URL. Dans l'exemple suivant, nous avons trois paires clé-valeur séparées par des esperluettes :

https://www.saguaro.com/search?q=hiking&options[prefix]=last&type=product

• « Search? » introduit la chaîne de requête.
• La première paire clé-valeur est la requête de recherche « q=hiking », qui indique que le client a recherché des chaussures de randonnée.
• La deuxième paire est technique et obscure : « options[prefix]=last » pourrait signifier que la fonction de recherche utilise un tableau ou un objet appelé « options » avec la propriété « prefix », quelque chose que les développeurs web comprendront mieux que le grand public.
• La troisième paire clé-valeur identifie le type de recherche, ici une recherche de produit.

Vous voyez à quel point l'analyse de l'URL devient complexe, mais les paramètres multiples ont leur utilité. Ils permettent de collecter davantage d'informations à des fins de suivi et de reporting.

Fragment

Tout à la fin d'une URL, vous pouvez apercevoir un fragment, un composant optionnel qui pointe vers un endroit précis au sein d'une page. Le fragment permet une navigation plus fine, au lieu de simplement afficher le haut de la page. Cela peut favoriser l'engagement et offrir une expérience de navigation plus intuitive aux visiteurs du site.

Les fragments sont indiqués par le symbole dièse (#), suivi d'un mot cible appelé identifiant de fragment, qui sert à atteindre l'emplacement souhaité. Il peut s'agir d'une section comme le pied de page ou d'un sous-titre thématique comme FAQ.

Par exemple, dans /enterprise#contact-sales, le fragment #contact-sales renvoie directement vers un formulaire de contact au sein de la page enterprise.