Une URL (Uniform Resource Locator) est l'adresse d'une page web. Lorsque vous écrivez une adresse dans la barre de votre navigateur ou que vous cliquez sur un lien, l'URL guide votre navigateur vers la page à charger. Imaginez que cette adresse soit la porte d'entrée d'un grand immeuble : vous êtes arrivé à destination, mais que faire une fois devant la porte ?
C'est là qu'interviennent les paramètres d'URL. Ils fournissent des informations complémentaires, comme un numéro d'appartement, si l'on poursuit l'exemple de l'immeuble. Parfois, les navigateurs ont aussi besoin de connaître l'origine du lien, comment structurer le contenu de la page, ou d'autres éléments contextuels pour afficher le contenu de manière précise.
Comprendre les paramètres d'URL est non seulement essentiel pour lire une adresse web, mais cela peut aussi vous aider à optimiser et hiérarchiser les pages de votre site.
Qu’est-ce qu’un paramètre d’URL ?
Un paramètre d'URL, aussi connu sous le nom de “chaîne de requête”, est une information supplémentaire ajoutée à la fin de l'URL. Elle modifie ou précise le contenu affiché sur la page web. Les paramètres sont séparés du reste de l'URL par un « ? » ; tout ce qui se trouve avant le point d'interrogation est l'URL racine, et tout ce qui suit est un paramètre.
Ces paramètres fournissent un contexte au navigateur web. Selon le site et sa fonctionnalité, ils peuvent avoir divers objectifs, allant de la modification du contenu de la page, comme les résultats de recherche, les filtres et les préférences linguistiques, aux informations analytiques.
Plus précisément, un paramètre d'URL est une série de paires clé-valeur de données ajoutée à la fin de l’URL, après le nom de domaine. Un exemple de clé serait utm_source, et un exemple de valeur associée est google. Cela s'exprime avec un paramètre sous la forme « ?utm_source=google ».
Il n'y a pas de limite au nombre de paramètres individuels attachés à une seule URL. Plusieurs paramètres sont chacun séparés par le symbole « & ». Prenons l'URL suivante, par exemple :
https://www.shopify.com/blog/?utm_source=facebook&utm_medium=ppc&exampleparam=example
La localisation de la page est « https://www.shopify.com/blog/ », et les paramètres sont « ?utm_source=facebook&utm_medium=ppc&exampleparam=example. » En examinant de près cette chaîne d'URL, vous voyez trois paramètres individuels, chacun séparé par un « & » : « utm_source=facebook », « utm_medium=ppc », et « exampleparam=example. »
Paramètres d'URL et URLs propres
Les paramètres d'URL ont des inconvénients. En effet, les URLs propres, c’est-à-dire sans paramètres, sont beaucoup plus faciles à lire et à comprendre, tant pour les utilisateurs que pour les moteurs de recherche :
- Pour les utilisateurs : les URLs propres sont généralement plus concises, ce qui les rend plus faciles à partager et à mémoriser.
- Pour les moteurs de recherche : les URLs sans paramètres inutiles facilitent la navigation et la compréhension de la structure d'un site par les robots d'exploration des moteurs de recherche. Elles aident aussi à éviter le contenu dupliqué ; les URLs avec paramètres peuvent entraîner la création de plusieurs URLs pointant vers le même contenu, ce qui peut poser des problèmes de contenu dupliqué (où les moteurs de recherche peuvent avoir du mal à déterminer la version canonique d'une page).
Comment utiliser les paramètres d'URL ?
Tous les paramètres d'URL sont à la fin de l’adresse web, après un « ? » et séparés par un « & », et ils affectent la page affichée de plusieurs manières. Voici les quatre principales utilisations des paramètres d'URL.
1. Modifier du contenu
Les paramètres de modification du contenu sont principalement utilisés sur des pages dynamiques, c'est-à-dire des pages qui peuvent changer en fonction de la manière dont les utilisateurs interagissent avec elles.
Par exemple, vous voulez organiser un quiz pour vos clients sur une seule page de votre site web : « entreprise.com/quiz. » Cependant, vous voulez afficher une seule question à la fois, et faire en sorte que les nouvelles questions dépendent de leurs réponses précédentes. Si les utilisateurs ne terminent pas le quiz en une seule fois, vous voulez également qu'ils puissent revenir au quiz là où ils se sont arrêtés.
Si vous programmez le quiz pour associer un paramètre à chaque étape (« /quiz?step=1 », « /quiz?step=2 », et ainsi de suite), le navigateur peut comprendre quelle étape afficher. Cela permet aux utilisateurs de revenir à cette étape en entrant l'URL complète avec le paramètre.
Autre exemple : l'utilisation du paramètre « t » par YouTube. La plateforme de vidéo en ligne l'utilise pour déterminer le moment où la lecture commence. Par exemple, « ?t=125 » indique à YouTube de commencer la lecture 125 secondes après le début de la vidéo.
2. Trier et filtrer le contenu
Lorsqu'une page contient une collection d'objets, comme plusieurs produits sur une page catégorie, elle utilise souvent des paramètres pour organiser ces objets.
Si votre site web affiche une liste de produits, vous pouvez utiliser des paramètres de tri de contenu pour filtrer les produits par catégorie ou prix, ou rechercher un produit spécifique à l'aide de mots-clés. Voici un exemple d’URL avec un paramètre de tri :
https://www.example.com/products?category=vêtements
Le paramètre catégorie est utilisé pour modifier le contenu affiché sur la page en montrant uniquement les produits de la catégorie « vêtements ».
Les thèmes Shopify standard utilisent ces paramètres pour paginer (par exemple, « page=1 », « page=2 », et ainsi de suite), trier l'ordre (par exemple, « ?sort_by=title-ascending », ou « ?sort_by=price-descending »), ou filtrer pour afficher un sous-ensemble d'objets (par exemple, « ?filter.v.availability=1 »). La page Best Sellers de Muck N Brass utilise les trois types.
3. Analyser le trafic web
Les paramètres d'URL peuvent contenir des informations pour mieux comprendre comment les utilisateurs trouvent et interagissent avec le site. Contrairement aux paramètres conçus pour modifier, trier ou filtrer, les paramètres analytiques ne changent pas le contenu de la page. Ils apportent un contexte au navigateur, comme la source du trafic (par exemple, un site web spécifique ou une plateforme de médias sociaux), le moyen (email par exemple), et la campagne ou promotion particulière à laquelle le lien est associé. Des informations utiles pour l'analyse marketing via des outils comme Google Analytics.
Voici des exemples de paramètres de suivi :
- « utm_source », « utm_medium », et « utm_campaign » : ces trois paramètres correspondent aux normes standard de Google Analytics pour comprendre le trafic web. Ils sont le plus souvent utilisés dans la publicité (par exemple, « ?utm_source=facebook&utm_medium=ppc&utm_campaign=sommersale »). UTM signifie Urchin Tracking Module, le nom du logiciel d'analyse web qui a ensuite été acquis par Google et intégré à Google Analytics.
- « Gclid » et « fbclid » : utilisés par Google Ads et Meta Ads comme paramètres de suivi pour les clics provenant des annonces sur leurs plateformes. Ils peuvent aider à distinguer les performances de différents sous-ensembles de campagnes publicitaires numériques, tels que les variantes d'annonces et les mots-clés.
- « affid » : ce paramètre, et d'autres comme lui, est utilisé pour identifier les références d'affiliation.
- « clientid » et « userid » : sont utilisés pour suivre les utilisateurs en alignant le navigateur spécifique utilisé avec un utilisateur dans la base de données des outils d'analyse.
4. Information sur le code
Les paramètres mentionnés jusqu'à présent sont des exemples courants utilisés par les marketeurs, comme « utm_source », « catégorie », ou « étape ». Mais les paramètres peuvent être utilisés pour transmettre n'importe quelle information au navigateur. Les développeurs les personnalisent pour obtenir des résultats spécifiques dans leur code.
Par exemple, un développeur peut créer une ligne de code qui recherche le paramètre « ?surprise » et change la couleur du texte en rouge si l'URL contient « ?surprise=true ». Ainsi, l'URL « example.com/page?surprise=true » fera apparaître le texte en rouge, tandis que « example.com/page?surprise=false » ou « example.com/page » ne changera pas la couleur.
Les problèmes SEO liés aux paramètres d'URL
Les paramètres d'URL sont importants, mais ils peuvent nuire aux performances SEO. Contrairement à la partie principale de l'URL, comme le domaine ou le sous-dossier, les paramètres ne montrent pas l'emplacement exact de la page; Ils donnent plutôt des informations supplémentaires sur celle-ci.
Cependant, les robots des moteurs de recherche (en charge d’indexer les pages de votre site) ne comprennent pas cela. Lorsqu’ils explorent une URL avec des paramètres (par exemple, « https://mucknbrass.com/collections/best-sellers?sort_by=best-selling »), ils la considèrent comme une page différente de l'URL sans paramètres (« https://mucknbrass.com/collections/best-sellers »).
Les paramètres d'URL peuvent créer des problèmes SEO courants :
- Risque de contenu dupliqué : si un moteur de recherche comme Google trouve deux pages avec presque le même contenu, comme « /collections/featured/ » et « collections/featured?sort_by=price=ascending », il ne saura pas laquelle classer dans les résultats de recherche. Cela peut nuire au classement de vos pages dans les SERPs.
- Utilisation des budgets d'exploration : les moteurs de recherche limitent le nombre de pages qu'ils explorent sur un site, comme s’ils avaient un budget dédié. Si votre site a trop de pages avec des paramètres différents, cela va rapidement épuiser le budget d'exploration. Du coup, les robots pourraient s’arrêter en route et ne pas explorer toutes les pages les plus importantes.
- Jus de lien dilué : les backlinks (liens situés sur d'autres sites vers le vôtre) transmettent du "jus de lien", un signal de confiance important pour le SEO. Si certains de vos backlinks pointent vers « /collections/featured/ » et d'autres vers « collections/featured?sort_by=price=ascending », ce jus de lien est réparti entre les deux pages. Résultat : les moteurs de recherche peuvent avoir du mal à savoir quelle page privilégier dans les résultats, ce qui peut nuire à la visibilité du site.
Comment corriger les problèmes SEO liés aux paramètres ?
Les moteurs de recherche comprennent de mieux en mieux les paramètres courants, comme « sort_by » ou « utm_campaign », et savent comment les gérer. C’est pour cette raison que Google a supprimé son outil de paramètres d'URL qui permettait aux gestionnaires de sites de préciser l’usage de ces paramètres. Cependant, des problèmes peuvent encore persister, et s'ils ne sont pas réglés, ils peuvent affecter vos performances SEO.
La solution à ces problèmes est simple : il faut faire en sorte que les moteurs de recherche sachent quelle version de vos pages est la plus importante et quelles sont les versions à ignorer. Imaginez que le budget d’exploration dédié à votre site soit limité à 100 crédits par jour. Chaque page consomme un crédit. Mais si une URL a plusieurs paramètres différents, chaque version de la page consomme un crédit supplémentaire. Par exemple, si la même URL avec différents paramètres est explorée 10 fois, cela coûtera 10 crédits au lieu d’un seul.
Trois outils sont à votre disposition pour résoudre les problèmes SEO liés aux paramètres :
- Balises canoniques : une balise canonique est un code HTML qui indique aux moteurs de recherche “voici la version principale de cette page, c'est celle-ci qui doit être indexée et classée. » Cela permet d’éviter le contenu dupliqué. Shopify utilise cette méthode par défaut. Bien utilisées, les balises canoniques peuvent résoudre la plupart des problèmes liés aux paramètres.
- Plan du site : le plan du site indique les pages importantes. Vous pouvez télécharger ce fichier sur votre site et dans la Google Search Console. Shopify génère un plan du site automatiquement, mais il faut encore le soumettre. Vous pouvez généralement trouver le plan du site en ajoutant « /sitemap.xml » à la fin de l'URL.
- Robots.txt : le fichier robots.txt indique aux moteurs de recherche quelles parties de votre site explorer ou ignorer. Contrairement au plan du site, qui sert de guide, les robots prennent le fichier robots.txt comme une règle. Il faut le modifier seulement si les balises canoniques et le plan du site ne suffisent pas à empêcher l'exploration de pages avec des paramètres. Vous pouvez accéder à ce fichier en allant sur « example.com/robots.txt ».
FAQ sur les paramètres d'URL
Comment trouver les paramètres d'URL ?
Les paramètres d'URL se trouvent toujours à la fin d'une URL. Ils commencent toujours par « ? », et les paramètres individuels sont séparés par « & ». Localisez le point d'interrogation ; tout ce qui se trouve à droite est un paramètre, et tout ce qui se trouve à gauche est l'URL racine.
Dans cet exemple, le texte en gras est un paramètre :
« /blog/what-is-shopify?utm_source=google&utm_medium=blog. »
Que faut-il éviter dans les paramètres d'URL ?
Les paramètres d'URL sont faits pour modifier les pages web ou apporter un contexte supplémentaire. Cependant, ils ne sont pas destinés à distinguer des pages séparées. Évitez d'utiliser des paramètres pour afficher des parties entièrement différentes d'un site web.
Pourquoi la structure des URL est-elle importante ?
La structure de vos URLs (organiser les URLs en domaines, sous-dossiers et paramètres) rend votre site web plus lisible pour les utilisateurs et les moteurs de recherche. Les URLs indiquent les sections et sous-sections du site. Imaginez un site qui utilise des URLs numérotées à la place : « exemple.com/12 », « exemple.com/13 », « exemple.com/14 », et ainsi de suite. C'est beaucoup plus difficile à comprendre qu'un site web avec des sous-dossiers décrivant leur objectif : « example.com/produits/ », « example.com/produits/tapis-de-bain », « example.com/a-propos/ », « example.com/a-propos/equipe ».
Que signifie « # » dans une URL ?
Dans une URL, le symbole « # » représente l'identifiant de fragment, également appelé hachage ou symbole de hachage. Lorsqu'une URL contient un symbole « # » suivi d'une chaîne de texte, cela indique que le navigateur doit se rendre directement vers cette section particulière de la page, sans recharger la page. Cela est particulièrement utile sur une longue page avec beaucoup de contenu.