Dans cet article, nous allons faire une plong\u00e9e en profondeur dans l’URL, expliquer ce qu’elle est, d\u00e9composer les diff\u00e9rentes composantes de son fonctionnement, couvrir ce \u00e0 quoi ressemble une bonne URL \u00e0 des fins de r\u00e9f\u00e9rencement, et plus encore.<\/p>\n
Qu’est-ce qu’une URL (Uniform Resource Locator)<\/h2>\n
Une URL, Uniform Resource Locator, est une adresse qui aide votre navigateur web \u00e0 localiser une page web, une image, un fichier ou une autre ressource sp\u00e9cifique.<\/p>\n
Votre navigateur prend l’adresse, traduit le nom de domaine en adresse IP du serveur, et le reste de l’URL indique le chemin d’acc\u00e8s au fichier sp\u00e9cifique sur ce serveur.<\/p>\n
Une URL m\u00e8ne \u00e0 un fichier ou \u00e0 une page sp\u00e9cifique, tandis qu’un nom de domaine est une \u00ab\u00a0adresse\u00a0\u00bb g\u00e9n\u00e9rale de l’ensemble du site ou du serveur.<\/p>\n
URL vs URI<\/h2>\n
Une URI (ou Uniform Resource Identifier) est diff\u00e9rente d’une URL en ce sens qu’elle renvoie \u00e0 l’ID unique d’un fichier ou d’une ressource, mais pas n\u00e9cessairement au moyen par lequel vous pouvez y acc\u00e9der.<\/p>\n
Il s’agit d’une cat\u00e9gorie d’identificateurs de niveau sup\u00e9rieur qui comprend \u00e9galement l’URL comme l’une de ses sous-cat\u00e9gories.<\/p>\n
Selon les sp\u00e9cifications officielles de la RFC 3986<\/a> :<\/p>\n \u00ab\u00a0Une URI est une s\u00e9quence compacte de caract\u00e8res qui identifie une ressource abstraite ou physique\u00a0\u00bb.<\/p>\n Il peut s’agir d’un nom d’ID unique, de la \u00ab\u00a0localisation\u00a0\u00bb (ou du point d’acc\u00e8s au r\u00e9seau) de la ressource, ou des deux (ce que l’on appelle une URL).<\/p>\n Tous ces formats rel\u00e8vent de l’URI, qui couvre \u00e0 la fois les URL et les URN.<\/p>\n Pour distinguer les liens r\u00e9els vers des ressources en ligne des ID de produits physiques, les liens web sont g\u00e9n\u00e9ralement appel\u00e9s URL plut\u00f4t qu’URI.<\/p>\n Note :<\/strong> le guide officiel lui-m\u00eame indique que vous devez \u00ab\u00a0utiliser les URI plut\u00f4t que les URL\u00a0\u00bb pour d\u00e9crire les adresses web, mais il n’a pas \u00e9t\u00e9 mis \u00e0 jour depuis 2005, ce qui le place un peu en retrait par rapport \u00e0 l’\u00e9poque. En 2020, l’URL est de loin le terme le plus courant utilis\u00e9 pour d\u00e9signer les adresses web.<\/p>\n\n Pour consulter un exemple d’URL, il suffit de regarder le champ d’adresse web en haut de votre navigateur, juste en dessous de vos onglets.<\/p>\n Le champ indique l’URL de cette page : Remarquez que lorsque vous cliquez sur un autre onglet, il affiche une URL diff\u00e9rente qui renvoie \u00e0 la page ou au fichier que vous consultez.<\/p>\n Lorsque vous visitez une page web, une URL peut sembler la chose la plus simple du monde.<\/p>\n Mais beaucoup de choses peuvent se produire dans une seule URL.<\/p>\n Examinons les diff\u00e9rentes parties mobiles d’une URL qui font que toutes ces choses se produisent.<\/p>\n La premi\u00e8re partie d’une URL identifie le protocole utilis\u00e9 par le serveur et la page web pour transf\u00e9rer des donn\u00e9es vers votre ordinateur.<\/p>\n Selon votre navigateur, vous devrez peut-\u00eatre double-cliquer sur le c\u00f4t\u00e9 gauche de l’URL pour voir cette partie.<\/p>\n HTTP signifie Hypertext Transfer Protocol et est le moyen de base, non crypt\u00e9, de transf\u00e9rer des donn\u00e9es sur Internet. HTTPS signifie Hypertext Transfer Protocol Secure et est un protocole crypt\u00e9 plus s\u00fbr pour le transfert de donn\u00e9es. Google Chrome montrera qu’un site utilise HTTPS avec un symbole de cadenas, symbolisant un site web s\u00e9curis\u00e9.<\/p>\n Si un site utilise le protocole HTTP, il affiche une marque d’attention que vous pouvez d\u00e9velopper et qui vous met en garde contre l\u2019envoi d’informations sensibles sur le site.<\/p>\n Selon le navigateur, le site web et le syst\u00e8me d’exploitation, il peut \u00e9galement ouvrir automatiquement une invite qui avertit les visiteurs.<\/p>\n Imaginez l’impression n\u00e9gative que cela donnera aux clients potentiels. Ce n’est pas une bonne image.<\/p>\n De plus, l’utilisation du protocole HTTP peut avoir un impact n\u00e9gatif sur le classement de votre site web pour les mots-cl\u00e9s de Google. Google a officiellement confirm\u00e9 qu’il l’utilise<\/a> pour d\u00e9cider du classement de votre page dans les r\u00e9sultats de recherche.<\/p>\n Mais malgr\u00e9 tous les inconv\u00e9nients du protocole HTTP, en octobre 2020, 33,2\u00a0%<\/a> des sites web n’utilisaient toujours pas HTTPS.<\/p>\n Si vous utilisez toujours le protocole HTTP pour votre site WordPress, nous avons un guide d\u00e9taill\u00e9 pour la migration de votre site de HTTP vers HTTPS<\/a>.<\/p>\n Selon votre h\u00e9bergeur actuel, cela peut \u00eatre aussi simple que de cliquer sur un bouton ou pas possible du tout. Dans certains cas, il peut \u00eatre plus facile de passer \u00e0 un h\u00e9bergeur plus fiable qui utilise HTTPS pour tous les sites, comme Kinsta.<\/p>\n Le nom de domaine est ce qui aide le navigateur \u00e0 trouver votre serveur web en premier lieu, en utilisant le DNS (Domain Name System).<\/p>\n En termes simples, le DNS aide un navigateur \u00e0 traduire un nom de domaine en adresse IP r\u00e9elle du serveur web qui y est connect\u00e9.<\/p>\n Sans le DNS, nous devrions surfer sur le web en partageant des cha\u00eenes de nombres comme 241.102.129.209.<\/p>\n Pas vraiment facile \u00e0 retenir, n’est-ce pas ? Les noms de domaine ne sont pas seulement excellents pour l’image de marque. Ils facilitent le partage de contenus et d’id\u00e9es.<\/p>\n Au lieu d’une cha\u00eene de chiffres al\u00e9atoire, vous pouvez partager ou rechercher un nom de domaine qui a du sens. Comme Kinsta.com, o\u00f9 tout le monde peut facilement nous trouver apr\u00e8s avoir entendu parler de notre entreprise.<\/p>\n Lisez notre guide pour en savoir plus sur ce qu’est le DNS<\/a> et comment il relie exactement les noms de domaine aux serveurs web.<\/p>\n Le chemin est toute partie de l’URL qui vient apr\u00e8s le nom de domaine, avant un point d’interrogation ou un # qui ajoute des informations suppl\u00e9mentaires \u00e0 une URL (plus d’informations \u00e0 ce sujet ci-dessous).<\/p>\n Au d\u00e9but, l’URL repr\u00e9sentait directement la structure des fichiers et des r\u00e9pertoires de votre serveur. Ainsi, si vous deviez atteindre ce fichier, vous pourriez suivre ce chemin exact avec votre client FTP<\/a> pour le supprimer ou le modifier. Par exemple, si le chemin est yoursite.com\/folder1\/folder2\/file1.html<\/strong>, la structure serait la m\u00eame sur votre serveur. Si vous utilisez le FTP ou un gestionnaire de fichiers pour le consulter, la structure sera identique.<\/p>\n Mais de nos jours, la plupart des sites web sont construits avec un CMS<\/a> qui utilise une base de donn\u00e9es pour g\u00e9n\u00e9rer des pages de mani\u00e8re dynamique.<\/p>\n Les CMS s’appuient sur l’architecture du serveur pour connecter une URL d’apparence normale (comme kinsta.com\/blog\/what-is-a-url) \u00e0 une cha\u00eene de requ\u00eate qui g\u00e9n\u00e9rera la bonne page.<\/p>\n C’est ainsi que les permaliens WordPress fonctionnent, et c’est pourquoi Si cela vous semble compliqu\u00e9 et que vous ne comprenez pas encore tout, ne vous inqui\u00e9tez pas. Vous trouverez ci-dessous une section enti\u00e8re consacr\u00e9e aux permaliens WP, \u00e0 leur fonctionnement et \u00e0 la mani\u00e8re dont vous pouvez les modifier.<\/p>\n La cha\u00eene de requ\u00eate est la partie qui suit le point d’interrogation, et elle peut inclure des variables qui communiquent avec PHP de cette page pour influer sur l’exp\u00e9rience du visiteur.<\/p>\n Par exemple, pour WordPress, la variable \u00ab\u00a0p\u00a0\u00bb est l’abr\u00e9viation de post et indique quel article WordPress va afficher sur cette page.<\/p>\n Sans les permaliens pour rendre l’URL plus attrayante, un article WordPress ne serait accessible que par des URL comme celle-ci : YouTube est l’un des plus grands sites qui utilisent encore ouvertement des variables dans les URL permanentes de leur contenu. Chaque fois que vous partagez un lien vers une vid\u00e9o, il m\u00e8ne \u00e0 une URL comme Les URL de ce type ne sont plus une pr\u00e9occupation majeure pour le partage social car la plupart des sites de r\u00e9seaux sociaux incluent maintenant des aper\u00e7us et des m\u00e9ta-titres pour les liens partag\u00e9s.<\/p>\n Mais ce type d’URL peut avoir un impact n\u00e9gatif sur le SEO de votre site web ou de votre blog.<\/p>\n Les param\u00e8tres UTM<\/a> sont diff\u00e9rents des cha\u00eenes de requ\u00eate qui fournissent une variable pour le CMS ou l’application web de votre site. Au lieu d’affecter directement l’exp\u00e9rience du visiteur, ils communiquent avec votre logiciel d’analyse. (Par exemple, Google Analytics<\/a>).<\/p>\n Ces balises UTM permettent de suivre la provenance des visiteurs pour analyser les performances de la campagne. Vous pouvez les utiliser pour indiquer quelle plateforme, quelle campagne et m\u00eame quelle publicit\u00e9 sp\u00e9cifique a envoy\u00e9 un visiteur sur votre site.<\/p>\n Certaines plateformes publicitaires g\u00e9n\u00e8rent automatiquement des param\u00e8tres pour stocker des donn\u00e9es sur les visiteurs.<\/p>\n L’ancre est tout ce qui se trouve derri\u00e8re un di\u00e8se. Il s’agit d’un lien sp\u00e9cifique \u00e0 une page qui m\u00e8ne \u00e0 une partie sp\u00e9cifique d’une page.<\/p>\n L’URL ci-dessus vous m\u00e8nera \u00e0 la partie \u00ab\u00a0Anatomie d’une URL\u00a0\u00bb de cette page car il s’agit d’un lien d’ancre ou \u00ab\u00a0lien de saut\u00a0\u00bb vers l’ID de cette sous-rubrique sp\u00e9cifique.<\/p>\n Pour utiliser les liens d’ancre, vous devez ajouter un \u00ab\u00a0ID\u00a0\u00bb \u00e0 la balise HTML vers laquelle vous souhaitez cr\u00e9er un lien. Dans ce cas, le code r\u00e9el du titre de cette section H2 ressemble \u00e0 ceci en HTML simple :<\/p>\n Vous pouvez \u00e9galement en ajouter un manuellement aux en-t\u00eates dans l’\u00e9diteur Gutenberg de WordPress en d\u00e9veloppant la section \u00ab\u00a0avanc\u00e9\u00a0\u00bb d’un bloc d’en-t\u00eate.<\/p>\n Chez Kinsta, nous ne nous donnons pas la peine d’ajouter manuellement des ID \u00e0 tous les sous-en-t\u00eates. Au lieu de cela, nous utilisons une extension qui g\u00e9n\u00e8re automatiquement une table des mati\u00e8res et des liens de saut pour chaque article.<\/p>\n L\u2019extension cr\u00e9e un espace autour des rubriques pertinentes avec l’ID, ce qui nous \u00e9vite de l’ajouter manuellement.<\/p>\n Pour en savoir plus sur la fa\u00e7on de la mettre en place sur votre site WordPress, lisez notre guide sur les liens d’ancre<\/a>.<\/p>\n L’inclusion d’un www dans votre URL \u00e9tait autrefois une norme pour tous les sites web sur l’internet.<\/p>\n Ce n’est plus le cas. Vous avez peut-\u00eatre m\u00eame remarqu\u00e9 que notre site web, Kinsta.com, n’inclut pas www dans l’URL.<\/p>\n Les trois W sont une partie optionnelle d’une URL qui identifie un site comme faisant partie du World Wide Web. L’utilisation de cette partie d\u00e9pend principalement de vos pr\u00e9f\u00e9rences personnelles.<\/p>\n Vous pouvez mettre en place des redirections vers la bonne forme m\u00eame si les visiteurs ne l’incluent pas. Ainsi, par d\u00e9faut, Google Chrome et de nombreux autres navigateurs ne l’affichent m\u00eame plus. Les redirections rendent cette forme sans int\u00e9r\u00eat pour l’utilisateur.<\/p>\n Et Google utilise automatiquement la bonne variation dans les r\u00e9sultats de recherche, ce n’est donc pas un facteur de SEO.<\/p>\n Comme pour le protocole, vous devrez peut-\u00eatre double-cliquer sur l’URL pour voir l’URL compl\u00e8te qui inclut le www<\/strong>.<\/p>\n Chaque option peut pr\u00e9senter des avantages et des inconv\u00e9nients, en fonction de la taille et des objectifs de votre entreprise. Apprenez-en plus sur le choix entre un domaine www et un domaine non www<\/a> pour prendre votre d\u00e9cision.<\/p>\n Si vous souhaitez ajouter ou supprimer le www, nous avons d\u00e9j\u00e0 expliqu\u00e9 comment changer votre URL<\/a> pour inclure ou supprimer le www dans WordPress.<\/p>\n Nous avons d\u00e9j\u00e0 bri\u00e8vement abord\u00e9 ce sujet, mais avec un CMS comme WordPress, le chemin de l’URL ne repr\u00e9sente pas le \u00ab\u00a0vrai\u00a0\u00bb chemin \u00e0 travers les r\u00e9pertoires et fichiers existants sur votre serveur.<\/p>\n Au lieu de cela, WordPress utilise PHP et MySQL pour g\u00e9n\u00e9rer des pages bas\u00e9es sur des cha\u00eenes de requ\u00eate incluses dans l’URL, comme Les \u00ab\u00a0beaux permaliens\u00a0\u00bb comme celui de cet article, https:\/\/kinsta.com\/blog\/what-is-a-url\/<\/a>, reposent sur une fonction de r\u00e9\u00e9criture Apache<\/a> ou Nginx<\/a> pour lier une URL \u00e0 un permalien WordPress pertinent avec l’ID de l\u2019article.<\/p>\n Heureusement, vous n’avez pas besoin de comprendre l’\u00e9cosyst\u00e8me de votre serveur ou de savoir comment le faire manuellement pour apporter des modifications \u00e0 votre URL.<\/p>\n Vous pouvez tout g\u00e9rer depuis WordPress (\u00e0 condition que l’environnement de votre serveur soit correctement configur\u00e9).<\/p>\n Si vous le r\u00e9glez sur simple, vos articles ne seront accessibles que si vous utilisez des liens avec la variable d’ID de l\u2019article : La plupart des sites WordPress l’\u00e9vitent pour des raisons de r\u00e9f\u00e9rencement. Une cha\u00eene de nombres al\u00e9atoires ne peut pas inclure un mot-cl\u00e9 correspondant, et est moins cliquable qu’un lien qui a du sens.<\/p>\n Au lieu de cela, la plupart des sites utilisent une structure qui inclut un titre de blog, ou une variante de celui-ci, dans l’URL.<\/p>\n Les slugs et permaliens g\u00e9n\u00e9r\u00e9s automatiquement de WordPress ne sont pas toujours id\u00e9aux<\/p>\n Si nous laissons WordPress s’en occuper, le permalien pour cet article serait quelque chose comme kinsta.com\/blog\/what-is-url-explained-learn-how-to-get-most-out-your-sites-url.<\/p>\n C’est tout simplement trop long, et ce n’est pas non plus id\u00e9al pour le partage ou le SEO.<\/p>\n Ainsi, \u00e0 des fins de r\u00e9f\u00e9rencement et de partage, vous pouvez d\u00e9finir un slug et un permalien personnalis\u00e9s pour chaque article et chaque page. (Vous aviez besoin d’une extension SEO pour cela, mais heureusement, il est maintenant inclus dans le c\u0153ur de WordPress).<\/p>\n Il suffit de d\u00e9velopper la section \u00ab Permaliens \u00bb dans la colonne lat\u00e9rale de droite lors de la cr\u00e9ation d’une page ou d’un article<\/p>\n Pour le SEO, vous voulez que le slug soit propre et court, sans mots de remplissage ou adjectifs inutiles. C’est pourquoi notre slug est \u00ab\u00a0 Pour en savoir plus sur l’optimisation de ces r\u00e9glages, consultez notre guide ultime des permaliens WordPress<\/a>.<\/p>\n Une URL<\/strong> est un lien qui m\u00e8ne \u00e0 n’importe quelle page web, fichier ou ressource sur Internet.<\/p>\n Mais lorsqu’il s’agit d’adresses web et de WordPress, le terme URL n’est pas le seul que nous utilisons. Vous avez peut-\u00eatre aussi entendu le mot permalien ou slug.<\/p>\n Un permalien<\/strong> est une URL qui agit comme un lien permanent vers un contenu sp\u00e9cifique de votre site WordPress. (Par exemple, https:\/\/kinsta.com\/blog\/what-is-a-url\/<\/strong> est le permalien vers cet article).<\/p>\n Un slug<\/strong> est la derni\u00e8re partie de l’URL apr\u00e8s le nom de domaine et le r\u00e9pertoire WordPress qui identifie une page sp\u00e9cifique : \n
https:\/\/kinsta.com\/blog\/what-is-a-url\/<\/code> est une URL, car elle sp\u00e9cifie le protocole HTTPS et l’emplacement complet de la page.<\/li>\nmailto:contact@kinsta.com<\/code> est \u00e9galement une URL due au protocole mailto mais utilis\u00e9e pour l’envoi d\u2019e-mail, et non pour acc\u00e9der \u00e0 une page web ou \u00e0 une autre ressource.<\/li>\nurn:isbn:12312341234<\/code> est une URN (Uniform Resource Name) qui ne sp\u00e9cifie qu’un nom sans possibilit\u00e9 d’acc\u00e8s \u00e0 la ressource.<\/li>\n<\/ul>\nQu’est-ce qu’un exemple d’URL ?<\/h2>\n
![\"Barre](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/kinsta-url.png\")
https:\/\/kinsta.com\/blog\/what-is-a-url\/<\/code>. (Votre navigateur peut masquer le HTTPS jusqu’\u00e0 ce que vous double-cliquiez sur le champ).<\/p>\nAnatomie d’une URL (6 parties mobiles diff\u00e9rentes)<\/h2>\n
\n
Le protocole HTTPS\/HTTP<\/h2>\n
![\"Le](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/01\/url-protocol.png\")
![\"Une](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/your-connection-is-not-secure.jpg\")
Le nom de domaine et le DNS<\/h2>\n
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/url-domain.png\")
Le chemin<\/h2>\n
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/url-path.png\")
![\"Structure](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/sftp-folder.jpg\")
https:\/\/kinsta.com\/blog\/what-is-a-url\/<\/code> m\u00e8ne \u00e0 cette page, m\u00eame si nous n’avons pas de r\u00e9pertoire appel\u00e9 blog ou de fichier nomm\u00e9 what-is-a-url sur notre serveur.<\/p>\nCha\u00eenes et variables de requ\u00eate<\/h2>\n
![\"Variables](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/url-query-variable.png\")
http:\/\/yoursite.com\/?p=1294<\/strong><\/code>. Vous devrez sp\u00e9cifier directement l’ID de l\u2019article \u00e0 WordPress pour obtenir la page que vous souhaitez.<\/p>\nhttps:\/\/www.youtube.com\/watch?v=YxR85tY46BE<\/code>.<\/p>\nParam\u00e8tres UTM<\/h2>\n
![\"Param\u00e8tres](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/url-utm-tag.png\")
Ancres<\/h2>\n
![\"La](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/url-anchor.png\")
<h2 id=\u201dthe-anatomy-of-a-url\u201d>The Anatomy of a URL <\/h2><\/code><\/pre>\n![\"Lien](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/gutenberg-anchor-settings.png\")
![\"Le](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/html-source-anchor.png\")
WWW ou non-WWW<\/h2>\n
Permaliens WordPress<\/h2>\n
https:\/\/kinsta.com\/?p=1294<\/code>. C’est ce qu’\u00e9tait le premier permalien de WordPress.<\/p>\n![\"R\u00e9glages](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/wordpress-permalink-settings.jpg\")
yoursite.com\/?p=123<\/code>.<\/p>\nModifier les permaliens lors de la cr\u00e9ation de nouveaux articles et de nouvelles pages<\/h2>\n
![\"Modifier](\"https:\/\/kinsta.com\/wp-content\/uploads\/2021\/02\/gutenberg-permalink-settings.jpg\")
what-is-a-url<\/code>\u00a0\u00bb, et non \u00ab\u00a0what-is-a-url-in-depth-explanation-learn-to-get-the-most-out of-your-sites-url<\/code>\u00a0\u00bb.<\/p>\nURL vs. slug vs. permalien<\/h2>\n
what-is-a-url<\/code>. Les slugs doivent \u00eatre courts, lisibles et indiquer clairement le contenu de la page ou de l’article.<\/p>\n
![\"Ajouter](\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2021\/02\/mykinsta-add-301-redirect.png\")