Comment optimiser la convivialité de mon site Web

La convivialité d'un site Web a un effet direct et indirect sur le classement. Cependant, ce qui est beaucoup plus important, c'est que seuls les sites Web avec une convivialité optimisée peuvent garantir la satisfaction des visiteurs à long terme.

Le terme utilisabilité recouvre un grand nombre de critères en partie complètement différents. Seuls ceux qui les connaissent et savent comment les optimiser peuvent faire de leur propre site web un succès à long terme.

La convivialité : un facteur de classement ?

La question la plus importante et la plus discutée en premier : la convivialité est-elle un facteur de classement ? Et sinon : pourquoi devriez-vous investir l'effort dans l'optimisation de la convivialité ?

Il n'est pas possible de répondre clairement à la première question. Il n'y a pas de facteur de classement officiel appelé « utilisabilité » - c'est parce qu'il existe un très grand nombre de facteurs et de critères qui comptent pour la convivialité. Outre le temps de chargement (un facteur de classement), il comprend également, par exemple, la transmission cryptée des données via HTTPS (un facteur de classement) et le bon choix de couleurs et de contrastes (pas de facteur de classement).

Cependant, l'optimisation de la page pour l'utilisateur est bien plus importante que la question de savoir si la convivialité est un facteur de classement ou non. Cela a un effet particulier sur leur satisfaction et peut conduire à des actions qui ont un effet sur le classement : établir des liens, partager des publications sur les réseaux sociaux et donner de bonnes critiques.

Mais quels sont les composants les plus importants de la convivialité ?

La hiérarchie des pages

La hiérarchie des pages constitue la structure de base d'un site Web. Dans la hiérarchie des pages, les zones, catégories et sous-catégories individuelles ainsi que les pages de destination sont organisées dans une structure spécifique. Cette structure est déterminante pour la façon dont les visiteurs (et aussi les robots des moteurs de recherche) trouvent leur chemin sur le site.

Lors de la création de la hiérarchie du site, il faut veiller à procéder selon les points de vue les plus clairs et logiques possibles et à s'orienter sur les sujets à traiter sur le site.

À partir de la page de démarrage, il existe plusieurs catégories pour les sujets principaux individuels au niveau inférieur. Si nécessaire, ceux-ci peuvent être divisés en d'autres sous-catégories. Les pages de destination individuelles suivent ensuite ci-dessous.

En raison de la grande importance de cette structure, il est crucial de bien réfléchir avant de créer un site Web aux sujets et sous-sujets à traiter maintenant ou à l'avenir.

Une structure logiquement structurée et cohérente garantit que les visiteurs du site peuvent rapidement trouver le contenu dont ils ont besoin. Un autre avantage est de montrer aux robots des moteurs de recherche un chemin clair à travers tout le contenu important du site Web. Cela peut garantir que le nouveau contenu se retrouve plus rapidement dans l'index de Google and Co.

Navigation et menu

Le menu d'un site Web est directement dérivé de la hiérarchie des pages. Le menu montre finalement les éléments individuels de la structure. Il doit être conçu aussi clairement que possible. Ceci peut être réalisé en n'affichant pas tous les éléments du menu dès le début. Par exemple, les sous-catégories ne peuvent être ouvertes qu'en cliquant sur une catégorie principale.

Le positionnement du menu est également important. Il devrait être dans une zone où les utilisateurs s'attendent à ce qu'il soit. Cela peut être dans la zone d'en-tête ou dans la colonne de gauche du site Web.

Entre-temps, les soi-disant menus de hamburgers se sont établis sur les sites Web mobiles - ils apparaissent sous la forme de boutons avec trois barres horizontales parallèles. Un clic sur ce bouton ouvre alors le menu.

Évitez d'avoir plusieurs menus à différents endroits sur une même page. Cela ne fait que confondre les utilisateurs.

Fil d’Ariane

En plus de la navigation principale, une navigation dite fil d'Ariane ou fil d'Ariane est également recommandée. Cela garantit que vous pouvez immédiatement voir où vous êtes sur chaque page. Les navigations dans le fil d'Ariane ressemblent généralement à l'exemple suivant :

Accueil> Catégorie> Sous-catégorie> Pages de destination

Les éléments individuels de la navigation dans le fil d'Ariane sont liés afin que vous puissiez à tout moment passer d'un niveau de hiérarchie à l'autre de la page.

De plus, le logo du site (classiquement situé en haut à gauche de la page) doit toujours être lié à la page d'accueil pour que vous puissiez y basculer en un clic.

