Un moyen simple de tester la qualité de votre site web

juillet 16, 2022

Apprenez une méthode simple qui permet à tout propriétaire d’entreprise de tester la qualité de son site web, y compris les performances, les meilleures pratiques, l’accessibilité et le référencement.

Je suis toujours étonné de voir le nombre de sites qui échouent même aux tests les plus simples.

Récemment, j’ai remarqué qu’une grande organisation locale avait créé un nouveau site web et j’ai décidé de jeter un petit coup d’œil sur le contexte (comme quelqu’un comme moi le fait habituellement !). Non seulement le site était extrêmement lent (et ne répondait pas aux normes de performance), mais il présentait également d’importants problèmes d’accessibilité et n’était pas correctement formaté.

Cerise sur le gâteau, le développeur avait oublié de rendre le site disponible pour les moteurs de recherche, de sorte que leur site n’apparaissait plus sur Google.

Ce type d’erreur coûte probablement des milliers de dollars à l’entreprise.

Le problème, c’est que beaucoup de ces erreurs ne sont pas visibles à l’œil nu et qu’il faut des outils spéciaux et des connaissances du secteur pour les trouver. Un site web est certes beau, mais ce n’est peut-être qu’une façade.

Il n’existe pas d’organisation faîtière qui garantisse que les sites web soient créés conformément aux directives (comme dans le secteur de la construction). Il s’agit donc de trouver un développeur en qui vous avez confiance pour faire les choses correctement – mais il est difficile de le savoir avec certitude.

Dans cet article, je vous présente une méthode simple pour tester votre site web afin de déterminer s’il y a des problèmes.

Il y a cependant une restriction…

L’outil de test que je vous présente est entièrement automatisé – et bien qu’il fasse du bon travail en effectuant des tests de base, il lui manque souvent un contexte important qui doit être analysé par une personne formée.

Effectuer ces tests est un bon début, mais si vous rencontrez des problèmes, vous devriez en parler à un développeur de site web pour vous assurer que les tests ont été effectués correctement.

Comment tester votre site web

Bien qu’il existe des milliers d’outils de test (gratuits et payants) sur le marché, l’objectif de cet article est de simplifier ce processus et de vous donner un moyen simple de tester votre site – c’est pourquoi nous nous concentrons sur un outil complet.

L’outil que nous allons utiliser est l’outil Page Quality sur le site web.dev, qui teste vos performances, le référencement, l’accessibilité et les bonnes pratiques. Bien qu’il ne s’agisse pas d’un test complet couvrant tous les aspects de la qualité de votre site, parmi tous les outils existants, il vous offre un bon aperçu général.

Pour tester votre site, rendez-vous sur https://web.dev/measure/, saisissez l’URL/l’adresse de votre site dans la barre de recherche vide et cliquez sur le bouton “Run Audit”.

Après environ 30 secondes, vous serez redirigé vers une nouvelle page qui affichera les résultats de votre test.

Ces résultats sont répartis en 4 catégories : Performance, Accessibilité, Meilleures pratiques et Référencement (Performance, Accessibility, Best Practices, SEO). Pour chacune de ces catégories, votre site obtient un score de 0 à 100 (100 étant la meilleure note).

Si vos résultats sont égaux ou supérieurs à 90, ils s’affichent en vert. 90+ points sont excellents et placent votre site dans le centile supérieur des sites web.

Les valeurs comprises entre 50 et 89 sont jaunes et signifient que votre site web présente quelques problèmes évidents qui doivent être résolus.

Toute valeur inférieure à 50 est rouge et indique de graves défauts.

Jetons maintenant un coup d’œil à chacune des 4 catégories pour en savoir un peu plus sur ce sur quoi elles sont testées.

Puissance (performance)

Les tests de performance sont importants pour plusieurs raisons.

En tant qu’utilisateurs d’Internet, nous sommes devenus de plus en plus impatients. Des études ont montré que la probabilité que quelqu’un quitte votre site augmente de manière exponentielle s’il met plus de 3 secondes à se charger.

Google (et d’autres moteurs de recherche) reconnaissent ce comportement et prennent en compte les performances dans le cadre de leur algorithme afin de déterminer le classement des moteurs de recherche. Comme les utilisateurs préfèrent un site qui se charge rapidement, Google peut (et va) privilégier la performance dans ses classements et donner un avantage aux sites rapides par rapport aux sites plus lents.

Le test de performance mesure 6 domaines clés qui font tous partie des Core Web Vitals. Il s’agit notamment

  • First Contentful Paint (FCP), c’est-à-dire le temps nécessaire à l’utilisateur pour obtenir les premières informations du site.
  • Indice de vitesse qui mesure la rapidité avec laquelle le contenu d’une page est visuellement rempli.
  • Largest Contentful Paint (LCP), qui mesure le moment où le plus grand élément de contenu est visible dans la zone du viewport.
  • Time to Interactive (TTI) mesure le temps nécessaire pour que le site Web réagisse aux interactions des utilisateurs.
  • Total Blocking Time (TTI), qui mesure le temps écoulé entre la première peinture de contenu et le temps d’interactivité (qui peut être perçu par les utilisateurs comme n’étant pas réactif).
  • Déplacement cumulatif de la mise en page, qui mesure les éléments qui changent de position lors du chargement du contenu.

Les Core Web Vitals sont devenus un indicateur extrêmement important pour l’analyse de la qualité des performances d’un site web. Non seulement parce qu’il s’agit de choses qui ont un impact si spectaculaire sur l’utilisateur, mais aussi parce que Goolge utilise précisément ces métriques pour évaluer votre site.

