• Support de formation 2018-2019
Web & webmarketing
burger menu

Exemple audit Talence.

  1. Support de cours PUB/MMI/ECV
  2. Site web 2PUB3M3
  3. Séance 1
  4. Exemple audit Talence

Exemple audit Talence

1. Plan de l'audit 

  • Introduction
    • Contexte :
      • Pourquoi l'audit ?
      • Eléments stratégiques réels ou hypothétiques (cibles, expressions clés)
    • Outils et méthode
    • Moment de l'audit et périmètre
  • Résultats de l'audit
    • 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
      • Visibilité
        • Potentiel de référencement
        • Présence sur les réseaux sociaux
        • Popularité
      • Ergonomie Web
      • Accessibilité
      • Interopérabilité
      • Performances
      • 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
    • Actions à court terme
    • Actions à moyen terme
  • Conclusions
  • Suites à donner

2. Introduction 

2.1. Contexte

Cet audit a été réalisé dans le cadre d'une démarche d'avant vente auprès du prospect que constitue la Mairie de Talence. Afin de mieux valoriser auprès du prospect l'intérêt d'une collaboration, nous accompagnons notre démarche commerciale de ce document d'audit.


Caractérisation des cibles

En tant que site web de la municipalité de Talence, le site www.talence.fr dispose à priori de plusieurs cibles principales :

  • Les administrés et talençais et futurs administrés
  • Les éventuels investisseurs souhaitant s'implanter et se développer sur le territoire
  • Les membres de la mairie et élus
  • Les partenaires institutionnels et "concurrents"
  • La presse et les médias

Un site web de qualité permettra à l'ensemble de ces cibles de réaliser dans les meilleures conditions l'ensemble des taches qu'elles seront amenées à effectuer en consultant et interagissant avec le site.

Aussi c'est au regard de ces cibles que nous avons réalisé cet audit qui est donc "orienté utlisateur".

2.2. Outils et méthodes

Différents outils ont été utilisés durant l'audit en voici la liste

2.3. Moment de l'audit et périmètre

Cet audit a été réalisé entre le 10 et le 15 novembre 2014, en dehors des périodes de vacances scolaires et à priori en dehors de périodes particulières en terme d'événementiel de la municipalité.

De nombreuses pages ont été consultées mais l'essentiel de l'audit s'est porté sur les pages suivantes (en rapport avec les principales cibles du site) :

3. Résultats de l'audit

3.1. Synthèse de l'audit

En termes d'ergonomie, de qualité d'accueil des internautes, de qualités techniques, de visibilité, l'audit technique rapide que nous avons réalisé à révélé :

  • que le site ne présente pas de défauts majeurs en dehors des points suivants :
    • non adaptation aux tablettes et smart phone qui représentent désormais de 15 à 20% des consultations de sites web en France
    • une mauvaise utilisation du code HTML pour mettre en valeur les contenus des différentes pages qui nuit à la notoriété
    • le site n'est pas conçu et orienté pour l'utilisateur quant à sa capacité de répondre efficacement aux problématiques des cibles principales
  • que de nombreux défauts de moindres importances ont été révélés :
    • Défaut dans le code HTML et son optimisation
    • Défaut en termes d'ergonomie et d'accessibilité :
      • Nombre des menus et des liens très importants,
      • Mauvaises exploitations des polices, couleurs, pour structurer les contenus,
      • Non respect des conventions ne permettant pas de bénéficier des apprentissages externes,...

3.2. Présentation détaillée de l'audit

3.2.a. Données génériques

Le site de la Mairie de Talence existe depuis au moins janvier 2005. A cette époque le site web disposait d'une autre charte graphique (plus simpliste) et d'un contenu moins vaste. L'outil http://web.archive.org/web/20050103025235/http://www.talence.fr/ nous permet en effet de remonter jusqu'à cette date pour retrouver l'aspect graphique et l'ergonomie de cette ancienne version. 


Capture d'écran de la page d'accueil en 2005

