1

Conseils pratiques pour améliorer votre site Internet

Vaas, le 4 décembre 2007

Philippe Fabry – Responsable NTICphilippe.fabry@odit-france.fr – 01 70 39 95 77

2

• Internautes européens sont en attente de sites pratiques et simples à utiliser

• 2 internautes européens sur 3 utilisent aussi les sites des organismes publics en complément des portails

• Reproches : manque d’actualisation et manque d’exhaustivité de l’information

Principaux constats

3

Les attentes des internautes

• Une information de qualité : exacte, précise et à jour• De l’interactivité : cartographie interactive, visites

virtuelles• La visualisation des disponibilités• La possibilité d’achat en ligne• Un contenu étendu• Les modalités d’accès aux lieux• Pour les non francophones, au moins une version en

langue anglaise

4

• 4 grands critères :

– Ergonomie et navigation– Temps de chargement des pages– Contenu – Référencement

Préalables méthodologiques d’analyse d’un site Internet

5

• Près de 78% des visiteurs n’attendent pas plus de 20 secondes (70ko environ)

• Plus de 20 s. on perd 7 internautes sur 10

• « Optimiser » la page d’accueil

Temps réel - Temps perçu

6

Succès d’un site : fidéliser ses visiteurs

Comment ? Les satisfaire• 3 axes :

– Un site ergonomique (architecture et navigation) : « utilisabilité » /  « usabilité »

– Graphisme agréable : lisibilité – Contenu utile : utilité

Les facteurs clés d’un site Internet

Ne pas négliger la technique : Site doit être accessible au plus grand nombre possible

7

Mettre en valeur votre structure

• Afficher le nom et le logo de la structure (coin supérieur gauche)• Ajouter une signature qui résume explicitement l’activité• Mettre en relief les éléments qui valorisent votre site aux yeux des concurrents • Mettre en valeur les fonctions principales du site• Avoir une « vraie » page d’accueil

Présentation de l’objectif du site

8

• Interfaces de navigation aident l’utilisateur en lui permettant de répondre aux trois questions :

– Où suis-je ?– Où suis-je déjà allé ?– Où puis-je aller ? (3 niveaux de profondeur)

Navigation et ergonomie

9

Navigation – se situer dans l’espace

10

Navigation – Où suis-je ?

11

• Installer la zone de navigation principale en un point stratégique, de préférence à côté du contenu principal de la page

• Donner aux utilisateurs un accès direct aux fonctions principales sur la page d’accueil

• Des intitulés parlants pour l’internaute

Navigation et ergonomie (suite)

12

Fonctionsprincipales du site

• Page d’accueil : rôle d’orientation

• Hiérarchisation

• Choix des fonctions à mettre en avant

13

Des intitulés parlants : les pictogrammes

14

Vous avez dit contenu ?

15

• La relation client : service et confiance

– Sécuriser le visiteur : informations légales (CNIL)– Lier le réel et le virtuel (gestion des mails)– Un « contactez-nous » facilement identifiable

• Rassurer et sécuriser l’internaute : – instaurer la confiance

Les Internautes et vous

16

• Lier le réel et le virtuel :– Répondre à tous les mails– Réactivité– Réponse personnalisée

La gestion des courriers électroniques

Exemple : Envoi à 40 sites Internet - 18 % n’ont pas répondu, après 10 jours seule la moitié des sites avaient répondu (Etude de Benchmark Group)

17

• Avoir un site en conformité avec la législation :

– Déclarer son site à la CNIL quand c’est nécessaire– Bien informer l’Internaute : transparence vis-à-vis des

utilisateurs– Conservation des données, utilisation des données, le

consentement préalable (art. 22 de la loi du 21 juin 2004 pour la confiance dans l’économie numérique)

Comment sécuriser l’internaute ?

18

La procédure du « opt-in » :Le consentement préalable

19

Vous avez formulaire ?La « notice légales »

20

• « Eviter » le défilement horizontal avec une résolution de 800*600 pixels

• Adopter une présentation homogène pour chacune des pages

• Une identité visuelle claire (nom et logo bien visibles)

• Graphisme de qualité (couleurs, pas trop d’animations)

Conception graphique

21

Ascenseur horizontal : à éviter

22

Optimiser la résolutionDe la page

23

Où est la navigation ?

24

Une page d’accueil optimisée

25

La même page en 800 * 600 pixels

26

L’importance de l’ergonomie dans un site

27

• L’apprentissage de l’internaute

• Faire des tests utilisateurs (Jakob Nielsen – A partir de 5 testeurs = 80 % des erreurs identifiées)

Une logique et une seule Où sont les liens ?

28

• Illustrer le contenu du site par des exemples

• Des images pour mettre en valeur votre offre

• Optimiser les images pour le Web

• Éviter les images d’arrière-plan

Illustrer votre offre

29

• Les critères déterminants pour l’achat en ligneEtude Harris Interactive (www.harrisinteractive.com)Qu’est ce qui déclenche la réservation ? La photo

– Aspect visuel (les photos de l’hôtel, des chambres…) 28% des sondés

– Description de l’établissement (23%)– Information sur la destination en général (17%)– Le classement– Commentaires de la clientèle (13%)– Image de marque de l’hôtel (11%)

Illustrer votre offre :Cas de l’hôtellerie

30

Site de consommateursUne veille à mener

www.tripadvisor.fr

31

RéférencementLiens Internet

• Répartition du trafic sur les sites Web

– 39,1 % accès direct et favoris– 32,5 % outils de recherche – 28,4 % liens

source : www.barometre-referencement.com

32

L’importance du référencementLe poids de Google

Google : 78,5 % des recherches en France en mars 2006

Source : www.barometre-referencement.com

33

RéférencementRapide tour d’horizon

• Données importantes pour le référencement : – Titre – Texte visible – Indice de popularité– URL

34

Exemple de résultats

35

• Art du codage pour les sites Internet : l’importance des normes (Standard du World Wide Web [W3C]) : limitation des coûts…

• Traquer les liens cassés

• Les différences de présentation entre les différents navigateurs Internet

• Les tests de compatibilité des navigateurs : le cauchemar des Agences Internet

Problèmes techniques

36

Importance des tests sur différents navigateurs

37

Imposer une technologie à l’internaute

38

Une tentative forcémentprovisoire de synthèse

– Soigner sa présentation : illustrer son offre– Un contenu de qualité riche et organisée– Fonction réservation visible - fonction disponibilité,

prix– Ne pas utiliser que l’entrée cartographique pour la

réservation– Lier le virtuel et le réel : nouer le contact, faciliter le

contact

• La clé ? le service !

39

www.agencenumerique.com

A lire

www.odit-france.fr