Offrir des liens croisés thématiques

Un lien thématique vers des pages et des articles avec un contenu similaire peut prendre en charge la navigation. Les suggestions d'articles, de catégories ou de produits supplémentaires qui correspondent à la page actuelle apparaissent généralement sous le contenu.

Ici aussi, il y a un double avantage : les utilisateurs qui souhaitent traiter un sujet et ses facettes plus en détail trouveront des suggestions adaptées. Dans le même temps, les robots des moteurs de recherche reçoivent un "appât" pour appeler d'autres pages.

Recherche interne

En plus de la navigation, une fonction de recherche interne peut également être utilisée : tout ce que l'utilisateur ne peut pas trouver via le menu du site Web peut être mis à disposition de cette manière.

Lors de l'intégration d'une recherche interne, assurez-vous de la placer à un endroit où les utilisateurs l'attendent. Il se trouve généralement en haut à droite de la page.

Les résultats de la recherche doivent être présentés sous la forme d'une liste claire. Chaque résultat de recherche doit contenir un titre, une brève description et la catégorie à laquelle il appartient. En option, une image d'aperçu (vignette) peut également être affichée pour chaque extrait.

La recherche interne a un autre avantage : en évaluant les requêtes des utilisateurs qui y sont posées, l'exploitant du site Web peut identifier où se situent les intérêts des utilisateurs et quelles pages peuvent manquer dans la navigation et doivent être mises à jour.

Il est important de définir les pages de résultats de recherche internes sur « noindex » afin que Google ne les enregistre pas, car les « SERP dans les SERP » sont quelque chose qui peut être frustrant pour les utilisateurs.

Plan des pages

Si la hiérarchie du site Web décrit la structure globale (le niveau macro), la structure des pages individuelles est basée sur le niveau micro. Une division cohérente des pages en régions clairement définies avec des zones fonctionnelles clairement reconnaissables aide les visiteurs à séparer l'important de l'insignifiant et à pouvoir accéder rapidement au contenu souhaité.

La division classique d'une page montre un en-tête, une zone de contenu, une navigation et un pied de page. L'en-tête contient généralement le logo, éventuellement un menu et, si disponible, un champ de saisie pour une fonction de recherche interne. Dans la zone de contenu, les informations importantes et individuelles pour la page respective sont affichées. Le pied de page contient des liens vers les mentions légales, les informations sur la protection des données, un avis de droit d'auteur et des liens supplémentaires vers des pages qui doivent être accessibles de n'importe où sur le site Web.

La division est généralement un peu différente pour les sites Web mobiles. En raison de l'espace limité, notamment en termes de largeur, vous vous passez généralement d'une colonne séparée pour la navigation ou ne l'affichez que lorsque vous cliquez sur le bouton du menu :

La présentation des coordonnées est particulièrement importante pour les pages professionnelles. Le numéro de téléphone, l'adresse postale et l'adresse e-mail doivent être placés en évidence et, si possible, dans la partie supérieure droite de la page, sur chaque page individuelle. Il existe également des widgets pour les réseaux sociaux.

Structure des textes

Dans le domaine du contenu, il est important que le contenu ou les textes soient structurés de manière aussi claire, logique et cohérente que possible. En plus des paragraphes significatifs, cela comprend également des titres appropriés et concis.

Les tableaux et les listes peuvent prendre en charge la structure du texte. Ils peuvent jouer le rôle d'un perturbateur visuel et également un résumé de contenu important.

Un style de langage adapté et l'évitement des erreurs - grammaticales, orthographiques et liées au contenu - assurent une lisibilité optimale des textes.

Attention aux couleurs et aux contrastes

Pour s'assurer que le contenu d'une page est facile à lire, le bon choix de couleurs pour le texte, l'arrière-plan et la navigation ainsi que leur interaction et leurs contrastes doivent être pris en compte.

Dans les années 90, il était courant de créer des sites Web aussi colorés que possible. Par exemple, du texte jaune peut apparaître sur un fond blanc. De telles erreurs réduisent inutilement la lisibilité. Lors du choix des couleurs et des contrastes, la maxime doit être une expérience utilisateur agréable sur une plus longue période de temps. Cela est particulièrement vrai pour les pages contenant beaucoup de texte.

Le site fonctionne-t-il sans JavaScript ?

Même si plus de 90 pour cent des utilisateurs sont en déplacement avec JavaScript activé, il ne faut pas perdre de vue la minorité qui se passe de JavaScript pour diverses raisons telles que des considérations de sécurité. Selon les statistiques, les utilisateurs de smartphones et tablettes Android affichent un taux particulièrement élevé de JavaScript désactivé.

