- Support de formation 2018-2019
Cours n°2.
1. Rappels : qualité des sites web
1.1. PARAMÈTRES QUALITÉ D'UN SITE INTERNET
Créer un site Internet de qualité nécessite de réunir les différentes conditions suivantes visant finalement à satisfaire les cibles pour lesquelles le site Internet est conçu.
1.2. RÉFÉRENTIELS ET STANDARDS QUALITÉ WEB
Un certain nombre de standards et référentiels permettent de construire des sites dans une démarche qualité mais il n'y a pas de standard unique. Voici quelques uns de ces référentiels :- Validité du code HTML CSS : impacte l'interopérabilité, le référencement naturel,
- référentiels proposés par le W3C http://www.w3.org/ comme référentiel HTML5 http://www.w3.org/TR/html5/
- validateurs en ligne http://validator.w3.org/
- Accessibilité : référentiel proposé par le SIG
- Référentiel Général d'Accessibilité pour les Administrations http://references.modernisation.gouv.fr/rgaa-accessibilite
- Ergonomie : référentiel proposé par le SIG
- Charte ergonomique des sites web http://references.modernisation.gouv.fr/sites/default/files/Charte_ergonomique_v2.0_2.pdf
- Qualité : référentel proposé par Temesis
- Checklist opquast : http://checklists.opquast.com/fr/oqs-v2
- Listes spécifiques
- référencement : http://checklists.opquast.com/fr/oqs-v2?q=r%C3%A9f%C3%A9rencement,
- ecommerce : http://checklists.opquast.com/fr/oqs-v2?q=commerce
- Référencement :
- recommandations proposées par les moteurs de recherche par exemple Google Webmaster Tools https://www.google.com/webmasters/tools/
1.3. Outils
Différents outils seront utilisés pour réaliser l'audit d'un site, ils sont tous gratuits :
- Historique d'un site web : http://archive.org/web/
- 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/ : surtout orientés sur les optimisations "onsite"
- https://majestic.com/ : la référence en termes de popularité des sites web et de netlinking : version gratuite limitée
- https://ahrefs.com/ : uniquement version payante détermine les backlinks et la liste des mots clés classés sur les moteurs de recherche pour 1 site
- Tests de performances :
2. Audit de site et d'une présence web
2.1. 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.
2.2. Pourquoi réaliser un audit d'un site web ?
2.2.1. 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.
2.2.2. 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.
2.2.3. 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é.
2.3. 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.
3. Audit généraliste de site web
3.1. Le plan du rapport d'audit
- Introduction
- Contexte :
- Pourquoi l'audit ?
- Eléments stratégiques réels ou hypothétiques (cibles et expressions clés)
- Outils et méthode
- Moment de l'audit et périmètre
- 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)
- Une présentation détaillée des points audités et résultats collectés :
- Données génériques
- Contenus et fonctionnalités (pertinence, qualité,...)
- Visibilité
- Potentiel de référencement
- Popularité
- Ergonomie Web
- Accessibilité
- Interopérabilité
- Performances
- Présence web : présence et popularité sur les réseaux sociaux, sur le web en général,...
- Critères plus subjectifs
- 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
3.2. 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
3.3. 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/
- 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/ : surtout orientés sur les optimisations "onsite"
- https://majestic.com/ : la référence en termes de popularité des sites web et de netlinking : version gratuite limitée
- https://ahrefs.com/ : uniquement version payante détermine les backlinks et la liste des mots clés classés sur les moteurs de recherche pour 1 site
- Tests de performances :
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
- 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
4. Un exemple d'audit
Nous vous proposons de réaliser un audit ensemble et de consulter un rapport d'audit produit à ce titre en avant vente pour le site web http://www.talence.fr/, une des communes de la CUB. Nous vous proposons ici le résultat de cet audit rapide aui pourrait avoir lieu dans le cadre d'une démarche d'avant vente.
5. Un 2nd exemple d'audit
Audit du site web http://www.iutpubbordeaux.fr/site/ d'après un plan permettant d'aborder les thématiques suivantes :- Introduction
- Contexte :
- Eléments stratégiques réels ou hypothétiques
- cibles
- expressions clés
- taches à traiter par les cibles
- choix des pages à auditer
- Eléments stratégiques réels ou hypothétiques
- Contexte :
- Résultats de l'audit : les chiffres bruts critères par critères avec éventuellement des observations mais pas de préconisations
- Données génériques
- date de création du site
- nombre de pages du site
- présence sur les réseaux sociaux pro ou grands publics
- Visibilité
- Potentiel de référencement
- nom de domaine du site
- url des pages
- optimisation code HTML (<h1>, meta title, meta description, redondance en mots clés de la page,...)
- performance et rapidité de chargement
- présence d'un sitemap
- standard HTML5
- Popularité
- nombre et qualité des liens renvoyant vers le site audité
- Potentiel de référencement
- Contenu
- pertinence du contenu / référencement
- pertinence du contenu / besoin des cibles
- qualité des fonctionnalités et services proposés
- actualisation du site
- Ergonomie Web
- simplicité
- qualité d'accueil des différentes cibles
- impression
- gestion des erreurs éventuelles des internautes
- simplicité de la prise de contact et des processus de conversion
- Accessibilité
- Interopérabilité
- test différents navigateurs, différents devices y compris mobiles et tablettes
- Performances
- Présence web : présence et popularité sur les réseaux sociaux, sur le web en général,...
- 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
Consulter le rapport d'audit de ce site réaliser par des étudiants PUB 2nde année
- Télécharger le fichier (audit-exemple-pub.pdf 238,28 Ko 2016-03-17 21:26:31)