Comment évaluer et suivre la qualité de son site web ?

Nous ne parlerons pas dans cet article des tests réalisés par les développeurs et les équipes de contrôle qualité (Q&A) ni de toute la machinerie reliée à l'intégration et la livraison continue (CI / CD) visant à améliorer la qualité des livrables en amont de la livraison.

Et oui, pour une fois nous nous mettrons à la place du client : nous aborderons ici les tests côté client, la recette des livrables, les tests d’acceptation (“d'acceptance” comme on dit dans notre jargon de consultant web), lesquels visent à assurer que les livrables respectent les critères de qualité d'un point de vue métier et d’un point de vue du cahier des charges.

Dans cet article, nous nous demanderons comment un client, un project owner ou une DSI peut suivre en continu la qualité de ses outils digitaux au rythme des mises à jour ?

Niveau zéro du monitoring : le site répond-il ?

Le premier point de contrôle consiste à savoir si votre site web répond et dans quels délais et puis tant qu'à faire d'être alerté si un problème est détecté ! Voici quelques outils très utiles (liste forcément subjective et nous n’avons aucun lien avec les outils proposés et ne touchons pas de rémunération) :

• UptimeRobot est un outil populaire qui surveille la disponibilité de votre site web, en vérifiant régulièrement son statut et en vous alertant en cas de panne ou de temps d'arrêt prolongé. Attention, il est maintenant payant sauf si vous êtes une association à but non lucratif !
• Si vous n'êtes pas une ONG ou association à but non lucratif, mais que vous avez déjà dépensé tout votre budget, allez voir Pulsetic qui propose actuellement le monitoring de 10 sites gratuitement depuis 3 localisations (profitez-en cela risque de ne pas durer). Et s'il vous reste du budget, updown.io est une solution intéressante pour un prix d'entrée réduit.
• N'oublions pas Pingdom, le dinosaure du monitoring, il permet de surveiller la disponibilité et le temps de réponse de votre site web. Il offre des rapports détaillés sur la performance et peut également alerter les utilisateurs par SMS en cas de temps d'arrêt. Une valeur sûre.

Quel que soit l'outil que vous choisirez, la mesure la réactivité de votre site et l'identification des arrêts du service sont nécessaires mais pas suffisants pour surveiller la qualité de vos outils digitaux. Alors poussons un peu plus loin !

Les différents aspects de la qualité d'un site web

La qualité d'un site web ne peut pas être réduite à un simple critère comme le temps de réponse. Bien qu'un chargement rapide soit crucial pour offrir une bonne expérience utilisateur, de nombreux autres facteurs doivent également être pris en compte pour évaluer la qualité d’un site web. Dans le désordre, voici les 6 principaux axes de mesure de qualité :

• la rapidité de votre site web est essentielle pour l’utilisateur mais aussi pour Google qui en tient compte dans le référencement de votre site web. Mais comment évaluer la rapidité d’un site puisqu’elle dépend du réseau, du terminal de consultation ? Pour cela nous avons des outils de mesure : les cores web vitals (FCP, LCP, CLS) et un speed index.
• la sécurité de votre site web, c'est important pour ne pas se faire hacker mais il s'agit aussi d'assurer la sécurité des données de vos utilisateurs, des paiements. La thématique de la sécurité se décline sur différents volets : sécurité de l’hébergement, des bases de données et du code déployé. Donc un sujet délicat quand on se place côté client mais que nous pouvons tout de même tester via de nombreux points d'observation, par exemple, en vérifiant l’injection de données dans les formulaires, la présence des bons headers http, le passage automatique en https.
• le référencement (SEO) : la visibilité du site est un critère important de qualité : il doit être visible et mettre en valeur le travail de contribution. Pour cela les règles de l’art sont bien définies mais assez fluctuantes. Mince encore un sujet délicat à tester et évaluer dans le temps !
• l'expérience utilisateur (UX) : l’expérience utilisateur englobe tous les aspects de l'interaction d'un utilisateur avec le site. Cela inclut la navigation intuitive, un design attrayant, un contenu accessible et des fonctionnalités qui répondent aux besoins des utilisateurs. Un site qui offre une excellente expérience utilisateur incite les visiteurs à rester plus longtemps et à revenir. Pas évident à mesurer me diriez-vous, surtout si on veut automatiser ? Si si (mais que vient faire cette princesse dans ce post ?) on y arrive : contraste, lisibilité , navigation mobile. Tout cela se teste et s’automatise. Mais encore un sujet vaste.
• la conformité aux normes environnementales, européennes, françaises : RGAA, émissions carbone, RGPD sont des axes de mesure de la qualité qui doivent être testé conformément au cahier des charges. Par exemple, une fonctionnalité qui est régulièrement victime d'une mise à jour sans que personne s'en aperçoive : le dépôt de cookies tiers et donc le tracking publicitaire associé alors que l'utilisateur a refusé les cookies.
• les fonctionnalités spécifiques : certaines fonctionnalités stratégiques peuvent être particulières et nécessiter un test conçu sur mesure. Par exemple, un site e-commerce aura besoin d'un processus de paiement fonctionnel, d'un moteur de recherche pertinent, tandis qu'un site web "métier" nécessitera une interface de connexion sécurisée pour les utilisateurs mais d'autres fonctionnalités plus particulières sont plus difficiles à tester automatiquement : la présence d'une balise no-index, l'archivage d'un site web d'une usine à site, l'envoi d'un mail sur une action... Tout cela nous oblige à mettre en place de tests développés sur-mesure.

Les outils indispensables d'analyse de site web

Pour évaluer la qualité d'un site web sous ces différents axes décrits plus haut, de nombreux outils existent, voici les plus couramment utilisés :

Tout d'abord, PageSpeed Insights de Google est l'outil incontournable qui analyse la vitesse de chargement de votre site et fournit des recommandations pour l'optimiser. Il évalue différents aspects tels que le temps de réponse du serveur et le temps de chargement des éléments visuels, permettant ainsi d'améliorer l'expérience utilisateur.

Ensuite, nous avons à disposition une série d’outils techniques qui permettent de simuler les comportements des utilisateurs. Avec comme outil de référence Browserstack, pionnier du tests sur différents navigateurs à distance, ils proposent maintenant une automatisation de la navigation très pertinente.

Dernier niveau, le développement de tests sur mesure avec des librairies comme Puppeteer, Playwrite et Selenium qui permettent de simuler et d’automatiser une navigation. Tout cela est codé dans un script de tests qui permet une automatisation. Ajoutez un peu d'AI et vous détectez les régressions visuelles automatiquement.

Voici donc les 3 grandes familles d'outils (PageSpeed d'un côté, les outils en ligne payants Saas plus perfectionnés et les outils développés sur mesure), mais il faut bien noter que la qualité doit se mesurer dans le temps et que tous ces tests doivent être faits à la livraison mais aussi répétés lors des cycles de vies du site web. Alors comment automatiser tout cela ?