Il est à noter que les fonctions essentielles d'un site Internet comme le menu doivent également fonctionner sans JavaScript. Dans certains cas, cependant, cela ne sera pas possible - en particulier avec des pages entièrement basées sur JavaScript, telles que les applications dites à page unique.

En ce qui concerne la crawlabilité par Google, le sujet de JavaScript s'est maintenant assoupli , car Google est maintenant assez bon pour interpréter et exécuter JavaScript. Néanmoins, par mesure de sécurité, vous devez toujours effectuer un test en utilisant "retrieval as by Google" dans la Google Search Console pour voir si le contenu essentiel peut également être affiché par le Googlebot.

Compatibilité avec différents navigateurs

Ce point est également important pour la portée potentielle et la convivialité d'un site Web : quels navigateurs sont techniquement pris en charge ? Cette question n'est pas facile à répondre, car en plus du grand nombre de navigateurs différents tels qu'Internet Explorer et Edge, FireFox, Chrome ou Opera, il existe également un large éventail de versions différentes de ces navigateurs qui sont installées sur le marché. Ces différents navigateurs et versions de navigateur diffèrent par le nombre de fonctions et de fonctionnalités qu'ils prennent en charge. Par exemple, tous les navigateurs ne peuvent pas gérer HTML5 - c'est particulièrement vrai pour les anciennes versions.

Si vous souhaitez tester quel navigateur prend en charge quelles fonctions, vous pouvez visiter la page "Puis-je utiliser" . Vous y trouverez une représentation claire du navigateur approprié pour chaque fonction.

Google recommande d'utiliser l'amélioration progressive lors du développement de sites Web . Il s'agit d'une méthode de développement qui garantit que plus ou moins de fonctions d'un site Web sont proposées en fonction des options du navigateur.

Ne rendez pas les formulaires trop complexes

Les formulaires sur les sites Web doivent être aussi simples que possible et ne demander que les données réellement nécessaires pour le cas respectif. En règle générale, le nom et l'adresse e-mail de l'utilisateur suffisent - par exemple, pour commander une newsletter. Si vous pouvez vous passer d'informations telles que votre date de naissance, votre couleur préférée ou vos loisirs, vous devriez le faire aussi. Cela accélère la saisie et évite un travail inutile pour l'utilisateur

Les personnes malvoyantes

Lors de la conception de sites Web, il est également important de prendre en compte les besoins des visiteurs malvoyants. Ces personnes utilisent souvent des logiciels spéciaux pour visualiser des sites Web, appelés lecteurs d'écran. Ces programmes convertissent les textes écrits des sites Web en langage parlé. Mais cela ne fonctionne que si le contenu le plus important est également disponible sous forme de texte.

Il faut donc éviter autant que possible d'incorporer du contenu textuel sous forme graphique, car les lecteurs d'écran (et aussi les moteurs de recherche) ne peuvent pas ou ne peuvent que difficilement le reconnaître.

Les images doivent également recevoir un attribut "Alt". Cet attribut peut être utilisé pour décrire le contenu des images. Cette description peut ensuite être lue par les lecteurs d'écran et les robots d'exploration.

En ce qui concerne les personnes ayant moins de difficultés visuelles, une police suffisamment grande doit toujours être choisie pour les sites Web.

Temps de chargement

Le temps de chargement ne joue pas seulement un rôle important pour la convivialité d'un site Web, c'est également un facteur de classement pour Google. Les sites Web mobiles en particulier devraient se charger en deux à trois secondes. Si le site est trop lent, le classement risque de se dégrader.

Il existe de nombreuses façons de rendre les sites Web plus rapides :

• Le choix d'un système de gestion de contenu (CMS) adapté tel que Joomla, WordPress ou Typo3
• Le choix des extensions adaptées pour le CMS et l'évitement des plugins inutiles
• Mise en cache et compression des données
• L'utilisation d'un réseau de diffusion de contenu (CDN), un réseau de serveurs qui diffuse le site Web particulièrement rapidement
• Optimiser les images, vidéos et autres médias pour réduire la taille de leurs fichiers
• Utilisation d'un serveur plus puissant

Pages d’erreur

Tout d'abord, les pages d'erreur sont quelque chose que les utilisateurs devraient voir aussi rarement que possible. Cependant, si cela se produit, par exemple lorsqu'une page demandée n'est plus disponible, la page d'erreur qui apparaît doit contenir les informations les plus utiles possibles. Ceci comprend:

