- Rappels sur le webmarketing
- Qualité des sites web
- Audit de sites web
- Nous allons réaliser ensemble un audit de site web, vous devez dès maintenant réfléchir au site que vous souhaitez auditer pour que vous ayez choisi ce site durant la séance
- Support de formation 2018-2019
MMI 2.
1. Rappels webmarketing
Le webmarketing c'est quoi ?
Le marketing peut être défini comme l'ensemble des actions ayant pour objectifs d'étudier et d'influencer les besoins et comportements des consommateurs et de réaliser en continu les adaptations de la production et de l'appareil commercial en fonction des besoins et comportements précédemment identifiés.Le web a révolutionné le marketing. La réactivité de ce média, sa flexibilité, la capacité de tout mesurer et d’interagir avec les consommateurs sont sans aucune mesure avec ce que l’on peut accomplir à la télévision ou dans la presse. On peut, de plus, toucher les consommateurs à chaque phase du processus décisionnel. Le web a également révolutionné la consommation !
Les principaux objectifs webmarketing sont :
- la génération d'audience qualifiée,
- la conversion de l'audience (en achat, en prise de contact, en inscription,...),
- le développement de la notoriété,
- le développement des processus de fidélisation .
Annonceurs, agences web, agences de marketing web, régies, réseaux et plateformes, sont autant d'acteurs de la filière web marketing
- Les grands dispositifs webmarketing répondant aux 4 objectifs webmarketing :
- Le référencement naturel SEO grand pourvoyeur de trafic gratuit, qui consiste à optimiser son positionnement dans les résultats des moteurs de recherche.
- Les campagnes d’affichage SEM ou SEA qui consistent à diffuser des bannières sur des sites préalablement sélectionnés pour leur pertinence.
- Le marketing des moteurs de recherche qui consiste à placer des liens sponsorisés au sein des résultats des requêtes des internautes.
- Le marketing social que l’on retrouve sur les réseaux communautaires comme Facebook.
- La publicité vidéo qui consiste à servir des spots publicitaires aux internautes sur des plateformes vidéo ou sur des sites traditionnels.
- L’affiliation ou le marketing à la performance qui permet de ne payer la diffusion des publicités que lorsque elles donnent lieu à une conversion.
- La présence sur les comparateurs de prix qui permet d’atteindre les internautes lorsqu’ils recherchent le meilleur tarif pour un produit.
- L’emailing (à ne pas confondre avec le SPAM) qui est l’utilisation raisonnée de l’email pour promouvoir des produits ou des services.
- La publicité mobile qui permet d’atteindre les consommateurs sur leur smartphone au sein d’applications ou de sites mobiles.
- Le marketing local, nouveau venu dans les formes de publicités en ligne, qui consiste à servir aux internautes des annonces basées sur l’endroit où ils se trouvent ou sur les endroits où ils pourraient vouloir se trouver.
- Quelque soit le site considéré le webmarketing doit permettre d'optimiser essentiellement deux aspects :
- générations de trafic
- conversions.
- Les finalités de notoriété et de fidélisation sont également des préoccupations fortes et communes à presque tous les projets
Le site web point central des actions webmarketing
La démarche webmarketing qui a pour support de base principalement le site web s’articule sur trois axes fondamentaux :- la conception du site web,
- l’optimisation de la visibilité sur Internet et via l'ensemble des canaux générateurs de trafic,
- la conversion et la gestion et fidélisation des clients.
Les stratégies webmarketing nécessitent pour plus d'efficacité de disposer d'un site web de qualité adapté aux cibles et aux taches qu'elles auront à assurer (ergonomie centrée utilisateur UX Design).
Ainsi dans la chaine de production des sites web des aspects liés à l'ergonomie, à l'environnement graphique,... pourront avoir de fortes influences sur le potentiel des actions webmarketing menées après la mise en ligne.
Tous les sites web qu'ils soient marchands ou non, leader nationaux ou acteurs locaux peuvent faire l'objet d'une approche webmarketing visant à développer l'activité de l'entreprise ou du porteur de projet.
Exemples
- http://www.archiduchesse.com/
- e commerce
- stratégie de conquètes de nouveaux clients, de fidélisation
- web marketing
- https://www.pmu.fr/
- leader du marché
- stratégie de conquète de nouveaux parieurs, d'augmentation des paris de chaque parieurs, fidélisation
- marketing traditionnel et web marketing
- https://www.concours-sesame.net/
- stratégie de conquète de prospects
- marketing traditionnel et webmarketing
Dans tous ces cas le point central vers lequel renvoient les stratégies marketing est le site web.
Les exceptions
Le site web n'est pas toujours le point central :- Transfert vers certains médias sociaux
- exemple Adidas qui bascule d'une communication renvoyant vers son site à une communication renvoyant sur leur page Facebook https://www.facebook.com/adidasFR?brand_redir=1
- Google Business map pour les (micro) acteurs locaux
2. Rappel : qualité des sites web
SCHÉMA DES 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.
cf https://www.site-internet-qualite.fr/un-site-internet-de-qualite-c-est-quoi.html
Utilité
C'est le seul critère qui dépend purement du maitre d'ouvrage.Pour être efficace un site Internet doit être utile ! Il ne suffit pas de disposer d'un très bon outil pour générer un chiffre d'affaires !
Utilisabilité
C'est simplement la capacité qu'aura le site à être pratique, fonctionnel quelques soient les capacités de l'internaute, son équipement informatique, son mode de consultation.
PROPOSER UN SITE UTILISABLE NÉCESSITE DE :
- Recourir à une conception assistée sur un prototype fonctionnel dès le processus d’avant vente de manière à construire la meilleure ergonomie.
- Respecter les standards d’intégration (XHTML, HTML5) garantissant l’interopérabilité même sur mobile et smart phone
Visibilité
Pour être efficace un site Internet doit être visible c'est à dire accessible au maximum d'internautes ne le connaissant pas à priori. Il est donc nécessaire d'acquérir de la visibilité sur les moteurs de recherche et les outils sociaux.
RÉFÉRENCEMENT NATUREL
Les sites Internet doivent être conçus de manière à être le plus aisément indexé par les moteurs de recherche. Le code HTML généré est alors primordial, il est donc nécessaire de :- Respecter les préconisations des moteurs de recherche et expert SEO pour la création de la structure sémantique du code HTML (plan de balisage des pages,...).
- Respecter les standards d’intégration (XHTML, HTML5).
- Mettre en place les nouveaux formats de balisage sémantique (micro formats : hproduct, vcalendar, vcard).
RAYONNEMENT SUR LES RÉSEAUX SOCIAUX
Les réseaux sociaux sont devenus des générateurs d'audiences et de chiffre d'affaires important. Il est donc désormais indispensable d'accompagner la création d'un site Internet d'une communication sur quelques outils majoritaires comme Facebook et Twitter, ou d'identifier d'autres outils en fonction des cibles retenues par le maitre d'ouvrage.
Actualisation
Un site Internet qui n'évolue pas fréquemment ne peut pas séduire les internautes et est plutôt mal jugé par les moteurs de recherche qui ont tendance à le dévoloriser. Le fait de disposer d'un espace d’administration doté d’une très bonne ergonomie et robustesse permet aux contributeurs et administrateurs du site de l'enrichir et le mettre à jour efficacement.
La qualité des espaces d'administration des outils de gestion de contenus peut s'évaluer sur la base d'un critère simple, leur utilisabilité pour des néophytes. Si le maitre d'ouvrage peut administrer son site simplement sans aucune formation préalable c'est le signe d'un CMS de qualité réellement exploitable !
Fiabilité
C'est un point majeur de la réussite d'un site Internet, simplement parce que les outils de gestion et d'administration de sites Internet sont souvent connus pour dysfonctionner tant au niveau de l'internaute qui le consulte qu'au niveau de l'administrateur qui le gère.
Séduction
Le potentiel de séduction, c'est à dire l'aspect graphique d'un site est un point important dans les processus de conquête et de fidélisation des internautes. Le site doit pouvoir se distinguer de ses concurrents, apporter une image moderne et novatrice en phase avec son positionnement. Trop souvent les phases de conception ergonomique et graphique se confondent lors de la création des sites Internet, cela conduit généralement à des sites ou l'image a pris plus d'importance que le fonctionnel et c'est souvent très dommageable.
Il est indispensable de distinguer 2 phases différentes lors de la conception : la conception ergonomique sur la base de prototypes évoluant pas à pas et la phase de mise en scène graphique de ces maquettes ergonomiques.
La comparaison avec la couture prend là toute sa pertinence, pour créer un vêtement les couturiers passent d'abord par la création d'un patron adapté et aux mesures du client avant de travailler sur le tissu et le rendu final.
Accessibilité
L'accessibilité caractérise la capacité pour un site Internet à être accessible à tous quelque soient les capacités physiques, psychiques ou éventuels handicaps. La France dispose dans la loi handicap de 2005 d'un volet concernant l'accessibilité des sites web. Le décret d'application a été acté au bout de 10 années sans définir aucune sanction (son application reste donc plus ou moins lettre morte et dépend du bon vouloir des décideurs.
Compatible
Un site Internet se consulte par de nombreux outils différents, des ordinateurs aux smart phone en passant par les tablettes... Il est nécessaire prendre en compte ces nouveaux modes de consultation !
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 Toolshttps://www.google.com/webmasters/tools/
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/
- 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 :
3. Auditer un site web
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.
4. 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
5. 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)
6. Votre audit
- Ouvrez le document Dupliquez le document https://docs.google.com/spreadsheets/d/1jyatlrm_OyTvpjYIv9AK4GY_BGkpfw-Kr51XVAy1DdI/edit?usp=sharing
- Dupliquez le document sur votre espace sur google drive sans le modifier
- Renommez le document avec vos noms et prénoms
- 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