Comment régulièrement tester ces différents aspects et ainsi suivre la qualité de votre outil digital dans le temps ?

Chaque aspect de la qualité d'un site web peut être testé grâce à une variété d'outils spécifiques. Par exemple, Semrush se concentre sur l'optimisation pour les moteurs de recherche (SEO), tandis que des outils comme Datadog offrent une gamme de services de tests, allant de la surveillance des performances à l'analyse de la sécurité. Avec des mises à jour qui se produisent désormais quotidiennement ou même hebdomadairement, il est crucial de s'assurer qu'une amélioration apportée à un domaine ne compromet pas un autre aspect de la qualité du site. En effet, une réactivité constante aux modifications et une surveillance régulière permettent de maintenir un site performant.

Ces tests côté client sont complémentaires des tests côté développement. En effet, les tests des développeurs (tests unitaires intégrés au processus de livraison, tests manueIs des chefs de projet) visent à assurer le bon fonctionnement du système : il répond et n'a pas d'erreur mais il ne permettent pas de juger du bon fonctionnement d'un point de vue métier.

La stratégie que nous proposons chez qodop repose sur une mise en place sur mesure d'un contrôle qualité côté client. Nous commençons avec un audit initial sur mesure de la qualité de tous les aspects de l'outil digital. Cet audit vise à identifier les points forts et les domaines à améliorer, garantissant ainsi une base solide pour l’optimisation.

Dans un second temps, nous mettons en place des tests sur mesure en collaboration avec nos clients afin de créer des solutions personnalisées adaptées à leurs besoins spécifiques. Que ce soit pour un site web classique, une plateforme e-commerce, une usine à sites, une application web métier ou un service SaaS, notre objectif est de garantir une qualité optimale tout au long de la vie du projet.

Nous soulignons que nous n’avons aucun lien avec les outils mentionnés dans cet article et ne touchons aucune rémunération en rapport avec cette publication dont le but est d’expliquer la démarche et les services proposés par notre société de conseil en développement web qodop. Nous n’acceptons aucun lien rémunéré dans nos articles (pas la peine de nous démarcher !).