• Une indication claire de ce qui s'est mal passé
• Une fonction de recherche pour toujours pouvoir trouver le bon contenu
• Suggestions d'articles connexes qui pourraient vous intéresser
• Un lien vers la page d'accueil
• Facultatif : un formulaire de commentaires pour informer le webmaster de l'erreur.

Les pages d'erreur peuvent également être rendues intéressantes et attrayantes d'un point de vue créatif. Sur certains sites Web, vous trouverez, par exemple, des images amusantes, des animations ou d'autres contenus qui peuvent consoler l'erreur réelle.

Sécurité

La sécurité de l'utilisateur doit également être prise en compte lors de l'examen de la convivialité. Les données doivent être cryptées à la fois sur le chemin du site Web à l'utilisateur et dans le sens inverse afin d'empêcher ou au moins de rendre plus difficile l'interception ou la manipulation des données.

À l'avenir, les sites Web non cryptés seront marqués comme non sécurisés dans de plus en plus de navigateurs . Pour cette seule raison, il est conseillé de passer à un fonctionnement sûr.

À cette fin, la transmission via le protocole TLS est généralement utilisée. Vous pouvez reconnaître les sites Web qui utilisent ce protocole par le "https" dans les URL.

La condition préalable à cela est un certificat correspondant pour le serveur Web. La plupart des hébergeurs ont des certificats TLS dans leur programme. Pour de nombreux contrats d'hébergement, vous pouvez même réserver gratuitement une option correspondante.

Important : lors de la conversion d'un site Web en opération HTTPS, veillez à rediriger les anciennes URL vers les nouvelles URL HTTPS. Sinon, il pourrait y avoir des problèmes avec les utilisateurs et avec l'indexation par les moteurs de recherche car les anciennes URL ne sont plus accessibles.

Convivialité mobile

La convivialité mobile est le terme générique désignant le fait qu'un site Web peut être utilisé de manière optimale sur différents appareils tels qu'un ordinateur de bureau, un ordinateur portable, un smartphone, une tablette et d'autres appareils. Ceci peut être réalisé de plusieurs manières :

• Une variante mobile distincte qui est spécialement affichée pour les petits écrans
• Conception réactive ou conception adaptative : selon l'appareil, le site Web se réaligne automatiquement pour que le contenu soit clairement visible
• Service dynamique : le serveur reconnaît l'appareil utilisé par le client et fournit le code HTML approprié
• AMP : Technologie spéciale qui utilise du HTML et du JavaScript réduits et l'utilisation d'un CDN pour assurer des pages mobiles particulièrement rapides.

Pour être adapté aux mobiles, un site Web doit présenter les caractéristiques suivantes :

• faible temps de chargement
• faible volume de données
• Intégralité du contenu
• Navigation mobile, liens et textes faciles à lire, ainsi que des images et autres médias optimisés

Pas de popups inutiles, aussi peu de publicité que possible

Les bannières publicitaires et autres fenêtres contextuelles qui chevauchent le contenu d'une page et signifient que le contenu n'est pas visible tant que la fenêtre contextuelle n'est pas fermée. Tout aussi ennuyeux que ces interstitiels sont les pop-unders, qui sont chargés inaperçus en arrière-plan et apparaissent soudainement après la fermeture de la fenêtre du navigateur.

D'autres sites Web se composent dans une large mesure de publicité - un contenu vraiment intéressant peut difficilement y être trouvé et ne sert qu'à attirer les visiteurs.

Toutes ces pratiques sont diamétralement opposées à la convivialité. Google accepte et peut imposer des pénalités pour de tels sites .

Mais même sans pénalité, trop de publicité nuit au classement des sites Web : l'algorithme panda de Google garantit que les pages au contenu inadéquat, superficiel ou à forte teneur en publicité reçoivent un classement moins bon.

Mais pas : bloquer le bouton "retour"

L'une des plus grandes erreurs qui peuvent être commises du point de vue de la convivialité est de bloquer le bouton "Retour" dans le navigateur pour empêcher les utilisateurs de quitter le site Web. La seule chose qu'il réussit est d'ennuyer les utilisateurs. Il en va de même pour les popups et les calques qui s'ouvrent lorsque vous approchez de l'icône "Fermer" de la fenêtre avec le pointeur de la souris.

Les utilisateurs veulent décider eux-mêmes quand quitter une page. Tout ce qui les empêche de le faire les empêchera tout au plus de revenir.

Pour les boutiques en ligne : proposer de nombreuses options de paiement

