Crer un site web performant

1
Créer un site web performant !

• Créer un site web performant !

Par Christophe Hendrick Conseiller en
technologies de linformation - Technofutur3
2
Définition dune stratégie

• FONDAMENTAL ! 99 des échecs sont dus à un
  manque stratégique !
• Analyse des forces et faiblesses de votre
  structure SWOT.
• Axes à définir
• Quel est mon positionnement?
• Définissez vos objectifs (visites, membres, )
• Que font les  autres ? benchmarking
• Quels atouts? forces.
• Quelles contraintes? Et faisabilité?
• Un site web pourquoi?

3
Ciblage

• Définir vos cibles.
• Les caractériser.
• Genre, âge, langue, niveau dinternaute, culture,
  mode de connexion, heure, lieu, habitudes,
  intérêts, motivations,
• Quelles sont leurs attentes.
• Les hiérarchiser
• Public principal.
• Publics secondaires.

4
Ciblage

• Pour chaque cible que veut-on faire?
• Ex fidéliser les membres, attirer de nouveaux
  adhérents, Cross-selling.
• Limportance du ciblage
• Impact sur le graphisme
• Impact sur les contenus
• Impact sur le référencement
• Impact sur le découpage du site
• Impact sur les langues utilisées

www.technofutur3.be www.wwf.be
5
Que proposer sur mon site ?
Attentes de la cible
Vos objectifs
Vos contraintes (budget, techniques, humaines)
Votre site
6
Plus concrètement

• Définir pour chaque cible vos objectifs et les
  contenus ad hoc.
• Brainstorming contenus  avec les cibles
  (membres,personnel,..)
• Choisir les priorités (1 à 5)
• Utilisez une feuille Excel pour choisir les
  priorités

7
Organisation des contenus

• Tri par cartes. (par votre/vos cibles)
• Logique orientée INTERNAUTE !!!!
• Des dénominations claires grandes bouteilles.
• Règle des 3 clics.
• Chaque page a
• Un objectif
• Des contenus et fonctionnalités
• Une ou plusieurs cible(s)
• Utilisation du conducteur de page

8
Le conducteur de page
9
Gestion organisationnelle

• Qui met quoi à jour ?
• Quelle fréquence ?
• Quelle durée pour une mise à jour ?
• Compétences ?
• En cas de congés, maladies,..
• Un tableau de bord des mises à jour.
• Utilisez un CMS.
• Travaillez avec un système de workflow.

10
Ergonomie

• Le visiteur ne cherche pas !
• Barre de navigation en permanence dans le site
  toujours la même.
• Home page travail particulier.
• Ou suis-je ?
• Chemin de navigation.
• Plan de site.
• Moteur de recherche multicritères
• Les internautes avertis recherchent linformation
  différemment des débutants les deux doivent
  être mis en place.

www.natagora.be
www.sohproconseillers.org
11
Ergonomie

• Sadapter aux tailles décran
• Standard écran 800 X 600 ( encore dactualité
  sur certains publics cible)
• Standard impression A4 650px
• Recommandé 650 px
• Pas plus de 3 longueurs décran
• Compatibilité avec les différents navigateurs
  (W3C)

12
La home page

• Taux de perte de visiteurs à la home page énorme
  !
• 5 à 10 sec pour convaincre
• Les éléments fondamentaux 
• Présence du nom du site mémorisation par le
  visiteur
• Accroche en 3 mots qui, quoi pour qui / ou /
  comment
• Date de mise à jour ou du contenu récent.
• Pas de page tunnel intro en flash
• Temps de chargement moins de 10 à 15 sec.
• Faites passer un message dès la page daccueil.

www.le-banc-de-lours.com
www.walhorti.com
13
La home page

• Humanisez ! Utilisez des photos dhumains
• Mettez en avant la navigation, le moteur de
  recherche, le Plan du site
• Mise en avant déléments attrayants de votre
  site.
• Les objectifs convaincre, faire entrer le
  visiteur dans le site. Et si il nentre pas,
  faire passer un message.
• Présentez-vous (concis) mise en confiance.

www.natagora.be
14
Choix du nom de domaine

• Le nom de domaine doit être
• Concis
• Mémorisable
• Sans équivoque
• Adapté aux cibles (langues,)
• Réservez plusieurs nom de domaines
• Le nom de votre structure
• Un nom de domaine lié à vos services
• Les impacts de ce choix sont multiples
• Le référencement.
• Mémorisation par linternaute
• Association à une activité.