Cela fait donc au moins une dizaine d'années que le site est présent sur le web. Une seconde version a été mise en place depuis cette date et à nouveau remplacée par la version actuelle du site. Cette version actuelle a été mise en place entre 2009 et 2011. La version actuelle du site est donc au moins la 3ème version de site web proposée par la municipalité depuis la mise en place du site.

3.2.b. Visibilité

Potentiel de référencement



  • Les url de la plupart des pages comportent des mots clés pertinents en phase avec le contenu
  • Les pages possèdent un titre (balise title) correct et variable de page en page

  • Points négatifs :
    • Les pages ne possèdent pas de description
    • La sémantique (organisation du balisage HTML) n'est pas du tout optimisé :
      • Toutes les pages du site ont comme titre principal (balise h1) "Cliquez pour retourner à l'accueil"
        • toutes les pages du site ont donc le même titre, ce qui est négatif
        • et ce titre n'est pas en rapport avec le contenu ce qui ne permet pas de valoriser les mots clés auprès des moteurs de recherche
      • La page d'accueil n'a pas de titre de niveau 1 ni de titre de niveau 2
      • De manière générale aucune des balises de headings (h1 à h6) ne valorisent les mots clés importants de chaque page

Présence sur les réseaux sociaux

La mairie est présente sur les réseaux sociaux Twitter et Facebook
La mairie ne semble pas présente sur Google+ ni de page Google+ local. Une présence sur ce type de réseaux est peu couteuse et permettra d'améliorer la visibilité de la mairie et de son site web

Popularité

Il semble qu'il n'y ait qu'une 50 aines de sites web qui possèdent des liens renvoyant vers le site de la Mairie (cf https://www.google.fr/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=link:www.talence.fr&start=0), ce nombre de liens est assez limité et pourrait être développé pour développer la popularité du site elle même gage de meilleure visibilité et audience.

3.2.c. Ergonomie Web

  • Le site ne semble pas présenter de défaut majeur en termes d'ergonomie en dehors de la non adaptation aux tablettes et smart phone :
    • Le site fonctionne sur des navigateurs récents comme modernes
    • Les pages d'erreur sont bien gérées
    • Le site dispose d'un plan du site
    • Les formulaires fonctionnent correctement et délivrent des messages d'erreur adaptés
    • Le moteur de recherche semble fonctionner correctement
    • L'impression est gérée
  • Des points font défaut :
    • Le site n'est pas adapté aux consultations par tablettes et smart phone
    • Sur la page d'accueil, en dehors des contenus le site dispose de 4 zones de navigation ce qui est nuisible à la compréhension rapide du site, de même le nombre de liens est très important
    • Le site n'est pas orienté utilisateur en permettant par exemple de regrouper des liens et contenus en fonction des profils des principales cibles (parents, familles, presse,...)
    • Sur les pages profondes ces menus sont maintenus mais sont déplacés ce qui nuit aux apprentissages internes
    • La gamme des tailles, couleurs et types police utilisées ne permettent pas une lecture rapide sur toutes les pages du site et une structuration des contenus
    • Les liens ne sont pas toujours mis en évidence ce qui rend difficile leur détection sur la page
    • Une présentation mieux organisée du moteur de recherche (+ autosuggestion), du plan du site en amélioreraient l'usage et l'expérience utilisateur
    • Le fil d'ariane pourrait être amélioré (il n'est pas toujours complet et il renvoie vers les pages en cours de consultation)
    • Il n'y a pas à proprement dit de page de contact qui rassemblerai toutes les informations (adresse, formulaire, coordonnées, plan, horaires,...)
    • L'ergonomie de certains éléments n'est pas standard ce qui nuit à leur compréhension et usages (cf capture ci après ou les filtres du haut de page ne sont pas évidents)

 

3.2.d. Accessibilité

Rappels : En terme d'accessibilité les sites des administrations doivent par la loi se conformer à l'application du R.G.A.A. https://references.modernisation.gouv.fr/rgaa-accessibilite