Dans le passé, il y a eu des gros titres sur les sites Web avec des options de paiement limitées. Au lieu d'offrir des méthodes communes, celles-ci n'étaient pas disponibles du tout ou seulement à un coût supplémentaire.

Les exploitants de boutiques en ligne devraient mieux s'assurer que leurs produits et services peuvent être payés d'autant de manières différentes que possible. Il ne suffit pas d'obliger l'utilisateur à créer un compte PayPal ou de se limiter au paiement à la livraison. Les modes de paiement proposés doivent inclure l'achat sur facture, le paiement par carte de crédit et le prélèvement automatique, le tout sans frais supplémentaires.

Informations sur la protection des données et mentions légales

Ces zones d'un site Web contribuent également à une bonne convivialité : outre l'obligation légale, les mentions légales et les informations actuelles sur la protection des données garantissent que les utilisateurs savent à qui ils ont affaire et ce qui se passe avec leurs données.

Afin d'éviter les avertissements et de maintenir la confiance des utilisateurs, le plus grand soin doit également être apporté à ce contenu.

Comment tester la convivialité d’un site web ?

L'utilisabilité n'est pas une valeur quantitative qui peut être enregistrée sous la forme d'un chiffre clé spécifique. Elle est d'une part subjective et d'autre part qualitative, de sorte qu'elle ne peut être appréhendée que de manière descriptive ou à travers différents chiffres clés.

Suivi de certains chiffres clés

Certains chiffres clés permettent d'estimer si les utilisateurs sont satisfaits ou non d'une page. Pour ces chiffres clés, il n'y a pas de valeur absolue à rechercher. Au contraire, les tendances doivent être observées afin d'identifier les améliorations ou les détériorations.

Proportion de visiteurs récurrents : plus la proportion de visiteurs récurrents par rapport au nombre total de visiteurs est élevée, plus on peut supposer que les visiteurs sont satisfaits du site Web.

Taux de rebond : Ce chiffre clé, également appelé taux de rebond, indique l'importance de la proportion de visiteurs qui quittent un site Web après une seule visite. Un taux de rebond élevé ne doit cependant pas être un mauvais signe : si les visiteurs trouvent rapidement exactement ce qu'ils recherchent, cela peut également conduire à un taux de rebond élevé.

Temps d'arrêt : Il en va de même pour ce chiffre clé en ce qui concerne le taux de rebond : Un temps d'arrêt court peut également être le signe que l'information souhaitée a été trouvée et lue rapidement. La durée de séjour et le taux de rebond dépendent également du type de contenu : les actualités, par exemple, sont généralement lues plus rapidement que les articles scientifiques de fond.

Effectuer des tests d’utilisabilité et demander des commentaires aux gens

Si vous ne voulez pas vous fier à des chiffres clés, vous devez demander une évaluation à diverses personnes extérieures. Les tests d'utilisabilité sont populaires, dans lesquels les sujets de test communiquent ce qu'ils voient et ce qu'ils ressentent en visitant le site.

Tests A/B

De tels tests peuvent être complétés par des tests A/B. Une (univariée) ou plusieurs caractéristiques (multivariées) d'une page sont ajustées - par exemple la couleur et la taille du texte. Des évaluations quantitatives et/ou qualitatives sont ensuite réalisées pour les groupes de test résultants afin de voir quelle variante est la plus populaire auprès de l'utilisateur.

Par exemple, Google effectue régulièrement de tels tests lorsque de nouvelles fonctions ou variantes apparaissent dans la recherche de certains utilisateurs.

Évitez les gadgets inutiles

Pendant longtemps, une animation Flash pleine page apparaissait sur des sites Web censés être particulièrement impressionnants, qu'il fallait regarder avant de pouvoir accéder au menu et au contenu.

D'autres sites - encore aujourd'hui - diffusent automatiquement des vidéos grand format lorsqu'ils sont appelés. Cela coûte de la bande passante et du temps de calcul.

Si cela ne doit pas vraiment l'être, de tels gadgets doivent être évités, car les seuls qui les apprécient sont généralement les opérateurs de sites Web eux-mêmes.

Conclusion

Une chose devient claire : l'utilisabilité est un domaine complexe avec un grand nombre de facettes différentes. Certains d'entre eux ont un impact direct sur les classements, d'autres indirectement. Mais quelque chose de complètement différent est important : tous les critères mentionnés ont une influence directe sur la satisfaction des visiteurs, et c'est l'objectif principal de l'optimisation des moteurs de recherche