En dessous des résultats de performance, vous voyez les sections “Possibilités”, “Diagnostic” et “Examens existants”. Vous trouverez dans ces sections un rapport plus détaillé. Bien que ces informations soient importantes pour comprendre vos résultats (et savoir ce que vous pouvez faire pour les améliorer), elles sont remplies d’un jargon de développeur de site web qui peut ne pas avoir beaucoup de sens pour un utilisateur non averti.

Accessibilité (Accessibility)

Tout comme les locaux physiques d’un magasin doivent être conformes aux directives de l’Americans with Disabilities Act (ou “ADA”), votre site web doit également être conforme aux normes d’accessibilité.

Cela permet de s’assurer que les personnes ayant des capacités différentes peuvent utiliser votre site sans charge excessive.

Les mesures d’accessibilité comprennent entre autres

  • Contraste des couleurs pour les personnes daltoniennes ou malvoyantes.
  • Texte alternatif pour les images pour les personnes malvoyantes qui ne peuvent pas voir les images.
  • Navigation au clavier pour les personnes qui ne peuvent pas utiliser de souris.
  • HTML sémantique qui donne un contexte à la structure de votre site.
  • Et bien plus encore.

Non seulement la loi vous oblige parfois à respecter les normes d’accessibilité, mais il est également dans votre intérêt de le faire. Environ un quart de la population des États-Unis est handicapée d’une manière ou d’une autre. Un site web qui ne respecte pas les normes d’accessibilité pourrait s’aliéner près d’un quart de ses visiteurs et clients potentiels.

Bonnes pratiques (Best Practices)

Le test des meilleures pratiques est un peu plus difficile à définir, mais il s’agit généralement de rechercher les erreurs courantes qui ont un impact sur la sécurité de votre site, les bugs, les technologies obsolètes, la facilité d’utilisation et plus encore.

Il est important qu’un professionnel examine les problèmes énumérés dans cette section, car il s’agit de la catégorie la plus susceptible d’entraîner des résultats faussement positifs. Par exemple, dans mes résultats de test, on m’a retiré 8 points pour une erreur. En analysant l’erreur, j’ai constaté qu’il ne s’agissait que d’une ressource limitée par l’outil de test, mais qui fonctionne sans problème pour les vrais visiteurs.

Des cas comme celui-ci illustrent l’importance de faire analyser ces résultats par un professionnel formé, car il est en mesure de les examiner et d’utiliser le contexte pour comprendre s’ils valent la peine d’être examinés.

SEO

Le domaine du SEO (ou “Search Engine Optimization”) est extrêmement important pour ceux qui veulent attirer de nouveaux visiteurs sur leur site web via la recherche (comme Google).

Le SEO est un vaste sujet avec des milliers de facteurs à prendre en compte – n’oubliez donc pas que l’outil de test ne peut pas faire grand-chose sans le contexte pour lequel votre site doit être classé.

Le test est toutefois bien adapté pour s’assurer que vous suivez les conseils de base en matière de référencement, y compris la structure et les métadonnées appropriées. La performance et l’accessibilité jouent toutes deux un rôle dans votre évaluation SEO – et de nombreuses erreurs d’accessibilité et de performance peuvent également se répercuter sur votre évaluation SEO.

Ce n’est pas parce que vous obtenez un score élevé dans ces résultats que votre site est bien classé dans les moteurs de recherche, mais cela signifie que les choses ont été correctement structurées, de sorte que vous avez une bonne base pour l’optimisation des moteurs de recherche.

Une approche globale

La combinaison de l’absence de normes pour la construction d’un site web et de la compréhension technique de ce qui fait un site web bien construit fait que de nombreux entrepreneurs se retrouvent avec des sites web qui ne sont rien de plus qu’une belle façade.

Il est important de vérifier la qualité de votre site web, non seulement lors de sa création initiale, mais aussi régulièrement, à mesure que les normes et les bonnes pratiques évoluent au fil du temps. Tout comme vous devez faire réviser votre voiture une fois par an, il est important de s’assurer que votre site web fonctionne correctement. Une maintenance de routine est toujours moins coûteuse qu’une remise en état, c’est pourquoi il est essentiel de procéder à un contrôle proactif de votre site web.

L’outil de test web.dev vous donne un bon aperçu de la qualité de votre site web, mais il n’est pas comparable à un contrôle manuel effectué par un spécialiste.

Par exemple, un outil automatisé peut vous dire si les couleurs que vous utilisez ont un contraste suffisant pour répondre aux normes d’accessibilité, mais il ne peut pas vous dire s’il s’agit de la meilleure couleur pour attirer votre public cible ou si elle correspond à votre image de marque.

Ils ne donnent pas non plus beaucoup d’informations sur les problèmes insignifiants et ceux qui pourraient entraîner des problèmes plus importants avec votre présence en ligne. Par exemple, dans l’histoire que j’ai racontée au début, un site web a été paramétré pour ne pas apparaître dans les résultats de recherche et a reçu un 77 pour le référencement, alors que son site n’apparaît même pas dans les résultats de recherche (je lui attribuerais un zéro !).

Il est préférable de considérer ces outils comme des aides pour mesurer la qualité de votre site web – mais n’oubliez pas qu’ils ne racontent qu’une partie de l’histoire.

Si vous souhaitez que je vérifie votre site, je le ferai volontiers. Un audit complet peut être réalisé pour environ 100 à 250 CHF, selon la taille, la structure et la complexité de votre site. Les audits sont accompagnés d’un rapport complet et d’un guide détaillé des mesures correctives recommandées. Une fois que vous avez nos résultats, nous pouvons vous proposer un devis pour effectuer les réparations ou vous pouvez utiliser l’audit pour trouver d’autres développeurs pour effectuer les travaux.

Contactez-nous dès aujourd’hui pour que nous puissions convenir d’un rendez-vous afin de discuter de vos préoccupations et de planifier un audit.