Conseils pratiques  pour améliorer  votre site Internet Vaas, le 4 décembre 2007 Philippe Fabry – Responsable NTIC [email_address]   – 01 70 39 95 77
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
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 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
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
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
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
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
Navigation – se situer dans l’espace
Navigation – Où suis-je ?
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)
Fonctions principales du site  Page d’accueil : rôle d’orientation Hiérarchisation Choix des fonctions à mettre en avant
Des intitulés parlants : les pictogrammes
Vous avez dit contenu ?
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
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)
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 ?
La procédure du « opt-in » : Le consentement préalable
Vous avez formulaire ? La « notice légales »
« 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
Ascenseur horizontal :  à éviter
Optimiser la résolution De la page
Où est la navigation ?
Une page d’accueil optimisée
La même page  en 800 * 600 pixels
L’importance de l’ergonomie dans un site
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 ?
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
Les critères déterminants pour l’achat en ligne Etude 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
Site de consommateurs Une veille à mener www.tripadvisor.fr
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   Référencement Liens Internet
L’importance du référencement Le poids de Google Google : 78,5 % des recherches en France en mars 2006 Source :  www.barometre-referencement.com
Données importantes pour le référencement :   Titre  Texte visible  Indice de popularité URL Référencement Rapide tour d’horizon
Exemple de résultats
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
Importance des tests sur différents navigateurs
Imposer une technologie à l’internaute
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 ! Une tentative forcément provisoire de synthèse
www.agencenumerique.com   A lire www.odit-france.fr

Optimiser site Internet

  • 1.
    Conseils pratiques pour améliorer votre site Internet Vaas, le 4 décembre 2007 Philippe Fabry – Responsable NTIC [email_address] – 01 70 39 95 77
  • 2.
    Internautes européens sonten 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 desinternautes 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 valeurvotre 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 navigationaident 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 – sesituer dans l’espace
  • 10.
  • 11.
    Installer la zonede 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.
    Fonctions principales dusite 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 ditcontenu ?
  • 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éelet 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 siteen 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éfilementhorizontal 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.
  • 22.
  • 23.
    Où est lanavigation ?
  • 24.
  • 25.
    La même page en 800 * 600 pixels
  • 26.
  • 27.
    L’apprentissage de l’internauteFaire 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 contenudu 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éterminantspour l’achat en ligne Etude 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épartition du traficsur les sites Web 39,1 % accès direct et favoris 32,5 % outils de recherche 28,4 % liens source : www.barometre-referencement.com Référencement Liens Internet
  • 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.
    Données importantes pourle référencement : Titre Texte visible Indice de popularité URL Référencement Rapide tour d’horizon
  • 34.
  • 35.
    Art du codagepour 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 testssur différents navigateurs
  • 37.
    Imposer une technologieà l’internaute
  • 38.
    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 ! Une tentative forcément provisoire de synthèse
  • 39.
    www.agencenumerique.com A lire www.odit-france.fr