{"id":38099,"date":"2020-04-06T04:00:11","date_gmt":"2020-04-06T11:00:11","guid":{"rendered":"https:\/\/kinsta.com\/?p=66857&#038;preview=true&#038;preview_id=66857"},"modified":"2024-01-23T09:13:54","modified_gmt":"2024-01-23T08:13:54","slug":"navigation-site-web","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/","title":{"rendered":"Comment am\u00e9liorer la navigation sur les sites web (avec des exemples et des raisons pour le faire)"},"content":{"rendered":"<p>La navigation sur les sites web est une chose que beaucoup cr\u00e9ent apr\u00e8s coup, apr\u00e8s avoir r\u00e9fl\u00e9chi aux pages et au contenu. Dans une enqu\u00eate r\u00e9cente, seuls 50 % des internautes ont pu pr\u00e9dire o\u00f9 le contenu pertinent serait bas\u00e9 sur la structure de navigation standard d&rsquo;un site web.<\/p>\n<figure style=\"width: 955px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/ou-trouver-responses-questions-specifiques.png\" alt=\"O\u00f9 trouver des r\u00e9ponses \u00e0 des questions sp\u00e9cifiques\" width=\"955\" height=\"377\"><figcaption class=\"wp-caption-text\">O\u00f9 trouver des r\u00e9ponses \u00e0 des questions sp\u00e9cifiques<\/figcaption><\/figure>\n<p>Si la moiti\u00e9 de vos visiteurs ne trouvent pas la page qu&rsquo;ils recherchent, c&rsquo;est \u00e9norme probl\u00e8me d&rsquo;UX.<\/p>\n<p>Il en r\u00e9sultera des <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-reduire-le-taux-de-rebond\/\">taux de rebond<\/a> plus \u00e9lev\u00e9s, un temps de pr\u00e9sence sur site plus court et des <a href=\"https:\/\/kinsta.com\/fr\/blog\/conseils-optimisation-taux-conversion\/\">taux de conversion plus faibles<\/a>.<\/p>\n<p>Si vous <a href=\"https:\/\/kinsta.com\/fr\/blog\/tutoriel-woocommerce\/\">g\u00e9rez une boutique de commerce \u00e9lectronique<\/a>, une mauvaise navigation peut \u00e9galement avoir un impact n\u00e9gatif sur vos r\u00e9sultats et vos revenus.<\/p>\n<p>Dans cet article, je couvre de A \u00e0 Z la navigation sur les sites web. Cela signifie que vous apprendrez les meilleures pratiques, les diff\u00e9rents types de navigation et ce que vous devez faire pr\u00e9cis\u00e9ment pour cr\u00e9er la navigation parfaite pour votre site.<\/p>\n<p>Commen\u00e7ons !<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Qu&rsquo;est-ce que la navigation sur un site web ?<\/h2>\n<p>La navigation sur un site web est le processus qui consiste \u00e0 naviguer sur les pages, les applications et les sites web sur Internet. La technologie sous-jacente est appel\u00e9e hypertexte ou hyperm\u00e9dia.<\/p>\n<p>Les hypertextes ou m\u00e9dias sont des pages web textuelles qui utilisent des hyperliens pour les relier \u00e0 d&rsquo;autres pages sur Internet. Un <a href=\"https:\/\/techterms.com\/definition\/hyperlink\">hyperlien<\/a> est un lien qui conduit votre navigateur web \u00e0 une URL.<\/p>\n<p>L&rsquo;URL indique \u00e0 quel fichier le navigateur doit acc\u00e9der depuis le serveur et il t\u00e9l\u00e9charge et affiche les donn\u00e9es de mani\u00e8re \u00e0 ce que l&rsquo;utilisateur puisse les voir.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/sitelinks-google\/#6-build-internal-links\">Des liens internes<\/a> m\u00e8nent \u00e0 diff\u00e9rentes pages sur le m\u00eame domaine. Les liens externes m\u00e8nent \u00e0 des pages diff\u00e9rentes sur un autre <a href=\"https:\/\/kinsta.com\/fr\/blog\/combien-coute-un-nom-de-domaine\/\">domaine<\/a>, un site web et un serveur compl\u00e8tement s\u00e9par\u00e9s.<\/p>\n<p>La navigation sur le site web utilise des menus avec des liens internes qui permettent aux visiteurs de trouver facilement la page qu&rsquo;ils recherchent. Une bonne navigation est un \u00e9l\u00e9ment essentiel d&rsquo;un site convivial.<\/p>\n<h3>Qu&rsquo;est-ce qu&rsquo;un menu de navigation de site web ?<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-pratiques-design-web\/#navigational-menu\">Le menu de navigation d\u2019un site web<\/a> est un ensemble de liens, g\u00e9n\u00e9ralement vers des pages internes, qui est organis\u00e9 en menu. La plupart des sites web, y compris le n\u00f4tre, disposent d&rsquo;un menu tout en haut de leur site.<\/p>\n<figure style=\"width: 1200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/menu-kinsta-fr.png\" alt=\"Menu d'en-t\u00eate Kinsta\" width=\"1200\" height=\"91\"><figcaption class=\"wp-caption-text\">Menu d&rsquo;en-t\u00eate Kinsta<\/figcaption><\/figure>\n<p>Cette section est appel\u00e9e \u00ab\u00a0l&rsquo;en-t\u00eate\u00a0\u00bb d&rsquo;un site web en mati\u00e8re de design et de d\u00e9veloppement de sites web. Parmi les pages les plus courantes auxquelles ces menus renvoient, on trouve<\/p>\n<ul>\n<li>\u00c0 propos de nous.<\/li>\n<li>Blog.<\/li>\n<li>Contact.<\/li>\n<li>Caract\u00e9ristiques.<\/li>\n<li>Plans \/ Tarifs.<\/li>\n<\/ul>\n<p>Le menu peut, bien entendu, inclure des liens vers d&rsquo;autres pages.<\/p>\n<h3>Quelle est la structure de navigation d&rsquo;un site web ?<\/h3>\n<p>La structure de navigation d&rsquo;un site web d\u00e9crit comment les diff\u00e9rentes pages de votre site sont organis\u00e9es et reli\u00e9es entre elles.<\/p>\n<p>Par exemple, certaines pages et certains contenus ne peuvent \u00eatre atteints qu&rsquo;en visitant une page sp\u00e9cifique. Les <a href=\"https:\/\/kinsta.com\/fr\/blog\/engager-developpeur-wordpress\/\">concepteurs et les d\u00e9veloppeurs web<\/a> planifient souvent la structure de navigation lorsqu&rsquo;ils cr\u00e9ent un nouveau site web.<\/p>\n<figure style=\"width: 992px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/02\/structure-navigation-site-web.jpg\" alt=\"Structure de navigation du site web\" width=\"992\" height=\"336\"><figcaption class=\"wp-caption-text\">Structure de navigation du site web<\/figcaption><\/figure>\n<p>Dans cet exemple, les pages <strong>\u00c0 propos<\/strong>, <strong>Plans<\/strong>, <strong>Contact<\/strong> et <strong>Blog<\/strong> sont accessibles \u00e0 partir du menu d&rsquo;accueil. Pour acc\u00e9der aux pages <strong>Mission<\/strong> et <strong>\u00c9quipe<\/strong>, vous devez d&rsquo;abord visiter la page <strong>\u00c0 propos<\/strong>.<\/p>\n<h3>Pourquoi la navigation est-elle importante sur un site web ?<\/h3>\n<p>Dans l&rsquo;introduction de cet article, vous avez appris que 50 % des internautes ne sont pas capables d&rsquo;utiliser correctement un menu standard. Imaginez le nombre de personnes qui <a href=\"https:\/\/kinsta.com\/fr\/sujets\/strategie-contenu\/\">trouveraient le bon contenu<\/a> sans aucune navigation.<\/p>\n<p>Avec une bonne approche de la navigation et des menus, vous pouvez ramener le pourcentage bien en dessous de 50 %. Cela r\u00e9duira vos taux de rebond, augmentera votre temps moyen sur le site et entra\u00eenera une augmentation du <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-diriger-trafic-sur-votre-site\/\">trafic<\/a>, des prospects et des clients.<\/p>\n\n<h2>Types de navigation sur le web<\/h2>\n<p>Il existe trois principaux types de navigation sur les sites web. Les voici :<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<p>Lorsqu&rsquo;ils sont combin\u00e9s correctement, ils aident vos visiteurs \u00e0 naviguer sur votre site web et \u00e0 trouver leur destination sans probl\u00e8me. Examinons chacun d&rsquo;entre eux de plus pr\u00e8s.<\/p>\n<h3>1. Navigation globale du site web<\/h3>\n<p>Gr\u00e2ce \u00e0 la navigation globale du site, le menu et les liens sont identiques sur toutes les pages du site. De nombreux menus modernes sont con\u00e7us de cette mani\u00e8re, y compris le menu de notre propre site ici chez Kinsta : si vous faites d\u00e9filer la page, le menu \u00ab\u00a0suit\u00a0\u00bb.<\/p>\n<figure style=\"width: 1282px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/menu-global-tete-kinsta.png\" alt=\"Menu global de l'en-t\u00eate Kinsta\" width=\"1282\" height=\"750\"><figcaption class=\"wp-caption-text\">Menu global de l&rsquo;en-t\u00eate Kinsta<\/figcaption><\/figure>\n<p>Dans la capture d&rsquo;\u00e9cran, vous pouvez voir notre menu d&rsquo;en-t\u00eate simple et facile \u00e0 comprendre. Il est le m\u00eame sur toutes nos pages et m\u00e8ne \u00e0 certaines de nos pages et contenus les plus importants.<\/p>\n<p>Nous connaissons les informations cruciales qu&rsquo;un client potentiel souhaite conna\u00eetre sur une entreprise d&rsquo;h\u00e9bergement avant de prendre une d\u00e9cision. C&rsquo;est pourquoi nous avons fait en sorte qu&rsquo;il soit facile pour les clients potentiels de trouver nos plans, nos fonctionnalit\u00e9s et de nous contacter. Et, pour les utilisateurs existants, nous avons l&rsquo;option de connexion qui leur permet de se connecter \u00e0 leur <a href=\"https:\/\/kinsta.com\/fr\/mykinsta\/\">tableau de bord MyKinsta<\/a>.<\/p>\n<p>Notre menu de pied de page est \u00e9galement global et met en \u00e9vidence les sections essentielles de notre site web et certains contenus mis en avant.<\/p>\n<figure style=\"width: 1184px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/menu-pied-page.png\" alt=\"Menu de pied de page\" width=\"1184\" height=\"729\"><figcaption class=\"wp-caption-text\">Menu de pied de page<\/figcaption><\/figure>\n<p>Les menus globaux sont la norme pour la <a href=\"https:\/\/kinsta.com\/fr\/part-de-marche-de-wordpress\/\">plupart des solutions CMS pr\u00eates \u00e0 l&#8217;emploi<\/a>.<\/p>\n<p>Chaque th\u00e8me WordPress vous permet de proposer diff\u00e9rents types et zones pour les menus de navigation. Si vous en avez besoin de plus, vous pouvez utiliser une <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-menu-wordpress\/\">extension de menu<\/a> pour avoir plus d&rsquo;options disponibles.<\/p>\n<h3>2. Navigation hi\u00e9rarchique de site web<\/h3>\n<p>La navigation hi\u00e9rarchique signifie que les menus changent en fonction du contexte de chaque page.<\/p>\n<p>La plupart des journaux et des sites web purement ax\u00e9s sur le contenu disposent d&rsquo;une navigation hi\u00e9rarchique. Par exemple, si vous visitez la page d&rsquo;accueil d&rsquo;un journal, vous verrez g\u00e9n\u00e9ralement des liens vers les principales cat\u00e9gories de nouvelles dans le menu d&rsquo;en-t\u00eate.<\/p>\n<figure style=\"width: 1309px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/exemple-navigation-hierarchique-nyt.png\" alt=\"Exemple de navigation hi\u00e9rarchique depuis le NYT\" width=\"1309\" height=\"210\"><figcaption class=\"wp-caption-text\">Exemple de navigation hi\u00e9rarchique depuis le NYT<\/figcaption><\/figure>\n<p>Si le menu \u00e9tait global, il resterait le m\u00eame apr\u00e8s avoir cliqu\u00e9 sur une cat\u00e9gorie diff\u00e9rente. Mais comme il est hi\u00e9rarchique, il r\u00e9v\u00e8le de nouveaux liens qui m\u00e8nent \u00e0 des sous-cat\u00e9gories de la page de cat\u00e9gorie que nous visitons.<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/exemple-navigation-hierarchique.png\" alt=\"Exemple de navigation hi\u00e9rarchique\" width=\"1820\" height=\"496\"><figcaption class=\"wp-caption-text\">Exemple de navigation hi\u00e9rarchique<\/figcaption><\/figure>\n<p>Sur la page <strong>Science<\/strong> du New York Times, vous ne voyez pas du tout le menu de premier niveau. Au lieu de cela, vous voyez des liens vers diff\u00e9rentes sous-sections de la recherche et des articles scientifiques.<\/p>\n<p>C&rsquo;est ce changement qui distingue ce menu d&rsquo;un menu global ordinaire que l&rsquo;on trouve sur la plupart des petits sites.<\/p>\n<h3>3. Navigation locale sur le site web<\/h3>\n<p>Contrairement \u00e0 la navigation hi\u00e9rarchique ou globale, la navigation locale sur un site web fait r\u00e9f\u00e9rence \u00e0 des liens internes qui sont inclus dans le contenu lui-m\u00eame. En g\u00e9n\u00e9ral, l&rsquo;utilisateur se voit proposer des options au m\u00eame niveau de la hi\u00e9rarchie ou \u00e0 un niveau plus profond, ou des liens pour naviguer vers d&rsquo;autres pages pertinentes.<\/p>\n<p>Les sites web de magazines en sont un bon exemple. Ils utilisent souvent des liens pour aider les lecteurs \u00e0 explorer le contexte plus profond d&rsquo;un certain article. S&rsquo;ils mentionnent un incident qu&rsquo;ils ont couvert dans le pass\u00e9, ils \u00e9tabliront un lien vers cet article, au lieu de l&rsquo;expliquer en profondeur.<\/p>\n<figure style=\"width: 980px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/exemple-contenu-similaire-page.png\" alt=\"Exemple de contenu similaire li\u00e9 sur une page\" width=\"980\" height=\"908\"><figcaption class=\"wp-caption-text\">Exemple de contenu similaire li\u00e9 sur une page<\/figcaption><\/figure>\n<p>Mais elle n&rsquo;est pas r\u00e9serv\u00e9e aux seuls magazines et sites d&rsquo;information. Les <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-ecommerce-wordpress\/\">boutiques de commerce \u00e9lectronique<\/a>\u00a0s\u2019appuient fortement sur ce type de menu de navigation pour pr\u00e9senter les produits de la m\u00eame cat\u00e9gorie.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/exemple-navigation-locale-commerce-electronique.png\" alt=\"Exemple de navigation locale dans le commerce \u00e9lectronique\" width=\"1500\" height=\"576\"><figcaption class=\"wp-caption-text\">Exemple de navigation locale dans le commerce \u00e9lectronique<\/figcaption><\/figure>\n<p>Les liens internes sont \u00e9galement un aspect crucial du <a href=\"https:\/\/kinsta.com\/fr\/blog\/que-veut-dire-referencement-seo\/\">r\u00e9f\u00e9rencement<\/a> en g\u00e9n\u00e9ral, et plus particuli\u00e8rement du <a href=\"https:\/\/kinsta.com\/fr\/blog\/seo-wordpress\/\">r\u00e9f\u00e9rencement WordPress<\/a>, et c&rsquo;est donc d\u00e9sormais une pratique courante pour toute personne qui g\u00e8re un site web.<\/p>\n<h2>Exemples de navigation sur un site web<\/h2>\n<p>Plut\u00f4t que de papillonner sur la th\u00e9orie, plongeons dans quelques exemples. Je parlerai d&rsquo;un site d&rsquo;information et du <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty\/\">th\u00e8me WordPress Twenty Twenty<\/a>.<\/p>\n<h3>Site d&rsquo;information : New York Times<\/h3>\n<figure style=\"width: 1267px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/menu-page-accueil-nyt.png\" alt=\"Menu de la page d'accueil du NYT\" width=\"1267\" height=\"223\"><figcaption class=\"wp-caption-text\">Menu de la page d&rsquo;accueil du NYT<\/figcaption><\/figure>\n<p>Au premier coup d&rsquo;\u0153il, on pourrait croire que le New York Times utilise principalement un menu d&rsquo;en-t\u00eate unique et global de ses cat\u00e9gories.<\/p>\n<p>Mais cela ne s&rsquo;arr\u00eate pas l\u00e0. Le NYT utilise tous les types de navigation dans ses centaines de pages de cat\u00e9gories et ses millions d&rsquo;articles.<\/p>\n<p><strong>Types de navigation utilis\u00e9s :<br \/>\n<\/strong><\/p>\n<ul>\n<li>Hi\u00e9rarchique.<\/li>\n<li>Globale.<\/li>\n<li>Locale.<\/li>\n<\/ul>\n<p>Examinons les diff\u00e9rents modes de navigation dans l&rsquo;en-t\u00eate de chaque page.<\/p>\n<h4>Page d&rsquo;accueil<\/h4>\n<p>Dans la section d&rsquo;en-t\u00eate de son site web, il comprend deux menus, un menu global extensible au-dessus du logo et un menu hi\u00e9rarchique en dessous de l&rsquo;en-t\u00eate. En gros, c&rsquo;est comme une configuration de menu d&rsquo;en-t\u00eate et de sous-en-t\u00eate.<\/p>\n<figure style=\"width: 1569px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/page-accueil-nyt-menus-tete.png\" alt=\"Page d'accueil NYT - menus d'en-t\u00eate\" width=\"1569\" height=\"772\"><figcaption class=\"wp-caption-text\">Page d&rsquo;accueil NYT &#8211; menus d&rsquo;en-t\u00eate<\/figcaption><\/figure>\n<p>Si vous d\u00e9veloppez le menu hamburger d\u2019en-t\u00eate, il se transforme en une colonne lat\u00e9rale sur la gauche, o\u00f9 il y a une grande marge avec la plupart des r\u00e9solutions modernes.<\/p>\n<p>Il ne s&rsquo;efface pas et n&rsquo;utilise pas de superposition pour masquer le contenu du site.<\/p>\n<h4>Page d&rsquo;accueil (mobile)<\/h4>\n<p>Examinons la m\u00eame section d&rsquo;en-t\u00eate sur mobile. La majorit\u00e9 des internautes acc\u00e8dent \u00e0 des sites d&rsquo;information par le biais de leur smartphone, l&rsquo;exp\u00e9rience mobile est donc peut-\u00eatre plus importante que celle d\u2019ordinateur de bureau.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/page-accueil-nyt-mobile.png\" alt=\"Page d'accueil NYT - mobile\" width=\"375\" height=\"100\"><figcaption class=\"wp-caption-text\">Page d&rsquo;accueil NYT &#8211; mobile<\/figcaption><\/figure>\n<p>Le menu de sous-en-t\u00eate de la cat\u00e9gorie d&rsquo;actualit\u00e9s ne fait pas partie de la page d&rsquo;accueil sur le mobile. Au lieu de cela, vous n&rsquo;avez que l&rsquo;option extensible disponible.<\/p>\n<p>Lorsqu&rsquo;il est d\u00e9velopp\u00e9, il devient un menu plein \u00e9cran et couvre enti\u00e8rement tout le contenu de la page d&rsquo;accueil.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/menu-elargi-page-accueil-nyt-mobile.png\" alt=\"Menu \u00e9largi - page d'accueil NYT (mobile)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Menu \u00e9largi &#8211; page d&rsquo;accueil NYT (mobile)<\/figcaption><\/figure>\n<p>Il comprend toutes les options du menu principal sur les ordinateurs de bureau et les liens sont soigneusement organis\u00e9s par cat\u00e9gorie.<\/p>\n<h4>Page de cat\u00e9gorie<\/h4>\n<p>Sur la page des cat\u00e9gories, sous le menu hamburger, vous trouverez un lien vers un autre sous-ensemble de <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-qu-une-taxonomie\/\">cat\u00e9gories<\/a>.<\/p>\n<figure style=\"width: 1006px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/page-scientifique-nyt-menu-principal.png\" alt=\"Page scientifique du NYT - menu principal\" width=\"1006\" height=\"729\"><figcaption class=\"wp-caption-text\">Page scientifique du NYT &#8211; menu principal<\/figcaption><\/figure>\n<p>Cela permet aux personnes qui ne s&rsquo;int\u00e9ressent qu&rsquo;\u00e0 un domaine sp\u00e9cifique dans le cadre d&rsquo;un sujet plus large de trouver plus facilement des articles qui pourraient correspondre \u00e0 leurs int\u00e9r\u00eats.<\/p>\n<h4>Page de cat\u00e9gorie (Mobile)<\/h4>\n<p>Sur mobile, ces pages de cat\u00e9gories comprennent le m\u00eame menu et la m\u00eame structure d&rsquo;en-t\u00eate en hamburger que la version d\u2019ordinateur de bureau. Le menu secondaire de l&rsquo;en-t\u00eate n&rsquo;est pas du tout masqu\u00e9 pour faciliter la navigation et la d\u00e9couverte du contenu.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/page-scientifique-nyt-menu-principal-mobile.png\" alt=\"Page scientifique du NYT - menu principal (mobile)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Page scientifique du NYT &#8211; menu principal (mobile)<\/figcaption><\/figure>\n<p>Une autre raison pourrait \u00eatre que de nombreuses exp\u00e9riences mobiles commencent par une recherche ou des r\u00e9seaux sociaux, plut\u00f4t que de visiter directement la page d&rsquo;accueil du NYT.<\/p>\n<h4>Article individuel<\/h4>\n<p>Pour les articles individuels, l&rsquo;en-t\u00eate flottant indique la section dans laquelle vous vous trouvez actuellement, mais il ne comporte que le menu global extensible (avec la bo\u00eete de recherche).<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/article-nyt-menu-tete.png\" alt=\"Article du NYT - menu d'en-t\u00eate\" width=\"1820\" height=\"508\"><figcaption class=\"wp-caption-text\">Article du NYT &#8211; menu d&rsquo;en-t\u00eate<\/figcaption><\/figure>\n<h4>Article individuel (Mobile)<\/h4>\n<p>Sur mobile, la navigation est propre car le seul menu est celui en hamburger de l&rsquo;en-t\u00eate.<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/article-nyt-menu-tete-mobile.png\" alt=\"Article du NYT - menu d'en-t\u00eate (mobile)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Article du NYT &#8211; menu d&rsquo;en-t\u00eate (mobile)<\/figcaption><\/figure>\n<h4>Pied de page<\/h4>\n<p>Le menu de pied de page NYT est le m\u00eame sur la page d&rsquo;accueil, les pages de cat\u00e9gories et les articles individuels.<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/article-nyt-menu-pied-page.png\" alt=\"Article du NYT - menu de pied de page\" width=\"1820\" height=\"1025\"><figcaption class=\"wp-caption-text\">Article du NYT &#8211; menu de pied de page<\/figcaption><\/figure>\n<h4>Pied de page (mobile)<\/h4>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/article-nyt-menu-pied-page-mobile.png\" alt=\"Article du NYT - menu du pied de page (mobile)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Article du NYT &#8211; menu du pied de page (mobile)<\/figcaption><\/figure>\n<p>Sur mobile, le menu de bas de page n&rsquo;affiche que cinq \u00e9l\u00e9ments de menu, qui se d\u00e9veloppent tous en sous-sections une fois cliqu\u00e9s.<\/p>\n<p>Par exemple, si vous cliquez sur la section <strong>Arts<\/strong>, vous pourrez parcourir ces sous-sections :<\/p>\n<figure style=\"width: 375px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/article-nyt-menu-pied-page-elargi-mobile.png\" alt=\"Article du NYT - menu de pied de page \u00e9largi (mobile)\" width=\"375\" height=\"747\"><figcaption class=\"wp-caption-text\">Article du NYT &#8211; menu de pied de page \u00e9largi (mobile)<\/figcaption><\/figure>\n<p>Comme le site web utilise <a href=\"https:\/\/kinsta.com\/fr\/blog\/defer-parsing-of-javascript\/\">JavaScript<\/a> pour charger dynamiquement plus de contenu lorsque vous faites d\u00e9filer la page, il peut sembler que le pied de page n&rsquo;existe pas du tout.<\/p>\n<p>C&rsquo;est une astuce qui peut aider \u00e0 gagner du temps sur le site et \u00e0 inciter les lecteurs \u00e0 lire plus d&rsquo;articles, mais elle rend la navigation sur le site un peu plus difficile.<\/p>\n<h4>Mise en page du contenu<\/h4>\n<p>Certains pourraient arguer que le principal outil de navigation utilis\u00e9 par les journaux et les blogs en ligne n&rsquo;est pas seulement le menu. C&rsquo;est la mise en page m\u00eame du journal qui constitue l&rsquo;\u00e9pine dorsale de la navigation pour le NYT et d&rsquo;autres sites similaires.<\/p>\n<figure style=\"width: 1820px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/03\/page-accueil-nyt.png\" alt=\"Page d'accueil du NYT\" width=\"1820\" height=\"1025\"><figcaption class=\"wp-caption-text\">Page d&rsquo;accueil du NYT<\/figcaption><\/figure>\n<p>Tous les \u00e9l\u00e9ments mis en \u00e9vidence sont cliquables et m\u00e8nent \u00e0 diff\u00e9rentes pages internes du site du New York Times.<\/p>\n<p>La mise en page du contenu est un autre \u00e9l\u00e9ment cl\u00e9 de la navigation sur les sites web qu&rsquo;ils mettent en \u0153uvre sur leur page d&rsquo;accueil et leurs pages de cat\u00e9gories.<\/p>\n<h3>Le th\u00e8me WordPress Twenty Twenty<\/h3>\n<p>Une autre ann\u00e9e, un autre th\u00e8me WordPress par d\u00e9faut. Cette fois, c&rsquo;est <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-twenty-twenty\/\">Twenty Twenty<\/a>, nous allons plonger en profondeur et voir ce qui a chang\u00e9 dans la navigation.<\/p>\n<p>Je vais examiner s&rsquo;il y a quelque chose de diff\u00e9rent dans la fa\u00e7on dont les d\u00e9veloppeurs ont d\u00e9cid\u00e9 d&rsquo;aborder les menus et les liens internes avec cette nouvelle instance de WordPress.<\/p>\n<h4>Menu d&rsquo;en-t\u00eate<\/h4>\n<p>Comme tout <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-wordpress-plus-rapide\/\">th\u00e8me WordPress<\/a> standard, la nouvelle version officielle comporte un menu sans fioritures dans la section d&rsquo;en-t\u00eate. Vous pouvez s\u00e9lectionner diff\u00e9rents emplacements d&rsquo;affichage et voici \u00e0 quoi ressemble l&rsquo;option <strong>Menu horizontal grand \u00e9crans<\/strong> :<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/exemple-menu-tete-theme-twenty-twenty.png\" alt=\"Exemple de menu d'en-t\u00eate dans le th\u00e8me Twenty Twenty\" width=\"1920\" height=\"1017\"><figcaption class=\"wp-caption-text\">Exemple de menu d&rsquo;en-t\u00eate dans le th\u00e8me Twenty Twenty<\/figcaption><\/figure>\n<p>D&rsquo;autre part, l&rsquo;option <strong>Menu \u00e9tendu grands \u00e9crans<\/strong> ajoutera la possibilit\u00e9 de d\u00e9velopper les liens de votre menu dans une barre justifi\u00e9e en haut \u00e0 droite.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/exemple-menu-tete-elargi-theme-twenty.png\" alt=\"Exemple de menu d'en-t\u00eate \u00e9largi dans le th\u00e8me Twenty Twenty\" width=\"1920\" height=\"1016\"><figcaption class=\"wp-caption-text\">Exemple de menu d&rsquo;en-t\u00eate \u00e9largi dans le th\u00e8me Twenty Twenty<\/figcaption><\/figure>\n<p>La zone de contenu principale est teint\u00e9e d&rsquo;un gris fonc\u00e9, ce qui permet \u00e0 l&rsquo;utilisateur de se concentrer sur le menu des liens.<\/p>\n<h4>Pied de page<\/h4>\n<figure style=\"width: 1224px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/exemple-menu-pied-page-theme-twenty-twenty.png\" alt=\"Exemple de menu de pied de page dans le th\u00e8me Twenty Twenty\" width=\"1224\" height=\"122\"><figcaption class=\"wp-caption-text\">Exemple de menu de pied de page dans le th\u00e8me Twenty Twenty<\/figcaption><\/figure>\n<p>Dans le pied de page, il n&rsquo;y a pas de liens pour la navigation interne, \u00e0 l&rsquo;exception d&rsquo;un simple lien \u00ab\u00a0Haut de page\u00a0\u00bb qui vous ram\u00e8ne en haut de la page.<\/p>\n<h2>Qu&rsquo;est-ce qui fait une bonne navigation sur un site web ?<\/h2>\n<p>Une bonne navigation sur un site web est toujours con\u00e7ue en pensant \u00e0 l&rsquo;utilisateur. Elle utilise un langage clair et facile \u00e0 comprendre, et des liens vers les pages les plus importantes.<\/p>\n<p>Elle utilise un grand espace blanc, des changements de couleur ou d&rsquo;autres techniques de conception pour se s\u00e9parer clairement du contenu principal. De plus, elle est plus facile \u00e0 lire et \u00e0 utiliser sur tous les appareils (mobiles et de bureau).<\/p>\n<p>La navigation ax\u00e9e sur l&rsquo;utilisateur signifie \u00e9galement qu&rsquo;elle est contextuelle. Elle prend en consid\u00e9ration l&rsquo;exp\u00e9rience et les attentes de l&rsquo;utilisateur. C&rsquo;est peut-\u00eatre la raison pour laquelle les journaux en ligne ne peuvent toujours pas s&rsquo;affranchir de leur design \u00ab\u00a0surcharg\u00e9\u00a0\u00bb.<\/p>\n<p>Dans le contexte de la lecture d&rsquo;un journal, c&rsquo;est ce qu&rsquo;attendent leurs utilisateurs et clients potentiels, ce qui inclut leurs menus tr\u00e8s complets de cat\u00e9gories et sous-cat\u00e9gories.<\/p>\n<p>Dans la prochaine section, je traiterai des bases de la cr\u00e9ation d&rsquo;une bonne navigation pour votre site.<\/p>\n<h2>8 Principes pour l&rsquo;am\u00e9lioration de la navigation sur un site web<\/h2>\n<p>M\u00eame si vous \u00eates un d\u00e9butant, vous serez en mesure de bien naviguer sur votre site web en suivant les conseils ci-dessous.<\/p>\n<h3>1. Fa\u00eetes un plan de la structure de votre page et la navigation<\/h3>\n<p>Avant m\u00eame de commencer \u00e0 <a href=\"https:\/\/kinsta.com\/fr\/blog\/contenu-evergreen\/\">r\u00e9diger le contenu de votre site web,<\/a> fa\u00eetes un plan de la structure de vos pages et la navigation.<\/p>\n<p>Le plan est une partie essentielle du processus visant \u00e0 fournir \u00e0 vos visiteurs une navigation satisfaisante. Vous pouvez utiliser un cr\u00e9ateur de plan de site pour vous aider \u00e0 cr\u00e9er rapidement des maquettes de ce que vous voulez que votre site web soit.<\/p>\n<p><a href=\"https:\/\/www.gloomaps.com\/\">GlooMaps<\/a> est un bon exemple d&rsquo;outil de plan de site.<\/p>\n<figure style=\"width: 1920px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/gloomaps-fr.png\" alt=\"GlooMaps\" width=\"1920\" height=\"1049\"><figcaption class=\"wp-caption-text\">GlooMaps<\/figcaption><\/figure>\n<p>Vous pouvez cr\u00e9er gratuitement autant de documents que vous le souhaitez. Chacun d&rsquo;entre eux aura une URL unique que vous pourrez ensuite partager pour recueillir des ressentis et permettre aux autres de le modifier. Une fois cr\u00e9\u00e9e, votre URL sera disponible pendant 14 jours, \u00e0 moins qu&rsquo;elle ne soit revisit\u00e9e. Chaque nouvelle visite prolonge la dur\u00e9e de vie du lien de 14 jours suppl\u00e9mentaires.<\/p>\n<p>GlooMaps n&rsquo;est pas le seul outil que vous pourriez utiliser, il en existe bien d&rsquo;autres comme <a href=\"https:\/\/octopus.do\/\">Octopus<\/a>, <a href=\"https:\/\/visualsitemaps.com\/\">VisualSitemaps<\/a>, <a href=\"https:\/\/creately.com\/lp\/website-sitemap-creator-online\/\">Creately,<\/a> pour n&rsquo;en citer que quelques-uns.<\/p>\n<h3>2. Suivre les normes \u00e9tablies<\/h3>\n<p>N&rsquo;essayez pas de r\u00e9inventer la roue. La navigation sur les sites web est plus une question de convivialit\u00e9 que de cr\u00e9ativit\u00e9.<\/p>\n<p>Pour les \u00e9l\u00e9ments de design essentiels, comme l&#8217;emplacement de votre menu et la fa\u00e7on d&rsquo;indiquer qu&rsquo;il est extensible, suivez les <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-pratiques-design-web\/\">normes connues<\/a>.<\/p>\n<p>Trois bandes horizontales, ou <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-pratiques-design-web\/#hamburger-menu\">le signe \u00ab\u00a0hamburger\u00a0\u00bb \u2630<\/a>, est l&rsquo;une des ic\u00f4nes les plus reconnaissables pour identifier un menu extensible. L&rsquo;autre est constitu\u00e9 des trois points cr\u00e9ant une ligne horizontale.<\/p>\n<p>Si vous essayez d&rsquo;\u00eatre cr\u00e9atif et de d\u00e9velopper une ic\u00f4ne personnalis\u00e9e, il y a de fortes chances que de nombreux visiteurs ne comprennent pas le but de votre design et aient du mal \u00e0 trouver votre menu.<\/p>\n<h3>3. Utilisez le vocabulaire de vos utilisateurs<\/h3>\n<p>Au lieu de vous contenter de cr\u00e9er des liens vers les m\u00eames vieilles pages, d&rsquo;utiliser le jargon standard du d\u00e9veloppement web ou de faire preuve de trop de cr\u00e9ativit\u00e9, utilisez un langage plus proche de ce que vos utilisateurs utilisent, recherchent et souhaitent.<\/p>\n<p>Cette approche est b\u00e9n\u00e9fique \u00e0 la fois pour le <a href=\"https:\/\/kinsta.com\/fr\/blog\/que-veut-dire-referencement-seo\/\">r\u00e9f\u00e9rencement<\/a> et l\u2019ergonomie. Cr\u00e9ez des pages qui refl\u00e8tent ce que vos utilisateurs recherchent en ligne.<\/p>\n<p>Vous pouvez ensuite cr\u00e9er des liens vers ces m\u00eames pages en <a href=\"https:\/\/kinsta.com\/fr\/blog\/recherche-mot-cle\/\">utilisant les m\u00eames mots et expressions qui aident les utilisateurs \u00e0 trouver votre site web<\/a> sur Google.<\/p>\n<h3>4. Utiliser des menus responsive<\/h3>\n<p>\u00c9tant donn\u00e9 que plus de <a href=\"https:\/\/www.broadbandsearch.net\/blog\/mobile-desktop-internet-usage-statistics\">52 % de l&rsquo;ensemble du trafic en ligne<\/a> est d\u00e9sormais mobile, une conception responsive et mobile est devenue une n\u00e9cessit\u00e9 absolue.<\/p>\n<p>Au lieu de menus qui continuent \u00e0 sortir du cadre du navigateur web mobile ou qui sont trop encombr\u00e9s, assurez-vous de mettre en place des menus mobiles extensibles.<\/p>\n<p>Ce n&rsquo;est pas pour rien que cela est devenu une norme industrielle. Les menus horizontaux avec du texte minuscule sont difficiles \u00e0 lire, \u00e0 cliquer et \u00e0 utiliser correctement sur un mobile.<\/p>\n<p>La bonne nouvelle est que tous les <a href=\"https:\/\/kinsta.com\/fr\/blog\/theme-wordpress-plus-rapide\/\">meilleurs th\u00e8mes WordPress<\/a> sont livr\u00e9s par d\u00e9faut avec un <a href=\"https:\/\/kinsta.com\/fr\/blog\/design-web-responsive\/\">design et des menus r\u00e9actifs<\/a>. \u00c0 moins que vous ne conceviez votre site WordPress \u00e0 partir de z\u00e9ro, WordPress vous couvre ici.<\/p>\n<h3>5. Tirez avantage de votre menu de pied de page<\/h3>\n<p>Les lecteurs qui continuent \u00e0 lire et \u00e0 faire d\u00e9filer votre site web sont plus engag\u00e9s que l&rsquo;utilisateur moyen. Profitez-en et utilisez l&rsquo;espace en bas de chaque page pour mettre en valeur les contenus de valeur.<\/p>\n<p>Comme le <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-pratiques-design-web\/#web-best-designformatting-practices\">pied de page n&rsquo;occupe pas l&rsquo;espace \u00ab\u00a0au-dessus du pli\u00a0\u00bb,<\/a> vous pouvez obtenir une structure granulaire et inclure plusieurs cat\u00e9gories, et m\u00eame mettre en \u00e9vidence des pages ou des articles essentiels.<\/p>\n<p>\u00c0 titre d&rsquo;exemple, regardez comment nous traitons notre pied de page sur cette m\u00eame page. Nous couvrons les pages essentielles, notre entreprise, la r\u00e9partition de nos ressources, et bien d&rsquo;autres choses encore.<\/p>\n<p>Le pied de page vous permet de mettre en \u00e9vidence le contenu que vous \u00ab\u00a0ne pouviez pas faire entrer\u00a0\u00bb dans votre en-t\u00eate.<\/p>\n<h3>6. Utiliser la couleur et l&rsquo;espace blanc pour s\u00e9parer la navigation des autres \u00e9l\u00e9ments<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-changer-polices-wordpress\/\">Utilisez la couleur, les polices et l&rsquo;espace blanc<\/a> pour s\u00e9parer vos menus de votre contenu principal et de vos colonnes lat\u00e9rales. Indiquez clairement o\u00f9 commence et o\u00f9 finit la navigation.<\/p>\n<p>Peu importe la langue utilis\u00e9e dans vos menus ou les pages auxquelles vous acc\u00e9dez si les visiteurs de votre site web ne trouvent m\u00eame pas le menu au d\u00e9part.<\/p>\n<h3>7. \u00c9viter les menus d\u00e9roulants<\/h3>\n<p>Pour la plupart des sites web (pas tous), les <a href=\"https:\/\/kinsta.com\/fr\/blog\/menu-deroulant-wordpress\/\">menus d\u00e9roulants<\/a> ne sont ni n\u00e9cessaires ni utiles. Lorsque les utilisateurs voient un lien dans un menu, on suppose qu&rsquo;il est cliquable. \u00c0 moins que la conception ne le s\u00e9pare des liens cliquables, cela peut entra\u00eener une confusion.<\/p>\n<p>Le fait d&rsquo;avoir trop de liens dans votre menu principal peut \u00e9galement avoir un impact n\u00e9gatif sur l\u2019ergonomie de votre site web.<\/p>\n<p>La mise en place d&rsquo;une navigation hi\u00e9rarchique et locale en lieu et place des menus d\u00e9roulants peut permettre un flux plus fluide des utilisateurs. Elle permet \u00e9galement aux utilisateurs d&rsquo;interagir avec plusieurs pages et de passer plus de temps sur votre site, au lieu de naviguer dans une liste g\u00e9ante de liens.<\/p>\n<h3>8. Aplatissez votre structure<\/h3>\n<p>Si vous voulez que les visiteurs puissent explorer toutes les pages de votre site web le plus facilement possible, maintenez une structure de navigation aussi plate que possible.<\/p>\n<p>Au lieu de cr\u00e9er des liens vers une poign\u00e9e de pages \u00e0 partir de votre page d&rsquo;accueil, puis de les d\u00e9velopper avec toujours plus de sous-pages et de cat\u00e9gories, gardez les choses simples.<\/p>\n<p>Assurez-vous de cr\u00e9er des liens vers des cat\u00e9gories importantes \u00e0 partir de votre page d&rsquo;accueil, et de cr\u00e9er des liens vers une seule couche de sous-cat\u00e9gories ou vers des pages d&rsquo;articles uniques \u00e0 partir de l\u00e0.<\/p>\n<figure style=\"width: 1461px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/02\/structure-plate-site-web.jpg\" alt=\"Structure plate de site web\" width=\"1461\" height=\"350\"><figcaption class=\"wp-caption-text\">Structure plate de site web<\/figcaption><\/figure>\n<p>Il est prouv\u00e9 que l&rsquo;<a href=\"https:\/\/searchengineland.com\/seo-benefits-developing-solid-site-structure-277456\">aplatissement de la structure<\/a> de cette mani\u00e8re a un effet positif sur le r\u00e9f\u00e9rencement et peut conduire \u00e0 des <a href=\"https:\/\/kinsta.com\/fr\/blog\/sitelinks-google\/\">sitelinks Google<\/a>. Ne laissez donc pas la structure de votre site web devenir trop d\u00e9sordonn\u00e9e !<\/p>\n<h2>Tendances 2026 de menu de navigation de site web<\/h2>\n<p>Bien que les grandes <a href=\"https:\/\/kinsta.com\/fr\/blog\/tendances-web-design\/\">tendances de ces derni\u00e8res ann\u00e9es en mati\u00e8re de design de sites web<\/a> comprennent des \u00e9l\u00e9ments de conception en 3D et l&rsquo;int\u00e9gration de photographies sur mesure dans des designs cr\u00e9atifs, les menus n&rsquo;ont pas connu une ann\u00e9e tr\u00e8s excitante.<\/p>\n<p>Mais cela ne signifie pas que rien n&rsquo;a chang\u00e9. Voici un aper\u00e7u de quelques-unes des tendances les plus importantes de ces derni\u00e8res ann\u00e9es.<\/p>\n<h3>Cat\u00e9gories extensibles dans les menus mobiles en plein \u00e9cran<\/h3>\n<figure style=\"width: 750px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/uber-menu-mobile-fr.jpeg\" alt=\"Uber - menu mobile\" width=\"750\" height=\"1187\"><figcaption class=\"wp-caption-text\">Uber &#8211; menu mobile<\/figcaption><\/figure>\n<p>Uber et d&rsquo;autres soci\u00e9t\u00e9s g\u00e9antes au design moderne et remani\u00e9 ont mis \u00e0 jour leurs menus pour qu&rsquo;ils soient plus faciles \u00e0 utiliser.<\/p>\n<p>Un probl\u00e8me pour ces entreprises est qu&rsquo;elles ont tellement de produits et de cat\u00e9gories diff\u00e9rents qu&rsquo;il peut \u00eatre impossible de les inclure dans un seul menu de mani\u00e8re raisonnable.<\/p>\n<p>Cela conduit \u00e0 des menus mobiles clairs, cat\u00e9goris\u00e9s et extensibles, au lieu d&rsquo;une simple liste interminable de liens.<\/p>\n<h3>Menus d\u2019en-t\u00eate flottants<\/h3>\n<p>La tendance universelle des menus de ces derni\u00e8res ann\u00e9es est peut-\u00eatre le menu d\u2019en-t\u00eate flottant.<\/p>\n<p>Un menu d\u2019en-t\u00eate flottant est un menu qui se colle en haut de la fen\u00eatre de votre navigateur web lorsque vous faites d\u00e9filer la page (comme celui que nous utilisons pour kinsta.com). G\u00e9n\u00e9ralement, il fait partie d&rsquo;une section d&rsquo;en-t\u00eate qui comprend un petit logo et peut-\u00eatre aussi une barre de recherche.<\/p>\n<p>Il est difficile de s&rsquo;y opposer, car l&rsquo;acc\u00e8s permanent \u00e0 un menu facilite la navigation interne. Ce type de menu est inclus dans de nombreux th\u00e8mes WordPress et la tendance ne semble pas vouloir s&rsquo;arr\u00eater.<\/p>\n<h3>Menus d\u00e9roulants superpos\u00e9s sur ordinateur de bureau<\/h3>\n<p>L&rsquo;un des conseils les plus \u00e9l\u00e9mentaires pour la navigation sur un site web est de ne pas utiliser les menus d\u00e9roulants. Et pour cause.<\/p>\n<p>Mais cela ne signifie pas qu&rsquo;ils sont intrins\u00e8quement terribles. Les <a href=\"https:\/\/kinsta.com\/fr\/blog\/menu-deroulant-wordpress\/\">menus d\u00e9roulants<\/a> sont simplement d\u00e9licats \u00e0 mettre en \u0153uvre d&rsquo;une mani\u00e8re qui ait un sens sur l&rsquo;\u00e9cran d\u2019un ordinateur.<\/p>\n<p>Avec une superposition en couleur sur le contenu principal, ils peuvent forcer l&rsquo;attention de l&rsquo;utilisateur \u00e0 100 % sur le menu. Vous disposez \u00e9galement de meilleures options pour les cat\u00e9gories extensibles que l&rsquo;affichage de liens suppl\u00e9mentaires au survol.<\/p>\n<p>Ces facteurs se sont conjugu\u00e9s pour donner naissance \u00e0 une tendance croissante en 2019. En fait, de nombreux sites web et mod\u00e8les innovants comportent des menus d\u00e9roulants superpos\u00e9s sur ordinateur de bureau.<\/p>\n\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Cet article devrait vous avoir permis de comprendre clairement ce qu&rsquo;est la navigation sur un site web et certains de ses points cl\u00e9s.<\/p>\n<p>La navigation sur les sites web devrait toujours \u00eatre ax\u00e9e sur la simplicit\u00e9 et la clart\u00e9, plut\u00f4t que sur des couleurs intenses et un design cr\u00e9atif. Comme la navigation et les menus de votre site doivent tenir compte \u00e0 la fois des utilisateurs de bureau et des utilisateurs mobiles, les choses peuvent devenir plus compliqu\u00e9es et il peut \u00eatre judicieux de faire appel \u00e0 un\u00a0<a href=\"https:\/\/kinsta.com\/fr\/blog\/engager-developpeur-wordpress\/\">d\u00e9veloppeur web<\/a>.<\/p>\n<p>Essayez toujours de suivre les <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-pratiques-design-web\/#menu-navigation\">meilleures pratiques en mati\u00e8re de conception de menus de sites web<\/a> pour vous assurer que vos visiteurs et les <a href=\"https:\/\/kinsta.com\/fr\/blog\/moteurs-recherche-alternatifs\/\">moteurs de recherche<\/a> peuvent naviguer facilement dans votre contenu.<\/p>\n<p>La facilit\u00e9 d&rsquo;utilisation et la clart\u00e9 resteront des priorit\u00e9s pour l&rsquo;avenir. Ainsi, si vous pouvez ma\u00eetriser le language de vos utilisateurs et cr\u00e9er une structure qui leur convienne, vous serez en mesure de p\u00e9renniser vos menus.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La navigation sur les sites web est une chose que beaucoup cr\u00e9ent apr\u00e8s coup, apr\u00e8s avoir r\u00e9fl\u00e9chi aux pages et au contenu. Dans une enqu\u00eate r\u00e9cente, &#8230;<\/p>\n","protected":false},"author":103,"featured_media":38128,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[351,151],"topic":[1013],"class_list":["post-38099","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-ux","tag-website","topic-experience-utilisateur"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment am\u00e9liorer la navigation sur les sites web (avec des exemples et des raisons pour le faire)<\/title>\n<meta name=\"description\" content=\"La navigation sur un site web affecte la fa\u00e7on dont vos visiteurs naviguent sur vos pages. Si elle est n\u00e9glig\u00e9e, elle aura un impact n\u00e9gatif sur vos conversions, le temps pass\u00e9 sur la page et le SEO.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment am\u00e9liorer la navigation sur les sites web (avec des exemples et des raisons pour le faire)\" \/>\n<meta property=\"og:description\" content=\"La navigation sur un site web affecte la fa\u00e7on dont vos visiteurs naviguent sur vos pages. Si elle est n\u00e9glig\u00e9e, elle aura un impact n\u00e9gatif sur vos conversions, le temps pass\u00e9 sur la page et le SEO.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-06T11:00:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-23T08:13:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/navigation-sites-web.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"La navigation sur un site web affecte la fa\u00e7on dont vos visiteurs naviguent sur vos pages. Si elle est n\u00e9glig\u00e9e, elle aura un impact n\u00e9gatif sur vos conversions, le temps pass\u00e9 sur la page et le SEO.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/navigation-sites-web.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"23 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"Comment am\u00e9liorer la navigation sur les sites web (avec des exemples et des raisons pour le faire)\",\"datePublished\":\"2020-04-06T11:00:11+00:00\",\"dateModified\":\"2024-01-23T08:13:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/\"},\"wordCount\":4778,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/navigation-sites-web.jpg\",\"keywords\":[\"ux\",\"website\"],\"articleSection\":[\"Meilleurs Tutoriels WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/\",\"name\":\"Comment am\u00e9liorer la navigation sur les sites web (avec des exemples et des raisons pour le faire)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/navigation-sites-web.jpg\",\"datePublished\":\"2020-04-06T11:00:11+00:00\",\"dateModified\":\"2024-01-23T08:13:54+00:00\",\"description\":\"La navigation sur un site web affecte la fa\u00e7on dont vos visiteurs naviguent sur vos pages. Si elle est n\u00e9glig\u00e9e, elle aura un impact n\u00e9gatif sur vos conversions, le temps pass\u00e9 sur la page et le SEO.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/navigation-sites-web.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/navigation-sites-web.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Comment am\u00e9liorer la navigation sur les sites web (avec des exemples et des raisons pour le faire)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Exp\u00e9rience utilisateur\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/experience-utilisateur\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment am\u00e9liorer la navigation sur les sites web (avec des exemples et des raisons pour le faire)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Comment am\u00e9liorer la navigation sur les sites web (avec des exemples et des raisons pour le faire)","description":"La navigation sur un site web affecte la fa\u00e7on dont vos visiteurs naviguent sur vos pages. Si elle est n\u00e9glig\u00e9e, elle aura un impact n\u00e9gatif sur vos conversions, le temps pass\u00e9 sur la page et le SEO.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment am\u00e9liorer la navigation sur les sites web (avec des exemples et des raisons pour le faire)","og_description":"La navigation sur un site web affecte la fa\u00e7on dont vos visiteurs naviguent sur vos pages. Si elle est n\u00e9glig\u00e9e, elle aura un impact n\u00e9gatif sur vos conversions, le temps pass\u00e9 sur la page et le SEO.","og_url":"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2020-04-06T11:00:11+00:00","article_modified_time":"2024-01-23T08:13:54+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/navigation-sites-web.jpg","type":"image\/jpeg"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"La navigation sur un site web affecte la fa\u00e7on dont vos visiteurs naviguent sur vos pages. Si elle est n\u00e9glig\u00e9e, elle aura un impact n\u00e9gatif sur vos conversions, le temps pass\u00e9 sur la page et le SEO.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/navigation-sites-web.jpg","twitter_creator":"@matteoduo","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Matteo Du\u00f2","Dur\u00e9e de lecture estim\u00e9e":"23 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"Comment am\u00e9liorer la navigation sur les sites web (avec des exemples et des raisons pour le faire)","datePublished":"2020-04-06T11:00:11+00:00","dateModified":"2024-01-23T08:13:54+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/"},"wordCount":4778,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/navigation-sites-web.jpg","keywords":["ux","website"],"articleSection":["Meilleurs Tutoriels WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/","url":"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/","name":"Comment am\u00e9liorer la navigation sur les sites web (avec des exemples et des raisons pour le faire)","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/navigation-sites-web.jpg","datePublished":"2020-04-06T11:00:11+00:00","dateModified":"2024-01-23T08:13:54+00:00","description":"La navigation sur un site web affecte la fa\u00e7on dont vos visiteurs naviguent sur vos pages. Si elle est n\u00e9glig\u00e9e, elle aura un impact n\u00e9gatif sur vos conversions, le temps pass\u00e9 sur la page et le SEO.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/navigation-sites-web.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2020\/04\/navigation-sites-web.jpg","width":1460,"height":730,"caption":"Comment am\u00e9liorer la navigation sur les sites web (avec des exemples et des raisons pour le faire)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/navigation-site-web\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Exp\u00e9rience utilisateur","item":"https:\/\/kinsta.com\/fr\/sujets\/experience-utilisateur\/"},{"@type":"ListItem","position":3,"name":"Comment am\u00e9liorer la navigation sur les sites web (avec des exemples et des raisons pour le faire)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/38099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=38099"}],"version-history":[{"count":4,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/38099\/revisions"}],"predecessor-version":[{"id":65769,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/38099\/revisions\/65769"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38099\/translations\/en"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38099\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38099\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38099\/translations\/it"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38099\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38099\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38099\/translations\/jp"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38099\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38099\/translations\/se"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/38099\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/38128"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=38099"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=38099"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=38099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}