15
Les aspects juridiques

• 90 des sites sont non-conformes !
• Affichez clairement vos coordonnées, votre
  structure, le nom dun responsable,..
• Indiquez les citations
• Droit des images, propriété intellectuelle
• Si vous récoltez des adresses e-mail, indiquez
  les clauses de respect de la vie privée.
• Si vous vendez en ligne des conditions de vente.

16
Le visuel

• Pensez votre structure de la page avec soin
• Optez pour un visuel sobre, dépouillé.
• Une seule charte graphique pour tout le site.
• Les images
• Pas de bruit visuel.
• Choisissez les images avec soin utilisez-les
  pour soutenir le discours.
• Optimisez vos images formats allégés gif et
  jpeg.

17
Le visuel

• Les couleurs
• Couleur en relation créer une ambiance. Bleu
  connotation technologies ,
• Respect de la cohérence graphique de
  lassociation contraintes.
• Choix de la typographie, pas plus de trois par
  page
• Utiliser des polices sans shérif (verdana,
  arial,..)
• Choisir des couleurs contrastées.

18
Le visuel
19
Écrire pour le web

• Avant tout un message fort et soutenu pour reste
  on verra !
• Style concis
• 3 à 7 mots pour les titres darticles
• Pour les phrases de 15 à 20 mots
• Textes courts ( moitié moins que sur papier )
  sauf exceptions
• Simple A éviter double négation, forme
  passive
• Largeur de ligne entre 40 et 70 signes
• Test de flesch
• Structure dun article  80 de linfo dans le
  chapeau (pareto)

20
Écrire pour le web

• Informations placées par ordre décroissant
  dimportance.
• Aérez vos contenus paragraphes, intertitres. 13
  de taux de lecture en plus
• Gras Deuxième chemin de lecture
• Illustrations pour soutenir le discours

21
Politique de visibilité

• Un site non visible est un site mort !

Source Philippe Floch
22
Référencement

• Indexation de votre site par une moteur de
  recherche.
• Objectif La 1 ère page.
• Avant tout déterminez les mots clés pour les MDR
• Vos sources dinformations Membres, statistiques
  de visites, des outils en ligne,)
• Les facteurs clefs pour un bon référencement
• Le nom de domaine ad hoc.
• Les url de pages optimisées.
• Les titres de pages pertinents et porteurs
• Les contenus adaptés (mots clés)
• Évitez les frames

Compteuse de billets
23
Référencement

• Remplissez les balises keywords et description
• Une langue par page (Google)
• Popularité les liens qui pointent vers votre
  site.
• A penser dès la conception du site !
• Ne pas oublier la présence dans les annuaires de
  recherche. (yahoo.com)
• Annuaires génériques, spécialisés et sectoriels..

24
Promotion on-line

• Échange de liens avec dautres sites
  (complémentaires), ou mieux échange de contenus
  des liens.
• Partenariats avec des entreprises et associations
• Campagnes de-mailing. Pas de risques si les
  campagnes sont bien ciblées. Pensez à recueillir
  les adresses e-mail de vos visiteurs (dès la home
  page)
• Les liens sponsorisés (Google)
• Présence dans les portails.
• Marketing viral clanisme communauté

25
Promotion off line

• Communication structurelle
• Lettres
• Cartes de visites,
• Spot radio
• Communication traditionnelle
• Accueil téléphonique, connaissance du site par
  votre personnel.
• Dès le lancement du site frapper fort (
  concours,)
• Objectif Très vite très haut cercle vertueux
• En continu Trouver les bonnes pistes 20 des
  actions rapportent 80 du trafic.

26
Animer son site (fidélisation)

• Le premier élément Des mises à jour fréquentes
• Newsletter
• Forum
• Livre dor sondage
• Concours
• e-cards
• Attention à la gestion organisationnelle
  (ressources humaines, temps, compétences)

27

• Tout au long du projet
• Test utilisateurs ( parcours libres, parcours
  forcés)
• Participatif faites participer des
  utilisateurs, votre personnel,..
• Un chef de projet
• Optimiser, optimiser, optimiser
• Analyser les statistiques de visites (fichier de
  log) et ajuster le ciblage, les contenus, la
  promotion