Qu'est ce que l'audit d'un site web ?
Auditer un site web revient à examiner un site d'après plusieurs focus (technique, accessibilité, ergonomie, SEO,) en se consacrant à plusieurs pages différentes et en listant :
- les éventuels défauts
- les qualités relevées
Et débouchant sur un certain nombre de préconisations.
Pourquoi réaliser un audit d'un site web ?
Amélioration progressive
Puisque les sites web présentent l'avantage d'être aisément modifiables, la réalisation d'audits réguliers et d'améliorations liées permet de mettre le site dans une démarche d'amélioration progressive, cercle vertueux et positif à tous les niveaux.
Entrée en matière
L'audit d'un site web est également un bon moyen "commercial" pour séduire un prospect et le convaincre de nos compétences et de l'intérêt que peut représenter le fait de devenir client.
Contrôle et garanties
Un audit peut être réalisé à différentes étapes d'un projet web en fournissant une grille de controle des points clés de faille et de réussite et évitant que certaines problématiques soient omises et mises de côté.
Les différents types d'audits
La présence web peut être auditée sous différents angles (présence sociale, aspects techniques,...) chaque aspect devant être réalisé par des spécialistes disposant d'outils dédiés au cours d'opérations d'audit pouvant occuper un temps assez long. Dans le cadre de cet exercice nous proposons de réaliser un audit assez large recouvrant des thématiques et domaines différents. Nous nous plaçons dans le cadre de cet exercice, plutôt comme une agence web souhaitant contractualiser avec un prospect et dégageant une vision globale de la présence web.
Audit généraliste de site web
Le plan du rapport d'audit
- Introduction
- Contexte :
- Pourquoi l'audit ?
- Pour améliorer les qualités du site et favoriser l'activité du site audité
- Eléments stratégiques réels ou hypothétiques
- objectifs du site : quels sont les objectifs de l'annonceur (notoriété / fidélisation / génération de trafic / conversions) par ordre de priorité
- cibles : à priori quelles sont les cibles (ce contexte doit orienter votre audit)
- expressions clés : quelles sont les expressions clés à priori saisies par les internautes (une dizaine d'expressions composées de 2 à 5 mots chacune)
- que viennent faire les cibles sur ce site : quelles taches à sont traiter par les cibles
- Pourquoi l'audit ?
- Outils et méthode :
- lister les outils que vous allez utiliser
- Moment de l'audit et périmètre
- lister les pages auditées (justification des choix) avec leurs liens
- préciser à quelles dates vous faites l'audit
- Contexte :
- Résultats de l'audit : les chiffres bruts critères par critères avec éventuellement des observations mais pas de préconisations
- Un résultat d'audit synthétique (à destination des gens pressés et décideurs) cela résume les points clés détectés dans le reste de ce chapitre (un tableau point positif / point négatif peut être une bonne idée)
- Une présentation détaillée des points audités et résultats collectés :
- Données génériques :
- Date de création du site et versions de charte graphiques éventuelles https://web.archive.org/
- Contenus et fonctionnalités (pertinence, qualité,...)
- Quels types de contenus sont proposés (textes, vidéos, images,...) et quelle est la qualité de ces contenus (en pensant aux attentes des cibles) ? Le site Internet répond il convenablement aux besoins des cibles ?
- Présence et popularité sur réseaux sociaux ? Avec quelle qualité / quelle activité
- Visibilité
- OPTIMISATION SEO : visibilité sur les moteurs de recherche : paramètre "on site"
- Potentiel de référencement
- le site web audité est il classé en page 1 des résultats de recherche Google pour les expressions clés testées https://www.google.fr/
- combien de pages contient le site cf sur google.fr site:
- optimisations techniques du site :
- le nom de domaine contient il des expressions clés ?
- les url des pages contiennent elles des expressions clés ?
- dans le code source des pages :
- existe t il une balise h1 ? Si oui son contenu est il pertinent ?
- existe t il des balises h2, h3 ? Si oui son contenu est il pertinent, son contenu est il différent pour chaque page du site ?
- existe t il une balise <title> ? Si oui son contenu est il pertinent, son contenu est il différent pour chaque page du site ?
- existe t il une balise META description ? Si oui son contenu est il pertinent, son contenu est il différent pour chaque page du site ?
- quel est le poids moyen d'une page ?
- si supérieur à 1.5 Mo : optimisations insuffisantes
- Potentiel de référencement
- OPTIMISATION SEO : visibilité sur les moteurs de recherche : paramètres externes au site
- OPTIMISATION SEO : visibilité sur les moteurs de recherche : paramètre "on site"
- Ergonomie Web
- Testez l'ergonomie du site en version desktop (en vous mettant à la place des cibles et en réalisant des parcours types) pour déceler les éventuels défauts d'optimisations
- Testez l'ergonomie du site en version smartphone et tablettes pour déceler les éventuels défauts d'optimisations ; éventuellement utilisez http://www.responsinator.com/
- Testez l'impression de page pour vérifier son optimisation
- Testez le fonctionnement des formulaires et notamment la gestion des erreurs
- Vérifier si une page d'erreur 404 est proposée en tant qu'erreur sur l'url de la page et vérifier son contenu et ses fonctionnalités
- Accessibilité
- l'accessibilité est un sujet à part entière avec de multiples critères définissant le niveau d'accessibilité du site ; nous ne ferons que quelques tests :
- Zoomer à un niveau supérieur à 300% sur différentes pages du site pour vérifier si les contenus sont accessibles, consultables,...
- Essayer de naviguer avec la touche tabulation du clavier pour vérifier si cette navigation est fonctionnelle
- l'accessibilité est un sujet à part entière avec de multiples critères définissant le niveau d'accessibilité du site ; nous ne ferons que quelques tests :
- Interopérabilité
- testez le site avec différents navigateurs (si possible Internet explorer)
- Performances
- quel est le poids moyen d'une page (inspecteur web) ?
- si supérieur à 1.5 Mo : optimisations insuffisantes
- quel est le poids moyen d'une page (inspecteur web) ?
- Critères plus subjectifs (esthétiques,...)
- Données génériques :
- Préconisations : Il s'agit d'exposer les évolutions envisagées en essayant de proposer des améliorations simples et rapides et des améliorations sur le long terme. Là encore il faut fournir 2 niveaux de lecture à ce document
- Préconisations synthétiques
- Préconisations détaillées
- Conclusions & suites à donner
Autres recommandations
- Veiller à adopter une posture positive en valorisant les champs d'amélioration plus qu'en accentuant sur les défauts actuels.
- Faciliter la lecture du document par des illustrations, liens, et des exemples parlants même pour un néophyte.
- Ne jamais être trop affirmatif, vous ne maitrisez pas forcément le contexte.
- Dans le chapitre des préconisations replacer la problématique et les suites à donner dans le contexte spécifique du site audité (cibles/taches à réaliser,...)
- Produire un document avec 2 niveaux de lecture (lecture rapide et non technique pour les décideurs, lecture détaillée précise et technique pour les techniciens)
- Soigner particulièrement les introductions, conclusions et suites à donner
Outils utilisés
Auditer un site de l'intérieur
Si vous pouvez accéder aux données issues des outils d'analyse d'audience (Xiti, Google analytics,...) et des outils de suivi qualité (google webmaster tools), leurs analyses viendront judicieusement renforcer vos analyses en vous apportant des données supplémentaires. Mais l'accès à ces données est réservé aux administrateurs des sites et à leurs partenaires, il faut donc parfois faire sans. De même si le client final à réaliser des enquêtes et études sur l'usage de son site, ces éléments pourront enrichir votre réflexion.
Auditer un site de l'extérieur
Que l'on dispose ou non des données internes au site, vous aurez besoin pour réaliser cet audit
- Historique d'un site web : http://archive.org/web/
- Généralités sur un site web : http://www.alexa.com/ (à prendre en compte avec beaucoup de précautions)
- Navigateur web moderne (tout sauf IE)
- Console de développement intégrée dans les navigateurs Firefox/Chrome/Safari
- Internet Explorer 10 (permet de simuler les versions précédentes)
- Opquast :
- Opquast reporting : l'inspecteur http://www.opquast.com/
- Opquast bonnes pratiques comme référentiel > la "bible" ou vous retrouverez tous les points étudiés dans ce TP cf https://data.oqs-cdn.com/checklists/11/Opquast-Quality-Best-practices_V2-2010.pdf
- Validateur W3C : http://validator.w3.org/
- Simulateur mobile et tablettes : http://www.responsinator.com/
- Outil d'audit SEO : il en existe pléthore, un exemple :
- http://www.site-analyzer.com/fr/
- https://moz.com/
- https://www.seobserver.com/ : suivi de positionnement mot clé
- https://gtmetrix.com/ : performances
- https://fr.semrush.com/dashboard/ : audit seo Onsite et hors site
- https://ahrefs.com : suvi seo hors site (backlink)
- Simulateur mobile et tablettes : http://www.responsinator.com/
- Tests de performances : https://developers.google.com/speed/pagespeed/insights/
Autres ressources
Certains aspects d'un site web comme l'ergonomie ne font pas l'objet de tests automatisés, il est alors nécessaire de réaliser un audit manuel et détaillé, nous vous proposons ici des liens vers des documents pouvant étayer vos savoirs et faciliter la phase d'audit :
- Ergonomie Web (Synthèse de l’ouvrage d’Amélie Boucher : « Ergonomie Web » [Editions Eyrolles])
- Télécharger le fichier (ergonomie-web2 ergonomie-web2.rtf 528,48 Ko 2015-09-21 16:12:32)
- Bonnes pratiques Opquast : la "bible" ou vous retrouverez tous les points étudiés dans ce TP
POUR ALLER PLUS LOIN...
- Heuristiques de Nielsen (issues de Nielsen et Molich, 1990)
- 10 heuristiques créées en 1994 et révisées en 2005 pour juger de l’utilisabilité de l’interface c fhttp://www.hec.unil.ch/fbodart/IHM/Chap3/heuristiques.html
- Critères ergonomiques de Bastien et Scapin
- 18 critères répartis en 8 dimensions pour juger de l’ergonomie des interfaces homme-machine http://www.ergoweb.ca/criteres.html
Exemples d'audit
Audit rapide de site web (utilisation en avant-vente)
- Audit avant vente Alsaris Télécharger le fichier (1,93 Mo)
- Audit avant vente IDS Energie Télécharger le fichier (1,96 Mo)
- Audit avant vente COVIAM Télécharger le fichier
Audit de l'ancien site IUT Publicité
- Télécharger le fichier (audit-exemple-pub.pdf 238,28 Ko 2016-03-17 21:26:31)
Votre travail d'audit
Dans le cadre des séances suivantes vous allez réaliser de manière individuel un audit de site web. Vous devez sélectionner le site que vous auditerez et l'indiquer dans le document partagé :
- https://docs.google.com/spreadsheets/d/1npdOxRS7vW1F_xGvpBWic_GQXtgV7tJ-ru2DU1N3V84/edit?usp=sharing
Débuter l'audit
- Ouvrez le document Dupliquez le document https://docs.google.com/spreadsheets/d/10I2xfCmZR5tC0MWY5Ygl12FpfWiM7XVmMLNaz2rOi4c/edit?usp=sharing
- Dupliquez le document sur votre espace sur google drive sans le modifier
- Renommez le document avec vos noms et prénoms
- Partagez le document avec naturalnetericemery@gmail.com
- Récupérez le lien de partage du document et l'indiquer sur le document partagé
- https://docs.google.com/spreadsheets/d/1npdOxRS7vW1F_xGvpBWic_GQXtgV7tJ-ru2DU1N3V84/edit?usp=sharing en colonne E : "Lien vers votre grille d'audit"
- Nous allons ensuite débuter l'audit en étudiant différents aspects du site audité et en vous laissant reporter dans votre grille d'audit les résultats de vos tests et analyses
Echanges sur les modifications du site en développement
- Nous devons finaliser la nouvelle version du site : https://www.iutpubbordeaux.fr/
- site en développement : https://iut-pub-dev.kiubi-web.com/
- identifiant : site
- mot de passe : site
- site en développement : https://iut-pub-dev.kiubi-web.com/
- Vous m'avez transmis un brief concernant vos modifications que j'ai besoin de détailler avec vous : https://docs.google.com/spreadsheets/d/1ltdAHVAuY1AhXJ_TNOMxXmrP-GT5B2fBsi93sxI7j1E/edit?usp=sharing