La problématique d'accessibilité a été visiblement prise en compte lors des développements du site, cependant :

  • La présence d'un très grand nombre de liens sur chaque page nuit à une consultation rapide du site et entraine une charge cognitive importante voit confusante
    • de nombreux items et liens sont redondants entre le menu principal et les autres menus
  • Il n'y a pas de mise en exergue du focus lors du déplacement sur la page via les touches de tabulation
  • L'internaute n'est pas prévenu lors de l'ouverture de nouveaux onglets au clic sur certains liens
  • Cetaines images portent des balises dont l'attribut alt n'est pas pertinent
  • Les tailles de polices employées sont généralement petites ce qui nuit à la facilité de lecture

3.2.e. Interopérabilité

Les points positifs


Les points négatifs

  • Le site n'est pas adapté aux consultations par tablettes et smart phone
  • Le site utilise quelques éléments flash qui seront mal ou non gérés sur différents terminaux
  • Le code HTML n'utilise pas le standard HTML5 et les balises permises par ce standard (article, section,)

3.2.f. Performances

La rapidité de chargement des pages est crucial notamment lors des consultations en situation de mobilité.
Les différents outils consultés comme Google Page Speed (https://developers.google.com/speed/pagespeed/insights/?url=www.talence.fr&tab=desktop) montrent un potentiel d'amélioration assez important passant par :

  • Une meilleure mise en cache des éléments
  • L'élimination des codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison
  • Le regroupement des fichiers CSS et JS appelés

3.2.g. Critères plus subjectifs

Le site dispose d'une charte graphique assez claire mais aussi assez neutre qui ne permet pas de mettre en relief et différencier les contenus et de structurer la lecture. Le site à un aspect de portail classique très informatif mais assez austère.

4. Préconisations

L'audit rapide que nous avons réalisé a révélé que des actions sont à mener pour améliorer la qualité d'accueil et satisfaction des utilisateurs du site. Compte tenu des champs d'amélioration relevés et de leur importance et impact en terme de coût et planning nous proposons une stratégie en 2 étapes :

4.1. Actions à court terme

  • Visibilité et audience
    • La correction du balisage HTML des pages pour recourir judicieusement aux balises de titre et ajouter une description aux pages sont des actions qui peuvent être conduites assez rapidement et dont le bénéfice en termes d'audience est indéniable.
  • Popularité et réseaux sociaux
    • Une meilleure utilisation des réseaux sociaux (par l'affichage des derniers tweets et posts facebook directement sur l'accueil) et le développement d'une présence sur Google+ et Google+ Local permettra de développer la popularité du site. En parallèle, la Mairie devra réfélchir à une politique de mise en place de liens externes vers le site.
  • Ergonomie et accessibilité :
    • L'élimination des liens redondants entre différents menus soulagera de manière très simple la charge cognitive des pages
    • Le remplacement des animations flash par des formats plus compatibles et non propriétaires est à envisager
    • Le traitement conventionnel de tous les liens hors menus (soulignés par défaut) offrira plus de clarté

4.2. Actions à moyen terme

Le défaut d'adaptation aux tablettes et smart phone, le peu de structuration dans l'organisation des pages, la confusion générée par les 4 zones de menus différents, nous amène à proposer une refonte graphique complète du site seule à même d'apporter des réponses cohérentes et de qualité à ces problématiques. Cette refonte de l'ergonomie et du graphisme du site pourra s'appuyer sur des spécifications générales et sur un prototype fonctionnel qui évoluera pas à pas tout au long de nos échanges.

5. Conclusions

Le site web de la Mairie de Talence ne dispose pas de failles ou dysfonctionnements majeurs. Cependant l'évolution des pratiques et usages, le besoin avant tout de répondre aux besoins des utilisateurs et en premier lieu des administrés nous incite à proposer d'initier une collaboration autour d'une démarche d'amélioration progressive. Celle si permettra de vous accompagner sur les courts et longs termes de manière à améliorer pas à pas la qualité d'accueil de vos différentes cibles et leurs satisfactions.

6. Suites à donner

Nous nous plaçons à votre disposition pour répondre à toutes questions complémentaires, et nous vous invitons à nous contacter pour prolonger cette entrée en matière par une discussion qui nous permettrons d'envisager uen éventuelle collaboration.