{"id":59415,"date":"2021-10-28T08:26:07","date_gmt":"2021-10-28T08:26:07","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-optimiser-wordpress-pour-lexperience-utilisateur\/"},"modified":"2021-10-28T08:26:07","modified_gmt":"2021-10-28T08:26:07","slug":"comment-optimiser-wordpress-pour-lexperience-utilisateur","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-optimiser-wordpress-pour-lexperience-utilisateur\/","title":{"rendered":"Comment optimiser WordPress pour l’exp\u00e9rience utilisateur"},"content":{"rendered":"

\n<\/p>\n

Il n’y a rien de plus ennuyeux que de jeter un premier coup d’\u0153il sur un nouveau site Web, puis de lutter pour arriver l\u00e0 o\u00f9 vous voulez vraiment aller. Pour trouver le contenu que vous cherchiez. Alors que, heureusement, l’\u00e9poque des pages extr\u00eamement inutiles, charg\u00e9es de mots cl\u00e9s et obstru\u00e9es par les publicit\u00e9s con\u00e7ues pour gagner de l’argent avec Adsense n’appara\u00eet plus dans les r\u00e9sultats de recherche aussi souvent qu’auparavant …<\/p>\n

De nombreux sites Web, en particulier les plus anciens avec des milliers de pages de contenu, peuvent \u00eatre assez difficiles \u00e0 naviguer m\u00eame avec toute la structure et les fonctionnalit\u00e9s appropri\u00e9es en place. Lorsque vous n’\u00eates pas l\u00e0, il est souvent plus facile d’appuyer sur la touche retour arri\u00e8re pour demander \u00e0 Google ce que vous voulez savoir, plut\u00f4t que de rester sur le site Web. Dans cet article, nous expliquons comment vous pouvez optimiser votre site WordPress pour \u00e9viter de tels probl\u00e8mes et am\u00e9liorer consid\u00e9rablement votre exp\u00e9rience utilisateur.<\/p>\n

<\/span>Utiliser correctement les cat\u00e9gories<\/span><\/h2>\n

Il peut \u00eatre tentant d’essayer d’\u00eatre original, en utilisant des cat\u00e9gories originales que seuls les \u00ab connaisseurs \u00bb comprennent, ou simplement en laissant les cat\u00e9gories au bord de la route lorsqu’on se concentre sur la cr\u00e9ation de contenu, mais des cat\u00e9gories pr\u00e9cises rendent la navigation beaucoup plus agr\u00e9able. \u00e0 la fois les visiteurs pour la premi\u00e8re fois et les visiteurs de retour.<\/p>\n

Si la cat\u00e9gorie est trop g\u00e9n\u00e9rale, ou d\u00e9note simplement le type de contenu, il n’y a pas vraiment de moyen pour les visiteurs d’en trouver plus s’ils ont aim\u00e9 votre premier contenu\u2026<\/p>\n

Cr\u00e9er et ajouter manuellement des articles aux cat\u00e9gories peut sembler une t\u00e2che ardue, mais en fin de compte, cela aide \u00e0 optimiser votre site Web et \u00e0 am\u00e9liorer l’exp\u00e9rience utilisateur globale. Si vous jetez un \u0153il \u00e0 nos cat\u00e9gories ici dans WP Explorer, vous pouvez voir que nous divisons clairement nos publications en cat\u00e9gories qui correspondent au sujet r\u00e9el, ce qui facilite la lecture d’un sujet particulier qui vous int\u00e9resse.<\/p>\n

<\/span>Mettre en place une navigation claire<\/span><\/h2>\n

\"Mettre<\/p>\n

Lorsque votre site commence \u00e0 se d\u00e9velopper et que vous avez commenc\u00e9 \u00e0 offrir non seulement plusieurs services, mais aussi une communaut\u00e9, il est important d’avoir une navigation claire. De nombreux blogueurs optent pour une page \u00ab\u00a0commencer ici\u00a0\u00bb qui pr\u00e9sente pour la premi\u00e8re fois au lecteur de quoi ils parlent dans certains de leurs meilleurs articles sur un sujet donn\u00e9. Cela peut fonctionner pour certains sujets, mais d’autres ont trop de sous-sujets pour \u00eatre vraiment efficaces. Si tel est le cas avec le th\u00e8me de votre site Web, l’une des meilleures choses que vous puissiez faire est de configurer la navigation qui permet \u00e0 l’utilisateur d’acc\u00e9der rapidement \u00e0 l’une de ces sous-cat\u00e9gories de contenu.<\/p>\n

L’un des moyens les plus simples de configurer cela est de bien cat\u00e9goriser et d’ajouter simplement un menu affichant les cat\u00e9gories, ou d’ajouter les cat\u00e9gories \u00e0 la barre lat\u00e9rale sur les pages o\u00f9 cela est pertinent. Encore une fois, si vous voulez voir un exemple de cela, vous n’avez pas \u00e0 chercher plus loin que ce site Web. Sur la gauche, vous devriez voir nos cat\u00e9gories ici dans WP Explorer, et il est difficile de contester ce niveau de clart\u00e9. En fin de compte, vos utilisateurs pourraient probablement utiliser Google pour rechercher du contenu sp\u00e9cifique sur votre site Web, mais tr\u00e8s probablement pas, ils trouveront \u00e9galement des r\u00e9sultats pour vos concurrents, ce qui entra\u00eenera une fuite d’abonn\u00e9s et de clients potentiels.<\/p>\n

<\/span>Distinguer clairement les diff\u00e9rents contenus<\/span><\/h2>\n

Que ce soit en modifiant les couleurs d’arri\u00e8re-plan pour une zone sp\u00e9cifique, l’utilisation magistrale des espaces blancs, l’utilisation de bordures clairement visibles ou l’utilisation claire de sous-titres de titre, il est important qu’il soit facile de distinguer le contenu principal, par Par exemple, la barre lat\u00e9rale. Si tout se m\u00e9lange, l’exp\u00e9rience de lecture deviendra inutilement douloureuse.<\/p>\n

Si votre th\u00e8me souffre du syndrome du \u00ab type de fusion de la barre lat\u00e9rale dans le contenu principal \u00bb et que vous n’avez pas la possibilit\u00e9 de modifier les couleurs de la barre lat\u00e9rale, ne vous inqui\u00e9tez pas. Ce n’est pas une chose trop difficile \u00e0 r\u00e9parer, et si vous n’\u00eates pas pr\u00eat \u00e0 vous salir les mains, tout concepteur \/ d\u00e9veloppeur digne de sa graisse de clavier devrait \u00eatre capable de faire une solution rapide en quelques heures ou moins.<\/p>\n

Une autre alternative consiste simplement \u00e0 installer un th\u00e8me diff\u00e9rent qui g\u00e8re mieux cet aspect. Bien s\u00fbr, si votre site Web a une large audience ou est la principale source de revenus, vous devriez toujours tester les changements de th\u00e8me\/th\u00e8me sur une version locale de votre site WordPress avant de mettre en \u0153uvre quelque chose directement. En savoir plus sur la fa\u00e7on d’installer WordPress localement sur Windows ici (ici pour les utilisateurs de Mac).<\/p>\n

<\/span>Supprimer tous les liens rompus<\/span><\/h2>\n

\"Supprimer<\/p>\n

Cela devrait aller de soi, mais pour les sites plus anciens, il peut \u00eatre difficile de maintenir \u00e0 jour tout l’ancien contenu et il est facile de se retrouver avec quelques liens rompus. Heureusement, vous n’avez plus \u00e0 parcourir manuellement toutes vos pages pour les liens rompus. Comme pour la plupart des choses, il existe maintenant un plugin pour cela. En fait, nous avons m\u00eame un guide sur la fa\u00e7on de trouver et de supprimer les liens rompus ici m\u00eame dans WP Explorer.<\/p>\n

<\/span>Utiliser les onglets<\/span><\/h2>\n

Les onglets sont destin\u00e9s aux moments o\u00f9 le contenu n’est pas assez long ou important pour justifier une page diff\u00e9rente, mais le contenu est suffisamment diff\u00e9rent pour qu’au moins un sous-titre soit n\u00e9cessaire pour diviser le contenu. Si vous \u00eates un concepteur, par exemple, vous pouvez avoir des onglets pour les diff\u00e9rents types de conceptions que vous r\u00e9alisez, la page principale affichant uniquement votre objectif principal.<\/p>\n

Si vous voulez avoir une id\u00e9e de ce \u00e0 quoi ressemblent les onglets une fois impl\u00e9ment\u00e9s, vous pouvez simplement faire d\u00e9filer vers le bas pour voir la biographie de l’auteur dans cet article, ce qui en fait un bel usage. Nous avons m\u00eame fait un guide sur la fa\u00e7on dont vous pouvez facilement utiliser des plugins pour obtenir des onglets sur votre site WordPress.<\/p>\n

<\/span>Am\u00e9liorer la vitesse du site<\/span><\/h2>\n

\"Am\u00e9liorer<\/p>\n

Il est difficile de rendre l’exp\u00e9rience d’un site Web fluide si chaque fois que vous cliquez sur un lien, vous devez attendre plus d’une seconde ou trois en regardant une ic\u00f4ne de chargement. La vitesse est quelque chose qui est de plus en plus pris pour acquis en raison de l’accent mis sur la vitesse des sites plus grands, et se d\u00e9marquer par sa lenteur n’est certainement pas une bonne chose.<\/p>\n

Vous avez peut-\u00eatre remarqu\u00e9 que nous parlons beaucoup de vitesse ici chez WPExplorer (nous venons de publier un article sur quelques plugins g\u00e9niaux pour acc\u00e9l\u00e9rer votre site WordPress), et c’est parce que la vitesse de chargement est un \u00e9l\u00e9ment important de l’exp\u00e9rience WordPress. Des temps de chargement plus longs sont souvent un facteur majeur lorsqu’il s’agit de taux de rebond plus \u00e9lev\u00e9s, et se sont av\u00e9r\u00e9s r\u00e9duire consid\u00e9rablement les ventes. En plus de tout cela, Google a admis que la vitesse de chargement joue un r\u00f4le important dans les classements de recherche. Maintenant, dans certains cas, l’h\u00f4te peut devenir le principal probl\u00e8me. Mais quand ce n’est pas le cas, il y a quelques choses que vous pouvez faire pour am\u00e9liorer relativement facilement la vitesse de votre site.<\/p>\n

Utiliser un r\u00e9seau de diffusion de contenu (CDN)<\/strong>
Une fa\u00e7on d’acc\u00e9l\u00e9rer votre site Web consiste \u00e0 h\u00e9berger votre contenu plus lourd, comme des images, sur des r\u00e9seaux tiers qui le livrent plus rapidement \u00e0 l’utilisateur final. Nous avons m\u00eame dress\u00e9 pour vous une liste de CDN gratuits.<\/p>\n

Utiliser un plugin de cache<\/strong>
Un plugin de cache est un plugin qui supprime certaines des requ\u00eates c\u00f4t\u00e9 serveur en publiant ce qu’il peut sous forme de page html statique. Il existe des plugins qui vont encore plus loin. Consultez notre guide sur la fa\u00e7on d’installer et de configurer un plugin de cache.<\/p>\n

Supprimer les plugins inutiles<\/strong>
Si vous avez beaucoup de plugins activ\u00e9s qui n’ont aucun but r\u00e9el pour leurs r\u00e9sultats, c’est probablement une bonne id\u00e9e de se d\u00e9barrasser de la plupart d’entre eux. En savoir plus sur comment et pourquoi vous devez supprimer les plugins WordPress en exc\u00e8s.<\/p>\n

Optimisez vos images<\/strong>
Il est facile de recadrer certains coins maintenant que WordPress redimensionne automatiquement les images pour les adapter \u00e0 votre contenu. Surtout quand vous devez travailler tr\u00e8s dur pour trouver une bonne image pour accompagner votre publication, il est trop simple d’\u00eatre paresseux et de la t\u00e9l\u00e9charger telle quelle et de la mettre dans votre publication ou article. Mais cela peut affecter consid\u00e9rablement la vitesse de chargement de votre site Web. L’une des \u00e9tapes les plus simples et les plus importantes \u00e0 suivre consiste \u00e0 couper les images \u00e0 la taille appropri\u00e9e et peut-\u00eatre \u00e0 les compresser \u00e0 l’aide d’un format de fichier plus adapt\u00e9 \u00e0 la taille, tel que JPEG. Une fois que vous avez fait cela, vous pouvez utiliser l’un de ces plugins d’optimisation d’image, et vous serez d\u00e9j\u00e0 en avance sur la plupart des sites WordPress en ce qui concerne les images et la vitesse de chargement.<\/p>\n

<\/span>Envelopper<\/span><\/h2>\n

Au final, la vitesse du site ne peut \u00eatre am\u00e9lior\u00e9e jusqu’\u00e0 pr\u00e9sent que si votre propre h\u00e9bergeur s’av\u00e8re excessivement lent. Si vous avez enti\u00e8rement optimis\u00e9 votre site Web selon notre guide sur la fa\u00e7on d’acc\u00e9l\u00e9rer votre site Web, et qu’il est encore terriblement lent, vous pouvez envisager de modifier votre plan d’h\u00e9bergement, voire de l’h\u00e9berger enti\u00e8rement. (Ici, chez WPExplorer, nous utilisons WPEngine, et comme vous pouvez s\u00fbrement le constater par vous-m\u00eame, nous n’avons pas de probl\u00e8me avec les vitesses de chargement lentes ici.)<\/p>\n

Obtenir un site Web compl\u00e8tement simplifi\u00e9 et optimis\u00e9 pour l’exp\u00e9rience utilisateur peut \u00eatre une t\u00e2che exigeante, en particulier pour ceux qui ont des difficult\u00e9s plus techniques. Mais en m\u00eame temps, c’est tout \u00e0 fait possible, et les r\u00e9compenses qui en d\u00e9coulent valent bien l’effort.<\/p>\n

\n
\n

Table of Contents<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n