Vous êtes sur la page 1sur 255

11974_siteweb_4eEdition 6/06/06 11:53 Page 1

Pour que linformatique


soit un outil

N. C h u

C h u
et non un ennemi !

N i c o l a s
Russir un projet Dcouvrez lensemble des aspects
de site web de la conduite de projet web :

4e dition
Planifiez un projet de site web et
4 e
dition matrisez votre budget
Rdigez un cahier des charges
Les cls pour russir tablissez une charte graphique et
apprenez les rgles de rdaction pour le Web
un projet de site web
laborez des parcours de navigation et

Russir

Projet de site web


Un projet de site web doit tre men ralisez des tests dutilisabilit
avec mthode : il faut dfinir un besoin,
estimer un budget, adopter des rgles de Choisissez un hbergeur adapt vos contraintes
de performances et de scurit
rdaction, tester lergonomie du site,
trouver un hbergement garantissant Russissez votre stratgie de rfrencement : mots-cls,

un projet
performances et scurit, rfrencer optimisation et soumission des pages, liens sponsoriss
et promouvoir le site, en mesurer lau- Concevez la promotion de votre site,
dience animez-le et mesurez-en laudience
Cette 4e dition mise jour approfondit
certains aspects du Web commercial et En annexe : un modle de plan projet, de charte graphique
tient compte de limpact de lvolution et de conditions gnrales dutilisation (CGU), les critres
des moteurs de recherche sur le rfren- de rfrencement des principaux moteurs de recherche

site web
cement des sites web. francophones, des conseils dextension pour lInternet mobile

de
et les indicateurs de pilotage dun projet web.

Spcialis dans les domaines du Web et qui sadresse cet ouvrage ?


de la gestion de projets informatiques
Dirigeants dassociation, chefs dentreprise ou
Nicolas Chu enseigne galement depuis
particuliers qui doivent faire raliser un site web.
plusieurs annes luniversit de

e
Paris VII - Denis Diderot et dirige le Chefs de projet, chefs de produit, DSI,

Conception : Nord Compo


4 dition
portail documentaire Netalya.com webmasters, chargs de communication.
Code diteur : G11974

9 782212 119749
ISBN : 2-212-11974-7

lves en informatique ou coles


de commerce tudiant la conduite de projet web.
Tlchargez des complments et
retrouvez lauteur sur le site du livre !
www.editions-eyrolles.com
www.projetsiteweb.net 25
11974_siteweb_4eEdition 6/06/06 11:53 Page 1



Pour que linformatique
soit un outil

N. C h u

C h u
et non un ennemi !

N i c o l a s
Russir un projet Dcouvrez lensemble des aspects
de site web de la conduite de projet web :

4e dition
Planifiez un projet de site web et
4 e
dition matrisez votre budget
Rdigez un cahier des charges
Les cls pour russir tablissez une charte graphique et
apprenez les rgles de rdaction pour le Web
un projet de site web
laborez des parcours de navigation et

Russir

Projet de site web


Un projet de site web doit tre men ralisez des tests dutilisabilit
avec mthode : il faut dfinir un besoin,
estimer un budget, adopter des rgles de Choisissez un hbergeur adapt vos contraintes
de performances et de scurit
rdaction, tester lergonomie du site,
trouver un hbergement garantissant Russissez votre stratgie de rfrencement : mots-cls,

un projet
performances et scurit, rfrencer optimisation et soumission des pages, liens sponsoriss
et promouvoir le site, en mesurer lau- Concevez la promotion de votre site,
dience animez-le et mesurez-en laudience
Cette 4e dition mise jour approfondit
certains aspects du Web commercial et En annexe : un modle de plan projet, de charte graphique
tient compte de limpact de lvolution et de conditions gnrales dutilisation (CGU), les critres
des moteurs de recherche sur le rfren- de rfrencement des principaux moteurs de recherche

site web
cement des sites web. francophones, des conseils dextension pour lInternet mobile

de
et les indicateurs de pilotage dun projet web.

Spcialis dans les domaines du Web et qui sadresse cet ouvrage ?


de la gestion de projets informatiques
Dirigeants dassociation, chefs dentreprise ou
Nicolas Chu enseigne galement depuis
particuliers qui doivent faire raliser un site web.
plusieurs annes luniversit de

e
Paris VII - Denis Diderot et dirige le Chefs de projet, chefs de produit, DSI,

Conception : Nord Compo


4 dition
portail documentaire Netalya.com webmasters, chargs de communication.
lves en informatique ou coles
de commerce tudiant la conduite de projet web.
Tlchargez des complments et
retrouvez lauteur sur le site du livre !
www.editions-eyrolles.com
www.projetsiteweb.net
Russir
un projet
de site web
4 dition
e
N i c o l a s C h u

Russir
un projet
de site web
4 dition e

Avec la contribution de Jean-Marie Thomas


DITIONS EYROLLES
61, bd Saint-Germain
75240 Paris Cedex 05
www.editions-eyrolles.com

Le code de la proprit intellectuelle du 1er juillet 1992 interdit en effet expressment la photocopie usage collectif sans
autorisation des ayants droit. Or, cette pratique sest gnralise notamment dans les tablissements denseignement,
provoquant une baisse brutale des achats de livres, au point que la possibilit mme pour les auteurs de crer des uvres
nouvelles et de les faire diter correctement est aujourdhui menace.
En application de la loi du 11 mars 1957, il est interdit de reproduire intgralement ou partiellement le prsent ouvrage,
sur quelque support que ce soit, sans autorisation de lditeur ou du Centre Franais dExploitation du Droit de Copie, 20,
rue des Grands-Augustins, 75006 Paris.
Groupe Eyrolles, 2003, 2004, 2005, 2006, ISBN : 9782212119749
Avant-propos
Daucuns pourraient dire (et le disent, dailleurs !) quil suffit de bien dvelopper un
site pour que ce dernier soit une russite. Cest une condition essentielle certes, mais non
suffisante. Le succs dun tel projet passe en effet par une approche multidisciplinaire.
Ainsi est-il ncessaire pour toute personne souhaitant mettre en uvre un site web de
disposer de connaissances aussi bien dans le domaine de la gestion de projet que dans
ceux de lergonomie, de lhbergement, du rfrencement, de la promotion et de lanima-
tion, de lanalyse daudience et des aspects juridiques.
Chaque aspect pourrait lui seul faire lobjet dun ouvrage entier. Jai prfr ici proposer
une synthse complte afin de vous apporter toutes les connaissances ncessaires pour
atteindre vos objectifs :
Le chapitre 1 prsente la mthodologie appliquer pour la gestion dun tel projet en
dcrivant prcisment chaque tape.
Le chapitre 2 regroupe les aspects fondamentaux suivre pour rendre votre site facile
dutilisation et linformation accessible aisment.
Le chapitre 3 donne des indications prcises pour bien choisir votre hbergement : les
offres du march, les piges viter, les erreurs ne pas commettre...
Le chapitre 4 dvoile comment bien rfrencer votre site auprs des outils de
recherche.
Le chapitre 5 dtaille les stratgies employer pour faire connatre votre site au plus
grand nombre et pour en assurer lanimation.
Enfin, le chapitre 6 explique comment rcuprer et interprter les statistiques
daudience pour connatre le trafic de votre site ainsi que ses performances.
Outre une prise en compte des avances fonctionnelles, technologiques et juridiques,
cette quatrime dition comprend une mise jour complte du chapitre sur le rfrence-
ment ainsi que celui sur les aspects promotionnels dun site web.
Lapproche se veut ici pragmatique en exposant pour chaque thme les principes fonda-
mentaux ainsi que des recommandations (pour viter la plupart des cueils) avec des exem-
ples concrets. Vous trouverez galement des modles de document en annexe ainsi que des
fiches rcapitulatives la fin de chaque chapitre.

Groupe Eyrolles, 2004


Russir un projet de site web

Cet ouvrage vise donc introduire auprs des lecteurs ce quest un projet de site web en
abordant lensemble des thmes susmentionns. On y prsente un point de vue pouvant
convenir aussi bien aux personnes en charge de la mise en place dun portail de grande
envergure qu celles dsirant simplement approfondir leurs connaissances dans le domaine.

qui sadresse cet ouvrage ?


Cet ouvrage se situe linterface entre le technique et le fonctionnel. Il sadresse toute
personne concerne par la cration ou la refonte dun site web : dirigeants dentreprise ou
dassociation, particuliers, chefs de projet, chefs de produit, DSI, webmasters, chargs de
communication...
Mais aussi les tudiants en informatique et en multimdia, qui y trouveront pour la mise
en place de leur site web un complment aux aspects purement techniques et les tudiants
en gestion de projet ou coles de commerce qui disposeront ainsi dune introduction
complte dans le domaine.

Remerciements
Avant de rentrer plus en dtail dans la conduite de projet web, je souhaite remercier pour
leurs apports essentiels :
tous ceux qui ont bien voulu contribuer louvrage par leurs ditoriaux :
Bertrand Bathelot,
Jean-Philippe Briguet,
Murielle Cahen,
Armel Cusin-Gogat,
Carl Rakotondrainibe,
Alain Robillard-Bastien,
Marc Pfohl
et Nathalie Weinryb ;
Kristen, Pierre et Renaud pour les illustrations de ttes de chapitre ;
Nicolas Herzog, avocat au barreau de Paris, qui a relu et comment avec soin les
aspects juridiques de chaque chapitre ;
Jean Bury, pour sa relecture et ses commentaires toujours fonds et constructifs ;
Muriel Shan Sei Fan, Sophie Hincelin et toute lquipe des ditions Eyrolles pour la
confiance quelles maccordent depuis quatre ditions ;
Sverine pour son soutien et pour mavoir enseign quil y avait une vie aprs le travail !
Enfin, merci ma mre pour mavoir offert un Amstrad CPC 6128 dans les annes 1980
et, ce faisant, davoir fait natre ma passion pour les technologies de linformation
Bonne lecture !
Nicolas Chu
http://www.nicolas-chu.com

VI Groupe Eyrolles, 2004


Table des matires
1. MTHODOLOGIE DE CONDUITE DE PROJET WEB .....................1 Que peut-on protger ? 29
Phase 1 : dfinir un projet 2 Le nom de domaine 29
tude du quoi, du quand et du pourquoi ? 2 Le titre, le logo et les lments graphiques 29
Le cahier des charges fonctionnel 4 La structure du site : aspect des pages, arborescence, scna-
Le plan projet 5 rio de navigation sont protgeables au titre de la protection
Les principaux lments dun plan projet 5 des bases de donnes 29
Comment prsenter votre estimation budgtaire ? 7 Le contenu du site : texte, information et base de donnes 29
Runir une quipe de ralisation 8 Le code source des pages 30
Panorama des profils 8 Comment protger ces lments ? 30
Clauses vrifier dans un contrat de ralisation de sites Le dpt de la marque 30
web 10 Les diffrents moyens pour prouver la proprit dune
Phase 2 : concevoir le site 11 uvre : texte, logiciel, code source 30
La conception fonctionnelle 12 Les mentions lgales 31
Dterminer la structure du site et des pages web 12 Quels sont les recours en cas de contrefaon ? 31
Les spcifications fonctionnelles 15 Synthse : le cycle de vie dun projet web 32
La conception technique 15 Testez vos connaissances 33
Larchitecture logicielle 15 En rsum 33
Linfrastructure matrielle et tlcom 17 2. RUSSIR LERGONOMIE DE SON SITE ...................................35
Les spcifications techniques 17 Contraintes spcifiques au Web 36
La conception visuelle 18 Un site pour tout type de matriel 36
Phase 3 : ralisation technique du site 20 Un site accessible tous les navigateurs et systmes
Raliser lossature du site 20 dexploitation 36
Les dveloppements 21 Un site pour tous les utilisateurs 38
Intgration statique et alimentation du contenu associ 21 Prise en compte des personnes handicapes 38
Programmation dynamique et alimentation du contenu Utilisabilit 39
associ 22 Parole dexpert : comment russir ses tests dutilisabilit ? 40
Tests et recettes 22 Tester tt et avec des utilisateurs reprsentatifs 40
Phase 4 : la mise en ligne du site 23 Avec combien dutilisateurs ? 40
Prparer lexploitation du site 23 Les objectifs, les scnarios et la tenue dun test 41
Dfinition des processus dexploitation 23 Loculomtrie : la nouvelle panace? 42
Documentation et formation 24 Prsenter et exploiter les rsultats des tests dutilisabilit 42
Mise en uvre dun systme de mesure daudience 24 Un domaine en pleine explosion 43
Aspects juridiques et administratifs 24 Le systme de navigation 44
Respect de la lgislation en vigueur 24 Trouver linformation en trois clics 44
Dclarer votre site 25 Une navigation libre 45
Placer en ligne les conditions gnrales dutilisation du Une navigation simple et autonome 45
site 27 Apparence du site 47
Quelques dmarches pour protger votre site 27 Charte graphique 47
Le lancement du site et la clture du projet 28 Choix des couleurs 47
Parole dexpert : comment protger son site web des Modle de parcours visuel dune page par linternaute 51
contrefaons ? 29 Utilisation des cadres (frames) 51

Eyrolles, 2002 VII


Russir un projet de site web

Dimension des pages 53 Qualit de service (QoS, GTR, SLA) 88


Les animations 56 Nom de domaine : principes et dmarches 89
Lisibilit du contenu : huit principes suivre 56 Systme des noms de domaine (DNS) 89
Dcouper linformation 56 Rsolution de nom de domaine 90
Pas de hors sujet ! 57 Dposer son nom de domaine 91
Titrer linformation 58 Testez vos connaissances 95
Hirarchiser linformation 59 Synthse : critres de choix pour choisir son hbergement 96
Bien utiliser les liens 61 En rsum 97
Une syntaxe simple 63
Une smantique claire 63 4. RUSSIR LE RFRENCEMENT DE SON SITE WEB ...................99
Intgration de visuels 63 tape 1 : lanalyse 100
Synthse : les caractristiques dun site ergonomique 65 tre prsent sur quels outils de recherche ? 100
Testez vos connaissances 66 Bien choisir ses mots-cls 100
En rsum 67 Auditer le site 102
tape 2 : optimiser son site pour le rfrencement (SEO) 103
3. LHBERGEMENT ................................................................69 Optimiser ses pages web 103
Estimation de vos besoins en hbergement 70 Le contenu visible 103
Importance du site par rapport la stratgie et lactivit de La partie invisible 104
lassociation ou de lentreprise 70 Les caractristiques importantes 106
Outils et programmes de dveloppement retenus pour crer La popularit dun site 106
votre site 70 Mon site est-il populaire ? 106
Taille du site 70 Le PageRank 108
Frquentation du site 71 La gestion des frames 108
Types dhbergement 72 Utilisation de Flash et du JavaScript 109
Hbergement entre de gamme 72 Les pages Hallway ou Annuaires 110
Offre des FAI 72 Le rfrencement des pages dynamiques 111
Hbergeurs gratuits 73 Spamdexing et techniques viter 112
Hbergeurs discount 73 Le cas des pages satellites et des pages alias 112
Hbergement professionnel 74 tape 3 : soumission du site auprs des outils de recherche 113
Hbergement mutualis 74 La soumission auprs des annuaires 113
Hbergement ddi 74 Dfinir les catgories 113
Hbergement dapplications complexes 74 Renseigner lannuaire 113
Parole dexpert : quelle formule dhbergement pour quel site La soumission auprs des moteurs 116
web ? 76 Le fichier Robots.txt 117
Lhbergement mutualis : standard et peu onreux 76 Les SiteMaps 118
Lhbergement ddi : autonomie et performance 76 Le rfrencement payant (Trusted Feed ou Paid Inclusion) 118
Hbergement dapplications complexes : le haut de Les liens promotionnels (SEM) 119
gamme 77 Parole dexpert : comment grer sa campagne de liens ? 121
Comparaison des offres du march : dix aspects tudier 78 Dfinir sa campagne 121
Espace disque 78 Dterminer les bons mots-cls pour sa campagne 121
Bande passante et trafic 79 Rdaction des annonces 122
Un trafic illimit pour votre site 79 Des URL de destination pour transformer 122
Une bande passante de plusieurs Mbits/s pour votre site 79 Analyse de rsultats et optimisation 123
Un trafic limit par mois 79 tape 4 : le suivi 124
Technologies compatibles 80 Audit de positionnement 124
Messagerie 81 Analyse de statistiques 125
Scurit 82 Synthse : critres doptimisation pour les moteurs de recherche 126
Sauvegarde et restauration de donnes 83 Testez vos connaissances 127
Surveillance 84 En rsum 127
Surveillance de la disponibilit et de la qualit du rseau 84
Surveillance des systmes et des applications 85 5. STRATGIES DE PROMOTION ET DANIMATION ..................129
Support technique 86 La publicit en ligne 130
quipement et infrastructure de lhbergeur 87 Dfinir la publicit 130

VIII Eyrolles, 2002


Table des matires
Le public cible 130 Outils danalyse des logs 163
Les moyens : message dappel et prsentation visuelle 130 Outils danalyse distance 164
Les formes de publicit 132 Balayage du trafic de rseau et de serveur 165
Les objets publicitaires 132 Combiner les analyses de logs et les techniques de tags 165
Page interstitielle 134 Estimations du trafic 166
Parrainage en ligne (sponsoring) 134 Nombre de pages vues 166
Les acteurs 134 Nombre de visites ou nombre de sessions 166
Agents de communication interactive 135 Nombre de visiteurs 167
Rgies publicitaires 135 Identification du profil des internautes 168
Sites supports 137 Pays dorigine 168
Agences mdias interactives 137 Configurations et quipements des internautes 168
Analyse des rsultats 138 Analyse du comportement des internautes 169
Laffiliation 138 Les indicateurs de comportement 169
Affiliation marchande 139
Pages dentres et de sorties 169
Prsentation 139
Principaux itinraires et popularit des pages 170
Les diffrentes formes de rmunration de laffiliation
Dure moyenne des visites et temps de consultation par
marchande 139
page 171
Syndication de contenu 140
Jours et heures de visites 171
Le netlinking 142
Ratios issus des indicateurs de comportement 172
Choix des sites partenaires 142
Prise de contact 143 Nombre de visites en fonction du nombre de pages vues 172
Trois formes de cybermarketing pour la promotion et lanimation Taux de visites une page 172
dun site 144 Frquence de visite 173
Btir une campagne de marketing direct avec Internet 144 Nombre de pages vues la minute 173
Campagne de e-mailing et permission marketing 144 Connatre la performance et la notorit dun site web 174
Push 145 Statistiques techniques 174
Stratgie de marketing viral 146 Fiabilit du site 174
Mcanismes de recommandation 147 Formulaires utiliss 175
Mise disposition dun service ou dun goodie 147 Bande passante consomme 176
Marketing tribal 149 Performance du travail de promotion et de rfrencement 176
Autres moyens de communication 150 Accs direct 176
Participation des groupes de discussion 150 Accs par liens 176
Communiqus de presse 150 Accs par moteur ou par annuaire 177
Microsites et jeux en ligne 153 Parole dexpert : objectifs et enjeux de la mesure daudience 178
Parole dexpert : de lutilit dun espace presse sur son site web 154 Objectifs internes de la mesure daudience 178
Avoir quelque chose dire la presse 154 Objectifs externes de la mesure daudience 179
Diffrents types de publics 154 Synthse : comment utiliser les indicateurs de mesure
Faites simple, mais efficace 154 daudience ? 180
Un espace priv 154 Testez vos connaissances 181
Rfrencez votre espace presse 155 En rsum 181
Utilisez les autres ressources de votre site 155
Supports off-line 156 A. MODLE DE PLAN PROJET ................................................183
Promotion interne 156
Promotion directe du site 156
B. MODLE DE CHARTE GRAPHIQUE ......................................193
Promotion indirecte du site 156 C. FICHES DESCRIPTIVES DES PRINCIPAUX OUTILS DE RECHERCHE
Rcapitulatif des stratgies de promotion et danimation 157 FRANCOPHONES ...............................................................203
Testez vos connaissances 158
En rsum 159 D. LES PRINCIPAUX ARTICLES DUNE CGU ............................209
6. ANALYSE ET MESURES DAUDIENCE ..................................161 E. LES INDICATEURS DE PILOTAGE DUN PROJET WEB ............215
Panorama des approches de mesure et danalyse daudience 162
Mesures ct client (user-centric) 162 F. TENDRE SON PROJET LINTERNET MOBILE .....................231
Mesures ct serveur (site-centric) 163 INDEX ..................................................................................241

Eyrolles, 2002 IX
chapitre 1

Groupe Eyrolles, 2004


Mthodologie de
conduite de projet web

SOMMAIRE
B La dfinition du projet
On commet souvent lerreur de ne pas considrer la mise en B La conception du site
place dun site web comme un projet part entire. Or, comme B La ralisation du site
toute application informatique, un site web ncessite dtre B La mise en ligne
dfini, puis conu, avant dtre ralis, sans oublier quil existe B La protection des donnes
aussi un aprs projet , qui devra tre prpar exploitation,
promotion, animation MOTS-CLS
B Gestion de projet
B Dfinition
B Expression des besoins
B Plan du site
B Trame des pages
B Architecture web
B Ralisation
B Dveloppement web
B Recettes et tests
B Lancement
B Organisation

Groupe Eyrolles, 2004


Russir un projet de site web

Phase 1 : dfinir un projet


UN PEU DE VOCABULAIRE La dfinition est la phase la plus importante dun projet. De nombreux projets
Projet & primtre de cration de sites web chouent en raison dun cadrage initial insuffisant : les
Nous pouvons dfinir un projet comme la rali- besoins ont t trop peu ou mal dfinis, aucune stratgie na t clairement iden-
sation dune prestation correspondant tifie, aucun budget na t prvu pour lexploitation...
lexpression dun besoin, suivant un dlai et un La phase de dfinition permet didentifier le primtre initial du projet et dta-
budget donns, un niveau dfini de qualit.
blir lorganisation et les moyens ncessaires sa mise en uvre. Il conviendra
Ces trois engagements intrinsques qualit,
dlai et cot dfinissent ce que lon nomme donc dtudier les alternatives existantes et on analysera leurs impacts, tout en
le primtre du projet. planifiant les diffrents travaux et en constituant une quipe de ralisation.

Qui demande : la matrise douvrage


(MOA) tude du quoi, du quand et du pourquoi ?
galement appele client dun projet, la Cette tude, dite tude pralable ou prliminaire consiste essentiellement col-
Matrise dOuvrage est la personne ou lentit lecter et analyser les informations relatives au lancement du projet. Ces der-
lorigine de la demande. Cela peut tre, selon
nires doivent permettre danalyser la nature du march et didentifier les
les cas, une socit extrieure ou une unit
interne de lentreprise. Elle dfinit le site Web, le besoins existants.
besoin, ladquation des solutions proposes et La ralisation dtudes de faisabilit (ce qui justifie le lancement du projet en
est conomiquement responsable du produit fonction des ressources de lentreprise), de march (positionnement du futur site
(cest le payeur). en fonction de lexistant), voire de concurrence (qui donnent un panorama de ce
Qui ralise : la matrise duvre
qui a dj t fait en la matire par dautres entreprises), peut vous aider dans
(MOE) cette dmarche.
Il sagit de la personne ou de lentit qui ralise Pour mieux cerner les raisons de la cration du site, ainsi que les contraintes qui
le projet afin de rpondre la demande dune y sont associes (calendaires, techniques, juridiques, organisationnelles),
matrise douvrage. Elle dfinit et conoit la ltude doit rpondre aux questions suivantes :
solution, la ralise et assiste souvent la MOA
Quelles sont les attentes du client et/ou du public cible ?
dans le dmarrage du projet.
A-t-on identifi les gains qui seront engendrs par la mise en place de ce site
web ? Si oui, de quelle nature sont-ils : gains de productivit ? rduction des
cots ? gains en notorit ? gains financiers ?
A-t-on prvu un retour sur investissement ? La cible serait-elle prte payer
pour accder des informations haute valeur ajoute ?
Quel est le rsultat obtenir dun point de vue fonctionnel ?
Quelles sont les stratgies associes au lancement du projet ?
Quelle est la cible (typologie, niveau dquipement, niveau de
RETOUR DEXPRIENCE connaissance) ?
Premires causes de drapage Est-ce que le public vis est sensible ce nouveau moyen dinformation ou
Souvent, le client dun projet part sur une ide trop de commerce ?
imprcise. Ltude pralable doit lobliger cerner Quels sont les risques ?
plus prcisment ses besoins. dfaut, le projet
risque fort de ne jamais aboutir (gel d une mau- Le contenu est-il identifi ?
vaise dfinition, arrt pour manque de budget). Quel est le budget envisag ?
Est-ce que le lancement du site est associ une date fixe (salon, promo-
tions, etc.) ?

2 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
lissue de cette tude, vous devriez avoir identifi la cible et les besoins, estim
le niveau dquipement de vos futurs internautes et surtout dfini les objectifs
gnraux et le type de site quil vous faudra mettre en uvre (voir tableau 11).
La synthse de lensemble de ces informations se retrouvera dans un document
spcifique : le cahier des charges fonctionnel.

Tableau 11 Les diffrents types de sites web professionnels

Intitul Description Cible


Site institutionnel galement appel site plaquette , il sagit dun site prsentant lactivit Clients et prospects de lentreprise
dune entreprise, les produits et services quelle propose, ses offres
demploi, son implantation...
Site marchand Il sagit dun site de commerce lectronique en charge de proposer un Clients et prospects des produits proposs par
catalogue de produits avec une possibilit de commander et de payer en le site
ligne.
Portail gnraliste Ce type de site ne sadresse pas une cible bien dtermine et peut se Grand public
scinder en trois catgories :
Les portails de service en ligne. Il sagit gnralement de ceux des four-
nisseurs daccs Internet (Wanadoo, Free, Club-internet, Tiscali).
Les moteurs ou annuaires de recherche qui proposent des services en
plus de leur fonction premire, tels des traducteurs, des forums, des peti-
tes annonces(Yahoo!, Alta Vista, Google)
Les portails de tlchargement de logiciels (tucows.com)
Portail thmatique Un portail thmatique est un espace sur le Web se proposant de ne traiter Internautes intresss par le thme du site
que dun domaine spcifique en offrant tous les services qui pourront sy
rfrer (seloger.com, netalya.com, notre-planete.info)
Communaut Une communaut virtuelle est un site web qui propose aux internautes un Membres de la communaut
virtuelle espace de communication pour changer, publier, dbattre, convaincre
autour dune passion voire dune activit commune.
Proche dun portail thmatique, la communaut virtuelle sen dmarque
cependant en formant un vritable groupe unique et identifi : ses mem-
bres.
Portail dentreprise Il peut prendre plusieurs formes selon sa cible : Employs, clients, partenaires ou fournisseurs
pour les employs : un intranet dinformation, de collaboration ou de lentreprise
dapplications ;
pour les clients : un site Internet de diffusion dinformations relatives
leur compte, la prise en considration de leurs aspirations permettant la
mise en place dun CRM
pour les partenaires et/ou fournisseurs : un extranet pour le suivi des
commandes, la gestion des stocks
Journal en ligne Comme son nom lindique, il sagit dun journal sur Internet. Il peut appar- Grand public
tenir un organisme de presse traditionnel ou bien tre uniquement dif-
fus sur le Web (lemonde.fr, 01net.com)

Groupe Eyrolles, 2004 3


Russir un projet de site web

Le cahier des charges fonctionnel


T Le cahier des charges fonctionnel Le cahier des charges fonctionnel dun projet est un document par lequel le
LAFNOR dfinit le cahier des charges fonctionnel client (matrise douvrage) exprime son besoin. Ce dernier doit tre formul en
comme un document par lequel le demandeur termes de fonctionnalits que le futur internaute aura accomplir, ou que le site
exprime son besoin (ou celui quil est charg de Web devra accomplir pour lui. Il sagit dun lment cl du projet, ne surtout
traduire) en terme de fonctions de services et de pas ngliger. En effet, cest ce dernier qui va permettre lquipe de ralisation :
contraintes. Pour chacune delles sont dfinis des
critres dapprciation et leurs niveaux. Chacun de de savoir ce quelle doit dvelopper ;
ces niveaux doit tre assorti dune flexibilit. de dfinir comment elle doit le dvelopper.
(Source : AFNOR / Norme NF X 50151) Llaboration dun tel document sappuie sur une dmarche spcifique qui consiste
rechercher, caractriser et hirarchiser les fonctionnalits du futur site web :
1 Dans un premier temps, il convient de recenser les fonctionnalits possibles.
Chaque fonctionnalit devra tre exprime exclusivement en termes de fina-
lit et tre formule par un verbe linfinitif suivi de plusieurs complments.
Par exemple : afficher de la documentation , rechercher des
informations , tlcharger des logiciels
2 Une fois les fonctionnalits identifies, il est ncessaire de caractriser et de
quantifier chacune delles en prcisant les critres dapprciation, les niveaux
de chaque critre et la flexibilit de ces derniers.
3 Enfin, il faut pouvoir indiquer la matrise duvre les services essentiels sur
lesquels il faudra concentrer son savoir-faire ; pour cela, il est possible de
hirarchiser les fonctionnalits, soit en associant directement un coefficient
chacune, soit en comparant chaque fonctionnalit toutes les autres en
jugeant si elle est plus importante ou moins importante .
la fin de la dmarche, nous obtenons pour chaque fonctionnalit une grille de
description des besoins :

Sujet Description
Intitul Intitul de la fonctionnalit
Objectif Formuler ici les actions que le site doit tre capable deffectuer. On parle alors de
fonctionnalits du site : moteur de recherche, tlchargement
Description prcise Une description prcise permettra la matrise duvre de voir quels dveloppements
seront ncessaires au cours de ltape de conception technique .
Critres dapprciation Prciser ici les caractres retenus pour apprcier la qualit de la ralisation (fonctionnel,
disponibilit, ergonomie, dlais, cot) et surtout le rapport dclar acceptable par le
client du projet entre le prix, la qualit et les dlais de la ralisation (il sagit ici de se prpa-
rer ngocier une variation de performances par rapport au besoin initial).
Priorit Appliquer ici un critre de priorit. Par exemple : 1 = vital, 2 = important, 3 = confort.

Afin de finaliser le cahier des charges, il convient dajouter ces grilles des
rubriques spcifiques devant traiter :
de lexistant en termes de technique (architecture, infrastructure, applica-
tions), de contenu (prsence et disponibilit des sources dinformation) et
dorganisation (impacts dun tel projet dans la socit) ;

4 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
des contraintes respecter (scurit, volumtrie, performances attendues,
exigences de qualit, dlais, aspects administratifs et juridiques) ;
des solutions possibles pour rpondre aux exigences et aux besoins exprims.

Le plan projet
RETENIR
Une fois le cahier des charges fonctionnel rdig, la matrise duvre dfinit
Le cahier des charges fonctionnel exprime un
dans un plan projet les orientations structurantes permettant de fixer le cadre
besoin en identifiant le quoi , le quand et le
des travaux venir. pourquoi . Le plan projet rpond ce besoin
Ce document prend donc naissance partir dune expression de besoin (cahier en indiquant le comment .
des charges fonctionnel), pour tre complt en fonction de lanalyse de ce
besoin (faisabilit, dfinition de la solution, travaux raliser, estimation des
charges et planning). Il est destin rendre explicite le projet lensemble des
acteurs concerns, y compris et surtout lquipe de ralisation. RETENIR
Le plan projet matrialise le contrat entre le demandeur (MOA) et lquipe Le plan projet est galement appel Cahier des
en charge de la cration du site (MOE). Tout au long de la dure du projet, ce charges Oprationnel .
document protgera chaque partie contre toute contestation et tout imprvu en
dfinissant clairement le primtre et les limites du projet.
Vous trouverez en annexe un modle de plan projet avec des exemples de con-
tenu pour chaque section.

Tableau 12 Petit lexique de gestion de projet

Intitul Dfinition
Fonction ou Une finalit qui concourt la ralisation dune mission ou dun processus
Travaux et qui est obtenue par la ralisation dactivits.
Activit Regroupement dactions qui a un dbut et une fin et qui peut tre mesur
(volume, temps). Elle peut se dcomposer en tches.
Tche Action de base accomplir dans les conditions fixes et permettant la
ralisation dune activit.
Charge Correspond un temps de travail effectif (la valeur est exprime en heu-
res, jours ou semaines).
Dure Correspond au nombre de jours compris entre la date de dbut et la date
de fin fixes prcdemment (la valeur est exprime en heures, en jours ou
en semaines).
Dlai Correspond aux dates de dbut et de fin dans la ralisation dune action
(les valeurs sont des dates).

Les principaux lments dun plan projet


Les principaux lments du plan projet sont les suivants.

Prsentation gnrale du projet


Cette section doit dcrire les motivations et les bnfices attendus et doit per-
mettre de dfinir les priorits (MSM : Must, Should, May) pour la ralisation

Groupe Eyrolles, 2004 5


Russir un projet de site web

du site web. On y prsentera les objectifs du projet, les enjeux, les risques, le
primtre, les limites du primtre et la/les cible(s) du site.

Orientations fonctionnelles
Cette section rsume les fonctionnalits dcrites par le cahier des charges fonc-
tionnel qui seront ralises au cours du projet.. On identifiera pour chacune delle
un responsable fonctionnel qui sera, par la suite, garant de la dfinition du contenu
voulu. Les orientations fonctionnelles devront donner au client du projet des indi-
cations sur ce qui sera dvelopp tant au niveau du front-office (ce que verront les
internautes) que du back-office (linterface dadministration du site web).

Travaux et activits
Cette section dcrit, pour chaque phase du projet, les travaux et les charges qui y
sont associs. Pour chaque activit, les lments suivants devront tre identifis :
dlais, ressources, pr-requis, description des tches, livrables attendus. Cela
donne une visibilit sur le droulement futur du projet : qui fait quoi, quand.

Les acteurs
Cette section identifie les acteurs du projet et leurs principales responsabilits en
termes de ralisation : gestion et pilotage du projet, comit directeur et interve-
nants.

Le plan dassurance qualit (PAQ)


Cette section doit rsumer les actions ou consignes principales qui permettront
le bon fonctionnement du projet. Le PAQ devra tre respect par chaque
membre de lquipe en charge du projet.

EXEMPLE Principes de dure et de charge Planning


Pour mieux comprendre le principe de dure et de Cette section doit offrir une vision synthtique du projet et de son droulement,
charge, prenons lexemple dune tche de prpara- en indiquant les dates cls (jalons) et, pour chaque tche : la dure, la charge, la
tion dune runion. date de dbut, la date de fin, les ressources associes et les liaisons entre chacune
Imaginons que nous sommes le vendredi 1er
dentre elles. Le planning est un des lments cls du plan projet car il engage la
dcembre 2006, jai prvu une runion pour ven-
dredi prochain, soit le 8 dcembre 2006. mardi 5 responsabilit de lquipe de ralisation sur les dates de livraison.
dcembre 2006, jai enfin pu mettre daccord tous
les acteurs concerns par la runion et les convain- Budget
cre dy participer. Jai finalement pass un total de Cette section dcrit tous les cots induits par la ralisation du projet : les cots
3 heures pour prparer cette runion : en contac-
humains, matriels, de formation, de prestations. Il vous faut ici valuer le plus
tant les acteurs, en mettant daccord les acteurs
sur les points prcis aborder dans cette runion prcisment possible les dpenses pour chacun des postes :
et en rservant la salle. Les dlais de cette tche de llaboration du cahier des charges, voire des spcifications fonctionnelles ;
prparation sont alors : le dpt du ou des noms de domaine ;
- date de dbut : 1/12/2006,
- date de fin : 5/12/2006. la cration graphique ;
La dure de cette tche est gale 5 jours et sa la conception et la rdaction du contenu ;
charge, 3 heures.
le dveloppement de lapplication ;
la recette et les tests ;

6 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
la mise en ligne et lhbergement du site ;
la ou les campagnes de promotion (publicit, communiqus de presse, mar- RETENIR Les indicateurs de pilotage
keting direct) ; dun projet
lexploitation du site. Piloter un projet, cest en fin de compte mettre
en uvre toutes les actions ncessaires pour
Comment prsenter votre estimation budgtaire ? assurer la convergence vers les objectifs. Pour
ce faire, plusieurs outils (les indicateurs de pilo-
Il est fortement recommand de prsenter votre estimation budgtaire sous plu- tages) sont votre disposition :
sieurs formes diffrentes afin de donner une visibilit globale sur les cots lavancement de la production ;
engendrs par la cration de votre site web. le contrle des jalons critiques ;
lavancement du budget.
Premier aspect : lestimation budgtaire par poste de travail Selon limportance et/ou la complexit du pro-
jet, ces indicateurs peuvent tre utilement com-
Cette vue budgtaire consiste dterminer le temps pass par chaque membre plts par :
de lquipe sur le projet, aprs y avoir associ pour chacun un taux journalier. un suivi de planning dtaill (sous rserve de
Cette dmarche est indispensable pour prvoir les ressources (voir figure 1-1). disposer dun outil adquat) ;
un suivi des risques.
Les indicateurs de pilotage doivent tre rguli-
rement mis jour et publis dans un tableau de
bord.
Vous trouverez en annexe une description
dtaille de chaque indicateur (objectif, format,
exemple, conception, actualisation, interprta-
tion, points forts et limites).

Figure 11 Exemple dvaluation budgtaire par poste de travail


pour la cration dun site web important

Deuxime aspect : lestimation des charges par travaux et activits


projet
Cette dernire dcompose le projet en tches, auxquelles est affecte la quantit
approprie de jours pour leur ralisation (voir figure 1-2).

Figure 12 Exemple destimation des charges par activit pour le mme projet

Groupe Eyrolles, 2004 7


Russir un projet de site web

Troisime aspect : lestimation des autres charges budgtaires


Il sagit ici de lister lensemble des charges du projet, autres que celles relatives
aux ressources de lentreprise : licences des logiciels, mise en place de lhberge-
ment, formations, audit de scurit, tests de charges, prestations externes(voir
figure 1-3).

Figure 13 Exemple destimation des autres charges budgtaires pour le mme projet

Il est galement essentiel dassocier lestimation budgtaire du projet les


R J.Printz C.Deh B.Mesdon N.Trves, Cots et charges values pour lexploitation, cest--dire pour la vie et la maintenance du
dure des projets informatiques - Pratique des
modles destimation, Herms, 2001.
site ainsi que celles ncessaires sa promotion. En effet, ces dernires peuvent
savrer parfois trs importantes et remettre en cause la viabilit conomique du
site (voir figure 1-4).

Figure 14 Exemple de charges dexploitation annuelles


dun portail ainsi que les charges pour sa promotion

Runir une quipe de ralisation


Ds lors que le plan projet (et donc surtout le primtre) est valid, une quipe
de ralisation se constitue. Il est important ici de bien affecter chacun ses rles
et ses responsabilits (voir tableau 1-3). En fonction de lenvergure du projet, de
lentreprise ou de lassociation, une mme personne pourra occuper une ou plu-
sieurs fonction(s).

Panorama des profils


Comme une mme personne peut assurer plusieurs missions, il est prfrable de
raisonner en termes de fonctions plutt que de se fonder sur les comptences de

8 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
chacun. Chacune de ces fonctions pourra tre confie, selon les cas, une per-
sonne de votre entreprise, un indpendant (free-lance), ou encore une socit
spcialise (web agency, socit de services en ingnierie informatique...).

Tableau 13 Fonctions cls pour la mise en place dun site web

Fonction Description
Responsable du projet Il coordonne le projet et les quipes et prend les dcisions dans le primtre fix par le plan projet. Il est responsa-
ble de la livraison dans les dlais attribus avec la qualit requise et le budget allou. Enfin, il doit rsoudre les pro-
blmes et conflits tout en assurant la communication et la cohsion entre le client du projet et tous les membres de
lquipe de ralisation.
Quel que soit le type de site, cette personne doit avoir une solide culture technique et marketing ainsi quune bonne
connaissance de lensemble des aspects dun projet web : contexte financier, hbergement, tlcoms, fonctionnel,
communication, aspect organisationnel et exploitation. Elle doit aussi tre capable de grer une quipe.
Chef de projet technique ou Il est en charge de la matrise duvre technique. Il encadre les ingnieurs, larchitecte web, et est responsable de
chef de projet oprationnel tous les livrables techniques.
Un conseil en marketing et Il compare les cots de fonctionnement et dinvestissements (projet), ladquation de la stratgie (ambitions) la
communication interactive tactique (ralits oprationnelles).
Il soccupe galement des oprations danimation et de promotion du site et est consult sur la pertinence du con-
tenu et de lagencement des informations.
Concepteur / webdesigner Il conoit larchitecture interactionnelle, lorganisation des pages, larborescence et la navigation du site en respec-
tant les indications graphiques, ergonomiques et structurelles.
Ergonome Lergonome collecte toutes les informations sur le comportement possible des futurs internautes du site web. Il tra-
vaille troitement avec le webdesigner pour dfinir le type de navigation.
Directeur artistique (DA) Le DA conoit la charte graphique avec le webdesigner et dfinit la personnalit du site en tenant compte des
capacits techniques du public cible.
Infographiste Form aux principaux outils du march (Flash, Dreamweaver, Photoshop, Illustrator, Image Ready), linfogra-
phiste doit suivre les consignes du DA et raliser les lments graphiques, ainsi que les templates des pages.
Rdacteur / responsable des Il sagit du responsable des contenus, de leur agencement et du style dexpression. Le rdacteur doit structurer et
contenus. adapter pour le Web le contenu informationnel fourni par le client.
Ingnieur / dveloppeur web En fonction du besoin, lquipe de dveloppement ralisera de simples intgrations statiques (dcoupage et
intgration HTML / JavaScript) ou de vritables dveloppements dynamiques (modlisation de base de donnes,
interaction avec le site web en ASP, PHP, JSP, CGI...).
Architecte web Il doit identifier les modules techniques du site (gestion des utilisateurs, gestion du contenu) en fonction des
fonctionnalits dfinies par le plan projet.
Il est en charge du choix dune solution du march adapte aux besoins (solutions propritaires type broadvision,
solutions J2EE, solutions Microsoft) et doit estimer les cots et charges dimplmentation de la solution retenue.
Ingnieur rseau Il configure les serveurs (HTTP, Application, SMTP) ainsi que les accs tlcoms.
En gnral, il fait partie de lquipe du prestataire qui hberge le site.
Charg dtude Il aide la conception du site et son valuation (reprsentant ainsi linterface entre le technique et la matrise
douvrage). En amont du projet, il rdige les spcifications fonctionnelles. En aval, il effectue les recettes et les dif-
frentes formes de tests (tests de consolidation, tests de charges, tests de visibilit)

Groupe Eyrolles, 2004 9


Russir un projet de site web

Clauses vrifier dans un contrat de ralisation de sites web


Si vous dcidez de confier la ralisation de votre site web une entreprise
externe, nous vous recommandons fortement de bien vrifier le contenu de cer-
taines clauses du contrat de service.

Modalits de ralisation du site web


Une clause du contrat devra expressment traiter du cahier des charges, des sp-
cifications techniques, de la matrise duvre, de la maquette et de la program-
mation.

EXEMPLE
Le prestataire a pris connaissance du cahier des charges annex aux prsentes et sengage
en respecter les termes. Sur la base du cahier des charges, le prestataire rdigera les sp-
cifications fonctionnelles et techniques du site web, valides par le client.
Le prestataire assure la matrise duvre de la ralisation du site web pour la partie du pro-
jet place sous sa responsabilit et, ce titre, assure la conception globale de sa part de
projet et coordonne tous les intervenants sur sa part de projet.
Le prestataire ralise une maquette du site web comprenant notamment une analyse fonc-
tionnelle des dveloppements spcifiques. Il sengage prendre en compte les remarques
ou rserves ventuelles du client.
La programmation dbute compter de la validation des spcifications techniques et de la
maquette.

Garanties et responsabilit
Cette clause engage le prestataire sur la conformit de ses ralisations tant par
rapport au cahier des charges (devant ainsi rpondre aux besoins du client) que
du point de vue de la lgislation en vigueur (respect de la proprit intellec-
tuelle).

EXEMPLE
Le prestataire garantit expressment la conformit de ses ralisations aux spcifications de
la maquette et aux spcifications techniques, ainsi quaux besoins du client, tels que prci-
ss dans le cahier des charges.
Le prestataire garantit expressment ses ralisations auprs du client contre des anomalies
et dfauts de fonctionnement de toute nature provenant de vices ou erreurs de conception
ou de ralisation affrents aux travaux qui lui ont t spcifiquement confis.
Le prestataire garantit que ses ralisations ne constituent pas une violation dun droit de la
proprit intellectuelle, ni un quelconque fait de concurrence dloyale ou parasitaire. ce
titre, il sengage assurer la dfense du client et en supporter tous les frais contre toute
rclamation concernant directement ses ralisations et leur utilisation normale, sous
rserve den avoir t rapidement averti par le client et que la prtendue violation ne porte
pas sur des modifications ou adjonctions apportes directement ou indirectement par le
client.
Tous les lments que le prestataire sera susceptible dapporter au client pour la ralisation
de ses prestations devront respecter les lois relatives : aux droits dauteur / aux marques,
dessins, modles et brevets / la vie priv / la communication audiovisuelle /...

10 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
Dlais
Cette clause implique la responsabilit du prestataire sur des dates de livraison.

EXEMPLE
Lensemble du site test et recett devra tre livr pour une mise en production le 18 avril
2003
Les dlais ont un caractre impratif, compte tenu des contraintes de lexploitation du
client, que le prestataire dclare bien connatre.

Cession des droits de proprit intellectuelle


Les points cls du contrat de ralisation tournent autour du code de la proprit
intellectuelle : celui qui cre est lauteur, il a droit protection par droits
dauteur moraux et patrimoniaux sur son uvre. Cela sous-entend que la socit
qui ralise le site web est considre par dfaut comme lauteur de cette
application et est donc protge par le droit dauteur. Il vous faut alors absolu-
ment convenir dans le contrat de ralisation dune clause de cession de droits sur
le site ralis. Cest une clause ne pas oublier, faute de quoi vous (en tant que
client et non en tant quauteur) naurez aucun droit de modification et dadapta-
tion de ce site.

EXEMPLE
La proprit de tous les lments du site web conus sous la responsabilit du prestataire,
quil sagisse des dveloppements spcifiques, des documents de conception du site et des
lments graphiques, tels que charte graphique et prsentation des crans, est transfre
sans exception ni rserve au client.
cet effet, le prestataire transfre tous les droits de proprit intellectuelle affrents aux
ralisations effectues par le prestataire pour le client, quil sagisse des droits de reproduc-
tion, de reprsentation, dadaptation, darrangement, de traduction, de distribution, de
location, droit dexploitation sous toutes ses formes.
Le client pourra reproduire et exploiter les ralisations du prestataire de la manire la plus
large selon tout mode prsent et venir, sur toute machine et tout support, lintgrer en
tout ou partie avec ou sans modification dinterface, le diffuser par tout moyen ou rseau
de tlcommunications, y compris par cble ou satellite.
Le client pourra de mme adapter, modifier les ralisations du prestataire, ses seuls ris-
ques et prils, comme il lentend, ajouter ou supprimer des lments ou fonctionnalits, les
fusionner avec dautres crations.

Phase 2 : concevoir le site


Avant de commencer la ralisation du site proprement parler, il est ncessaire
de dfinir quelles devront tre son architecture logicielle, son infrastructure
matrielle et tlcoms, son arborescence, la structure de ses pages ainsi que son
futur aspect.

Groupe Eyrolles, 2004 11


Russir un projet de site web

La conception fonctionnelle
ACTEURS ET LIVRABLES
Dterminer la structure du site et des pages web
Acteurs
Cette tche, ralise par le webdesigner, dtermine lorganisation gnrale des
MOA (matrise douvrage) services (arborescence) et celle des informations (trame des pages) proposes par
Charg dtude
Webdesigner
le futur site.
Responsable des contenus Lune des mthodes pour dfinir larborescence dun site web est de partir du
Ergonome niveau le plus bas, le contenu, pour remonter jusquau niveau de la rubrique (voir
figure 1-5) :
Livrables
1 Rcoltez le contenu transmis par le client du projet.
Plan du site
Trames des pages 2 Structurez ce dernier en blocs dinformation.
Spcifications fonctionnelles

Figure 15
Mthodologie pour la ralisation dune
arborescence dun site partir dinformations
collectes auprs du client du projet

12 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
3 Regroupez les blocs dinformation portant sur un mme sujet afin de consti-
tuer le contenu des pages.
4 Identifiez les liens entre les pages du mme niveau et rassemblez-les en sec-
tions.
5 Dfinissez lossature du site en plusieurs rubriques distinctes partir de sec-
tions portant sur le mme thme (maximum neuf rubriques).
6 Trouvez les intituls des rubriques.
On obtient ainsi un plan du site (voir figure 1-6) qui dcrit les liens requis entre POUR ALLER PLUS LOIN Llaboration du contenu
chaque page et fait apparatre les groupes qui doivent tre mis ensemble. Le chapitre 2 du prsent ouvrage dcrit les princi-
pes de rdaction et de communication suivre
pour llaboration dun contenu adapt pour le
Page D'accueil
Web.

Rubrique 1 Rubrique 2 Rubrique 3 Rubrique 4 Rubrique 5

Section 1.1 Section 1.2 Section 1.3 Section 5.1 Section 5.2 Section 5.3

Page 1.2.1 Page 1.2.2 Page 1.2.3 Page 1.2.4 Page 1.2.5 Page 5.1.2 Page 5.1.2 Page 5.3.1 Page 5.3.2

Figure 16 Exemple de plan de site

Dans le cas de contenus dynamiques, il est galement intressant de matrialiser T Site dynamique
les diffrentes connexions entre chaque composant : base de donnes, zone de Un site dynamique est un site dont le contenu de
tlchargement... (voir figure 1-7). certaines pages a t cr automatiquement sur le
serveur en recourant diffrents mcanismes :
requtes sur une base de donnes, rcupration
Page D'accueil dinformation, envoi de formulaire Ainsi, tandis
quune page web statique affichera toujours la
mme information, le contenu dune page web
Rubrique 1 Rubrique 2 Rubrique 3 Rubrique 4 dynamique variera selon certains paramtres.

Donnes
Section 1.1 Section 1.2

Rsultat 4.1 Rsultat 4.2 Rsultat 4.3


Page 1.2.1 Page 1.2.2 Page 1.2.3

Formulaire Envoi de Mail

Figure 17 Exemple de plan de site avec des contenus dynamiques

Lorsque le plan du site est ralis, le webdesigner, en collaboration avec le res-


ponsable des contenus et lergonome, labore les trames des pages web. Ces der-
nires doivent reprsenter conceptuellement lagencement des informations et le
positionnement des diffrents objets : boutons, zone de contenu, images (voir
figures 1-8 et 1-9). Notez cependant quil ne sagit pas de dfinir ce qui doit

Groupe Eyrolles, 2004 13


Russir un projet de site web

apparatre dans le site mais de dfinir les orientations donner au site en termes
dagencement de linformation. Vos trames doivent donc tre sans graphique.

760 Px

LOGO Bandeau / Nom du site 65 px

Zone Zone
Navigation Gauche Navigation droite

420 px Zone de Contenu

Zone
Moteur de
Recherche

Figure 18
Trame simplifie de la page principale du
portail netalya.com avec les dimensions
140 px 478 px 140 px

LOGO Bandeau / Nom du site

Titre Rubrique TITRE NIVEAU 1 Titre Rubrique


- SS Rubrique 1 - SS Rubrique 1
- SS Rubrique 2 Titre Niveau 2 - SS Rubrique 2
- SS Rubrique 3 - SS Rubrique 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit,


sed diem nonummy nibh euismod tincidunt ut lacreet dolore
Titre Rubrique magna aliguam Titre Rubrique
erat volutpat. Lorem ipsum dolor sit amet, consectetuer
- SS Rubrique 1 adipiscing elit, - SS Rubrique 1
- SS Rubrique 2 sed diem nonummy nibh euismod tincidunt ut lacreet dolore - SS Rubrique 2
- SS Rubrique 3 magna aliguam - SS Rubrique 3
erat volutpat.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, Chercher sur
Titre Rubrique sed diem nonummy nibh euismod tincidunt ut lacreet dolore NC-Technologies.com

- SS Rubrique 1 magna aliguam


- SS Rubrique 2 erat volutpat.
- SS Rubrique 3

Figure 19
Trame de la page principale du portail
netalya.com reprsentant les diffrents objets

14 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
Les spcifications fonctionnelles
En se basant sur les orientations fonctionnelles du cahier des charges et sur le
plan du site qui prsente les diffrentes rubriques et sous rubriques, le charg
dtude va pouvoir raliser une analyse approfondie par des entretiens rguliers
avec le client du projet. Cette analyse devra, pour chaque fonctionnalit,
reprendre les orientations dj exprimes en mettant en avant les points
suivants :
les acteurs concerns par le besoin : profil (internautes, administrateurs) et
nombre ;
les diffrents cas dutilisation possible de la fonctionnalit ;
les lments en entre : ce que lutilisateur doit fournir en entre ou les
actions quil doit effectuer ;
les lments en sortie (rsultats) : quelles sont les donnes affiches, quand
et comment elles sont affiches ;
les diffrents cas derreur grer.
Une telle analyse sera synthtise dans un document appel Spcifications
fonctionnelles . Ce dernier a donc pour objectif de dcrire prcisment la
future application web et prsente un triple avantage :
premirement, il donne lopportunit de sassurer que les attentes du client
ont bien t comprises par lquipe de ralisation ;
deuximement, il servira de rfrence pour le dveloppement du site en per-
mettant dapprhender rapidement le fonctionnement gnral ;
troisimement, il permet de poser les bases dune rflexion devant par la
suite aboutir la mise en place dune organisation pour lexploitation du site.

La conception technique ACTEURS ET LIVRABLES


Acteurs
Larchitecture logicielle MOA (matrise douvrage)
Partant des spcifications fonctionnelles, larchitecte web va identifier les diff- Chef de projet technique
Architecte Web
rents modules intgrer ou dvelopper :
personnalisation ; Livrables
gestion des contenus ; Dossiers darchitectures
tlchargement ; Modles des donnes
Spcifications techniques
recherche ;

T Composant

Un composant est une unit de composition logicielle pouvant tre produite, acquise et dploye
sparment. Selon les cas, le composant peut tre dvelopp par des tiers ou bien ralis en
interne.

Groupe Eyrolles, 2004 15


Russir un projet de site web

Tableau 14 Quelques modules

Composant Description
Gestion de contenu Un module de gestion de contenu permet ladministration, la cration et ldition du con-
tenu dun site. Les interfaces utilises nexigent aucune comptence de programmation
particulire ou connaissance spcifique des matriels et technologies ncessaires pour y
parvenir.
Gestion de la publication La gestion de publication (ou workflow) permet daffecter une procdure de suivi chaque
tape dune publication dun contenu : rdaction, validation, correction, validation finale.
Les diffrents tats sont paramtrables, ainsi que la liste et le nombre de membres chargs
de valider chaque tat.
Gestion de la personnalisation Ce module permet de diffuser une mme information de manire diffrente en fonction des
profils des internautes.
Gestion des utilisateurs Ce module permet de grer les profils des diffrents utilisateurs du site web. On distinguera
les utilisateurs back-office (administrateurs et gestionnaires de contenu) des utilisa-
teurs front-office (internautes).

Lidentification de ces modules va permettre de dterminer larchitecture


logicielle : types de serveurs (Web, FTP, SMTP), composants serveurs
requis, annuaire LDAP, SGBD(voir figure 1-10).

Tableau 15 Les principaux lments dune architecture web

Dfinition
lment
Serveur Un ordinateur qui contient les informations disponibles pour toute personne accdant
Internet ou un intranet interne.
Client Un ordinateur qui accde aux ressources fournies par un autre ordinateur, le serveur
Serveur dapplication Le rle du serveur dapplication est dassurer lexcution de la partie serveur de votre site
web (si celui-ci en possde une, cest--dire si votre site est dit dynamique ). Le serveur
dapplication gnre la vole des pages web pour les internautes partir dinformations
collectes dans les bases de lentreprise. Ce serveur est toujours associ un serveur web.
Serveur web ou serveur HTTP Il sagit dun logiciel utilisant le protocole HTTP (Hyper Text Transfer Protocol - mthode stan-
dard pour transfrer des donnes sur le Web) et dont le rle est de proposer aux internau-
tes des informations et des services multimdias (textes, graphiques, sons, images),
affichs laide dun navigateur. Cest lui qui gre galement les sessions utilisateurs (voir
chapitre 6).
Serveur SMTP Ce logiciel permet la gestion denvoi de courriers lectroniques dans un rseau TCP/IP (voir
chapitre 3).
Serveur SGBD Systme de Gestion de Bases de Donnes. Logiciel permettant de stocker les donnes, de
les mettre jour et de les consulter
Rfrentiel statistique/fichier log Il sagit dun fichier cr par un serveur web, contenant des informations sur lactivit dun
site donn. Ces donnes sont gnralement traites par un outil spcialis, lanalyseur de
log (voir chapitre 6).
Annuaire LDAP Un annuaire LDAP (Lightweight Directory Access Protocol) est une application fonctionnant sur
les rseaux TCP/IP et permettant le classement des informations en suivant une thmatique
arborescente plus ou moins dveloppe.

16 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
Figure 110
Exemple de reprsentation dune architecture
applicative dun site web

Linfrastructure matrielle et tlcom


Les objets gnraux dcrits dans le cahier des charges fonctionnel (disponibilit,
type de public, estimation de frquentation) dterminent linfrastructure
matrielle et tlcom mettre en place : hbergement mutualis, serveur ddi,
bande passante ncessaire (voir figure 1-11, page suivante)
Le dossier ainsi ralis servira par la suite de point de dpart pour le choix dune Voir le chapitre 3 sur lhbergement dun site web.
solution dhbergement.

Les spcifications techniques


Afin de prciser un cadre et des rgles pour le dveloppement de lapplication
web, lquipe technique clture cette tape par la rdaction des spcifications
techniques. On retrouvera dans ce document :
la description de larchitecture logicielle ;
le dossier dinfrastructure matrielle et tlcom ;
les rgles de nommage (nom des classes, des objets...) et de codage (gestion
des variables) ;
les types et modles de donnes traiter (modle conceptuel, oprationnel,
logique et physique).

Groupe Eyrolles, 2004 17


Russir un projet de site web

T Bande passante, commutateur,


pare-feu et routeur
La bande passante reprsente lunit de mesure
du dbit des rseaux et sexprime en Kb/s (Kilo-
bits par seconde), Mb/s (Megabits par seconde)
ou Gb/s (Gigabits par seconde).
Un commutateur (ou switch) est un lment
dinterconnexion de deux segments de rseaux
locaux de mme type.
Un pare-feu (ou firewall) est un serveur conu
pour protger un rseau connect lInternet
contre le piratage informatique.
Un routeur est un outil logiciel ou matriel ser-
vant diriger les donnes travers un rseau.

Figure 111 Exemple de reprsentation dune infrastructure matrielle et tlcom dun site
web

ACTEURS ET LIVRABLES La conception visuelle


Acteurs Aprs validation du plan du site et des trames des pages par la MOA, le direc-
MOA (matrise douvrage) teur artistique dfinit lapparence du site. Les objectifs principaux sont ici de
Webdesigner synthtiser lensemble des recommandations pour les mises en page dans un
Directeur artistique document unique : la charte graphique (voir figure 1-12).
Infographiste
Ergonome
Cration identit Intgration des pages
visuelle HTML
Livrables
Templates graphiques Ralisation des
Maquette Ralisation maquette
templates
Charte graphique

Validation client Validation client

Rdaction de la charte graphique

Figure 112 Processus de conception de laspect du site

18 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
Cette tape comprend deux dmarches parallles :
la cration dune identit visuelle et la ralisation de templates pour faire vali- T Les templates
der laspect graphique des pages (voir figure 1-13) ; Les templates sont des images reprsentant les
la cration dune maquette du site pour faire confirmer lagencement des futures pages de votre site. Chaque objet (champ
informations et les principes de navigation. texte, image, boutons...) est plac sur un calque
diffrent. Cela permet de changer sa disposition en
fonction des exigences du client.

POUR ALLER PLUS LOIN


Le chapitre 2 du prsent ouvrage vous indique les
principes suivre pour russir votre ergonomie :
spcificit du domaine, navigation, recommanda-
tions de mise en forme
Vous trouverez en annexe un modle de charte
graphique avec des exemples de contenu pour cha-
que section.

Figure 113 Template de la page principale du portail netalya.com

Lorsque laspect et la maquette sont valids, lergonome tablit la charte gra-


phique. Cette dernire se ralise gnralement en deux temps :
la phase conception consiste dfinir les rgles graphiques et ergonomi-
ques permettant la slection et la mise en page des informations publier
(dimensions et aspects des pages) ;
la phase ralisation complte le document par des lments plus prcis,
tels que les conventions de nommage utilises (nom des fichiers, arborescen-
ASPECT JURIDIQUE Le respect des droits
ces, rpertoires), le formatage du code (commentaires, javascript).
de la proprit intellectuelle
IMPORTANT La maquette du site En aucun cas vous ne pouvez reproduire des l-
ments visuels (photos, images, icnes, logos) sans
La maquette du site est une extension et une mise en relation des trames des pages labores
lautorisation expresse de leur auteur, quil sagisse
lors de la conception fonctionnelle. Cette dernire doit permettre de naviguer parmi les contenus
duvres originales ou duvres que vous avez
et les pages pour valider la pertinence de larchitecture informationnelle.
retouches, adaptes, modifies, etc. Vous pouvez
Tout lment de contenu disponible cette tape doit tre ici intgr avec les liens associs.
galement acheter une licence vous permettant de
Les principales fonctionnalits seront galement simules par des pages HTML. Par exemple,
tlcharger et de diffuser certaines images ou pho-
si vous incorporez un moteur de recherche, le bouton soumettre affichera une fausse
tos. LAPP (Agence pour la protection des program-
page rsultats (en HTML), le principe tant de constituer la structure des futures pages dyna-
mes) est charge de veiller toutes ces rgles de
miques (emplacement des objets...). Les lments statiques reprsentant les rsultats seront par
bonne conduite et est assermente pour constater
la suite gnrs par des scripts dynamiques dans la vritable version du site.
les infractions et y mettre un terme.
Lavantage de dvelopper une maquette est double : dune part, cela permet de donner un vri-
B http://app.legalis.net
table aperu du site votre client et dobtenir ainsi sa validation. Dautre part, cela permet aux
dveloppeurs de disposer dune base de programmation.

Groupe Eyrolles, 2004 19


Russir un projet de site web

Phase 3 : ralisation technique du site


ACTEURS ET LIVRABLES Raliser lossature du site
Acteurs Lossature du site est ralise en fonction des spcifications rdiges au cours de
Webdesigner la conception. Il sagit en fait dune retranscription des templates graphiques en
Directeur artistique HTML.
Infographiste
Grce un outil spcifique (ImageReady, Fireworks), les trames des pages
Livrables seront dcoupes selon la mthode suivante : les lments quon ne peut pas
retranscrire en HTML (images) sont convertis au format Jpeg ou Gif, les autres
Pages modles principales
Pages modles secondaires (tableaux, blocs de texte...) deviennent des objets HTML (voir figure 1-14).

Figure 114
Les templates sont divises en lments puis
dcoupes avec un logiciel spcialis.

Figure 115
Modle en HTML de pages web obtenu
partir du dcoupage prcdent

20 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
Cette action permet de disposer de modles de pages constitus des principaux B.A.-BA Modles de pages web
lments de porte gnrale : menus, images, structures des tableaux... (voir Ce sont des pages HTML dnues de contenu sp-
figure 1-15). cifique ayant pour objectif de servir de rfrence
Une fois tous ces modles raliss, il faut les relier entre eux en suivant larbores- pour le dveloppement des pages du site web.
cence dfinie lors de la phase prcdente pour constituer lossature du futur site
et soumettre lensemble au client du projet pour approbation.

Les dveloppements ACTEURS ET LIVRABLES


Acteurs
Intgration statique et alimentation du contenu associ Chef de projet technique
Les dveloppeurs intgrent toutes les pages HTML du site en y plaant les Rdacteur
textes, les images et les formulaires. Les CSS seront labors en suivant scrupu- Dveloppeur web
leusement les recommandations de la charte graphique. Enfin les animations Livrable
voulues pourront tre dveloppes selon les cas soit en Flash, soit en DHTML.
Site web sur serveur test
Lorsque le contenu sera intgr aux pages, une attention particulire devra tre
porte au respect de la charte. En thorie, tout contenu fourni devrait sinsrer
dans les emplacements prvus cet effet. En pratique, le contenu livr ncessite
souvent dadapter la mise en forme de la page web.
Cette tape permet de mettre en uvre un site dit statique , cest--dire un
site o les pages sont entirement labores et affiches lorsquun navigateur les

LANGAGES DU WEB un contenu HTML en fonction de certains paramtres (profil utilisateur,


donnes dun formulaire), grer des dossiers et autres fichiers direc-
Flash, CSS et DHTML tement sur le serveur hte, etc.
Flash est une technologie dveloppe par la socit Macromedia per-
ASP.NET et JSP
mettant la ralisation danimations vectorielles pour le Web.
B http://www.macromedia.fr ASP.NET et JSP (Java Server Pages) sont des technologies Web orientes
Les CSS (Cascading Style Sheet ou feuilles de style en cascade) est un objet qui reposent sur des pages compiles. Plus robustes et plus
langage permettant de spcifier toutes les caractristiques de mise en puissantes que les langages de scripts, ces deux technologies sont utili-
forme dune page web. CSS permet ainsi de pallier certaines insuffisan- ses pour le dveloppement dapplications Web complexes.
ces du langage HTML (contrle des polices, contrle de la distance Bas sur les langages VB.NET, C# ou Jscript.NET, ASP.NET fonctionne
entre les lignes, contrle des marges et des indentations). Vous trou- uniquement sous Windows 2000 et XP quip de lextension .NET fra-
verez plus dinformations sur le site du W3C : mework.
B http://www.w3.org/Style/CSS/ Les pages JSP, quant elles, fonctionnent sur toutes les plates-formes
quipes dune machine virtuelle JAVA.
Le DHTML (Dynamic HTML) est un terme pour dsigner la runion dun
ensemble de technologies (CSS, HTML et JavaScript) afin de rendre des
XML
pages web plus interactives (apparition de texte, dfilement dima-
ges). XML (Extensible Markup Language ou langage balises extensible) est
un langage balises permettant de sparer le contenu de la prsenta-
ASP et PHP tion. XML donne la possibilit de structurer les donnes quil va conte-
nir. Cela permet, par exemple, dafficher un mme document sur des
ASP (Active Server Pages) et PHP (Hypertext Preprocessor) sont des lan-
applications ou des priphriques compltement diffrents en nen
gages de scripts ct serveur (cest--dire interprts et excuts sur le
crant quune seule version. Contrairement HTML, vous pouvez dfi-
serveur et non sur le client, la diffrence de JavaScript).
nir de nouvelles balises permettant de dcrire la prsentation dun texte
Ces langages permettent le dveloppement de scripts pouvant effectuer
avec XML. Vous trouverez plus dinformations sur le site du W3C :
de nombreuses tches comme accder des bases de donnes, gnrer
B http://www.w3.org/XML

Groupe Eyrolles, 2004 21


Russir un projet de site web

appelle. Le contenu plac ici est donc partie intgrante des pages et ne sera pas
ractualis frquemment.

Programmation dynamique et alimentation du contenu associ


Paralllement aux dveloppements statiques, la partie dynamique est dveloppe
(Scripts ASP, JSP, PHP, modlisation des bases de donnes, cration des
fichiers XML) puis intgre aux pages.
la diffrence de la partie statique, le contenu des pages dynamiques ne fait pas
partie des pages mais est issu de sources de donnes externes. Cette tape con-
siste donc mettre en place des modules techniques tels que le moteur de
recherche, laffichage dun catalogue de produits, la personnalisation...

ACTEURS ET LIVRABLES
Tests et recettes
Acteurs
la fin des dveloppements, le site sera plac sur un serveur de tests afin de
MOA (matrise douvrage)
Chef de projet technique
vrifier quil fonctionne et quil correspond bien aux spcifications dfinies lors
Charg dtude de la phase de conception. Cette tape de tests sera ralise par la ressource
lorigine de lanalyse fonctionnelle : le charg dtude.
Livrables Il existe un grand nombre de tests possibles pour recetter un site web. Cepen-
Rapport de tests dant, vous ntes pas oblig de tous les raliser, cela dpendra de la complexit
Fonctionnalits corriges du site et de limportance que le client du projet accorde la qualit de service.

Tableau 16 Les diffrents tests pour une application web

Intitul Objectif Points cls


Test fonctionnel Valider les fonctionnalits du site par Bonne connaissance des spcifications fonctionnelles pour effectuer une com-
rapport aux attentes initiales paraison rsultat attendu / rsultat obtenu
Test de design Valider les lments graphiques du site Respect de la charte graphique
Respect des standards du W3C
Optimisation des pages et des images
Test dergonomie Contrler la facilit dutilisation du site Ralisation par des utilisateurs externes lquipe projet
par linternaute Toutes les observations et dcouvertes concernant chaque participant devront
tre synthtises : accs linformation, comprhension de la fonctionnalit
Test de compatibilit Valider laffichage du site dans diff- Comparaison entre laffichage obtenu dans une configuration donne et le
rents environnements techniques gabarit initial de la page
Tests de charge Valider les temps de rponse, le fonc- Analyse du temps de chargement des pages
tionnement du site en prsence dun Vrification de la robustesse de lapplication dans le cas de pic de
nombre important et simultan daccs connexion : accs simultan au site web par un grand nombre dinternautes
Test de scurit Vrifier que les informations Protection des donnes
sensibles ne sont pas accessibles par Disponibilits des services
des utilisateurs non autoriss Sauvegardes des informations
Confidentialit
Recherche de vulnrabilit

22 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
Tableau 16 Les diffrents tests pour une application web

Intitul Objectif Points cls


Test dorganisation Valider les lments dorganisation du Intgrit du site et gestion des erreurs de type 404
site (structure, arborescence) Gestion des langues
Routages en cas de pannes
Test de non-rgression Sassurer que les corrections apportes Validation de toutes les fonctionnalits qui ont fait lobjet de corrections
nont pas engendr de nouveaux pro- Comparaison rsultat attendu / rsultat obtenu
blmes

Phase 4 : la mise en ligne du site


La fin de la phase de ralisation ne reprsente pas pour autant la fin de votre
projet. En effet, avant que votre site ne soit accessible votre public, vous devez
prparer son exploitation, rgler les aspects administratifs et juridiques et vous
occuper de sa promotion. ACTEURS ET LIVRABLES
Acteurs
Prparer lexploitation du site MOA (matrise douvrage)
Un site web qui dort est un site mort ! En effet, mme si votre site ne prsente Responsable de projet
Chef de projet technique
aucun dfaut technique ni ergonomique, sans une exploitation efficace et rgu-
Conseil en marketing et communication interactive
lire de ce dernier, il sera rapidement abandonn. La prparation de lexploita-
tion est donc dune importance capitale : des processus et une organisation Livrables
devront tre mis en uvre afin de le faire vivre. Processus dexploitation
Documentation
Dfinition des processus dexploitation Outils danalyse daudience

Lobjectif ici est de dfinir un ensemble de processus, de rgles qui permettront


lutilisation quotidienne du site par les personnes en charge de son exploitation.
Un comit compos du responsable de projet et de plusieurs reprsentants de la B.A.-BA Linfogrance
MOA devra se constituer :
Linfogrance est un service qui consiste confier
le responsable de projet apportera sa visibilit sur le site web et lorganisation la gestion et lvolution de tout ou partie du sys-
mettre en place pour son exploitation ; tme dinformation (SI) dune entreprise un pro-
les reprsentants de lentit cliente adapteront ces indications en fonction fessionnel des services informatiques dans le cadre
dun contrat avec engagement de rsultat. Selon
des contraintes organisationnelles et budgtaires inhrentes lentreprise. les cas, linfogrance peut tre :
Ce comit devra traiter des points suivants afin de bien dfinir les modalits totale (exploitation du SI du client avec reprise
dexploitation du site : par le prestataire des quipements et de tout ou
partie du personnel du client) ;
Qui soccupera de la mise jour du contenu ? Quand ? Et comment ? partielle (exploitation du SI du client qui en con-
Qui soccupera de lassistance technique, de la rparation des erreurs serve la proprit, avec des quipes du presta-
constates ? taire qui assume la direction des oprations) ;
rduite (assistance dexploitation qui correspond
Qui devra grer les utilisateurs, les droits et les permissions daccs ?
principalement une prestation de moyens, le
Quelle organisation devrez-vous mettre en place pour lajout dune suivi des tches quotidiennes restant principale-
fonctionnalit ? ment sous la responsabilit du client).
Qui soccupera de lanimation et de la promotion du site ?

Groupe Eyrolles, 2004 23


Russir un projet de site web

Qui analysera les statistiques de frquentation du site ?


Qui rpondra aux courriers lectroniques et autres demandes envoys par les
futurs internautes ?
Quelles seront les consignes de scurit suivre ?
Pour chaque aspect, le comit devra statuer sur le fait de confier ces tches une
entit interne (webmaster, service informatique, service marketing) ou externe
(entreprise spcialise dans linfogrance, dans la syndication de contenu, agence
de communication...), le but tant de garantir la prennit du site web.

Documentation et formation
T Le back-office Une documentation associe une formation loutil de back-office doivent per-
Systme et architecture darrire-plan. Le back-
mettre le transfert des connaissances des quipes de dveloppement (celles qui
office permet ladministration du site web : gestion matrisent alors le mieux le site web) vers les nouveaux mtiers induits par la
du contenu, gestion de la personnalisation nouvelle organisation mise en place. Cette tape permettra ainsi aux futurs admi-
nistrateurs fonctionnels de paramtrer et de publier en ligne leur contenu.
Le manuel ainsi produit comprendra :
une description prcise des fonctionnalits ;
les processus dajout, de modification et de suppression des informations.

Mise en uvre dun systme de mesure daudience


Les technologies web offrent la possibilit dapprcier la productivit des diff-
rentes rubriques, sections et pages de votre site. Pour cela, il vous faut slec-
Nous dtaillerons ces aspects ainsi que les diff- tionner un outil spcifique permettant dvaluer lefficacit de vos pages en col-
rents types doutils de mesure daudience dans le lectant des statistiques pertinentes. Ces dernires pourront savrer riches
chapitre 6. denseignements pour le suivi rgulier du site :
nombre de visites et de visiteurs ;
taux de clics ;
pages les plus populaires ;
ACTEURS ET LIVRABLES dure des visites ;
Acteurs pages web dautres sites qui pointent vers le vtre ;
MOA (matrise douvrage) nombre de tlchargements dune information ;
Responsable de projet
type de foyers connects ;
Juriste
parcours des internautes
Livrables Lanalyse de ces donnes donne la possibilit didentifier le trafic de votre site, le
Conditions gnrales dutilisation (CGU) profil des internautes et leurs comportements.

Aspects juridiques et administratifs


Respect de la lgislation en vigueur
La loi franaise sapplique sur Internet et certains contenus tombent sous le
coup de la loi pnale ou civile.

24 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
Si certains contenus sont clairement identifiables comme interdits (propos
racistes, discriminatoires, diffamatoires, pdophiles, non-respect de la vie
prive), dautres le sont moins, comme ceux du non-respect des droits dauteur
et de la proprit intellectuelle. Ainsi, toute personne voque sur un site devra
tre pralablement prvenue, donner son accord et tre informe du fait quelle
pourra demander ultrieurement la cessation de la diffusion.
De plus, un accord donn pour un autre support ne pourra suffire. On peut croire
quune entreprise peut transfrer sur le Web des uvres (photos, graphiques,
texte, logos de partenaires) dont elle dtient les droits pour un autre support.
Or, la lgalit de ce transfert ne va pas de soi, car la cession des droits dauteur nest
jamais tacite. Il est donc particulirement important de vrifier quune clause de
cession de droit dauteur a t libelle avec soin pour tout type de support.
Autre aspect, celui relatif la langue franaise. La loi Toubon (4 aot 1994) en est
garante. Diffrents organismes et associations peuvent se porter partie civile dans
un procs pnal contre un site web ne respectant pas cette dernire dans un cadre
commercial et informatif (modes demploi, annonces, informations publiques...).

Dclarer votre site


Les sites web, jusquau 1er aot 2000, taient considrs comme des services de
communication audiovisuelle et taient encadrs par la loi du 30 septembre
1986. Ils devaient donc tre dclars au CSA, ainsi quau Procureur de la Rpu-
blique du domicile ou du sige social du dclarant. Ce nest plus le cas mainte-
nant et la seule dclaration principale qui reste est celle effectuer auprs de la
Commission nationale de linformatique et des liberts (CNIL).
Les sites web qui collectent des informations nominatives doivent respecter la
loi Informatique et Libert du 6 janvier 1978 en effectuant une dclaration
auprs de la CNIL relative au traitement automatis des donnes. Ils doivent
galement prvenir les internautes de lexistence de ce traitement de donnes et
de leurs droits (droit daccs et de rectification aux informations les concernant).

ASPECT JURIDIQUE
La loi du 6 janvier 1978 reconnat essentiellement sept droits aux personnes
Le droit linformation pralable : le contrle par lindividu des don- Le droit de rectification : toute personne peut faire corriger les erreurs
nes qui le concernent suppose de sa part la connaissance des fichiers quelle a pu dceler loccasion de la communication des informations
dans lesquels il est recens. la concernant. Ainsi, en cas dinexactitude, elle peut exiger que ces
Le droit de curiosit : toute personne justifiant de son identit a le droit informations soient rectifies, compltes, clarifies, mises jour ou
dinterroger les services ou organismes chargs de mettre en uvre les effaces.
traitements automatiss pour savoir si ces traitements portent sur des Le droit dopposition : toute personne peut dcider elle-mme de lutili-
informations nominatives la concernant et, le cas chant, en obtenir sation de donnes la concernant et a donc la possibilit de sopposer
communication. figurer dans certains fichiers ou de refuser la communication des infor-
Le droit daccs direct : toute personne a la possibilit de connatre mations qui la concernent des tiers.
lexistence ou non de donnes la concernant dans un fichier automatis Le droit loubli : la loi reconnat lindividu un droit loubli en limi-
ou manuel et, si elle le dsire, den obtenir communication. tant dans le temps la conservation des donnes nominatives stockes
Le droit daccs indirect : pour certaines donnes nominatives, la loi dans la mmoire des ordinateurs afin dviter dattacher aux personnes
prvoit un intermdiaire entre les personnes et lorganisme qui dtient des tiquettes dfinitives.
le traitement.

Groupe Eyrolles, 2004 25


Russir un projet de site web

Tout site vocation commerciale est amen procder des traitements infor-
matiss et doit donc galement faire cette dclaration. Cette dernire peut se
faire en ligne, sur le site de la CNIL ladresse :
B http://www.cnil.fr
dfaut, lentreprise risque une amende pouvant aller jusqu 300 000 . En
effet, depuis juillet 2004, la CNIL sest vu dote de pouvoirs de contrle effec-
tifs lui permettant de vrifier si les fichiers existants sont conformes aux obliga-
tions prvues par la loi et le cas chant de sanctionner directement et financire-
ment le responsable du traitement de linformation.

Figure 116
Le site de la CNIL vous propose la
possibilit de dclarer votre site en
ligne, de tlcharger des docu-
ments en PDF et de consulter des
articles et dossiers relatifs la
protection de donnes personnel-
les (http://www.cnil.fr).

Citons aussi dautres organismes qui peuvent tre consults en fonction de la


particularit de votre site :
lAutorit des Marchs Financiers (AMF) et ses recommandations pour la
cration dun site financier (http://www.amf-france.org) ;
le Bureau de vrification de la publicit (BVP) pour la mise en place de ban-
deaux publicitaires (http://www.bvp.org/fre/) ;
la Direction gnrale des Douanes et des Droits indirects (DGDDI) pour
limportation de produits dun site marchand (http://www.douane.gouv.fr/) ;
la Direction gnrale de la Concurrence, de la Consommation et de la
Rpression des Fraudes (DGCCRF) pour un site de vente en ligne (http://
www.minefi.gouv.fr/DGCCRF/).

26 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
Placer en ligne les conditions gnrales dutilisation du site
Les sites professionnels doivent comporter certaines mentions destination des
internautes :
le nom dun directeur de publication ou celui dun responsable de la
rdaction ;
pour une socit, la dnomination, le sige social et le nom du reprsentant
lgal ;
le rcpiss de la CNIL.
Dautres indications, qualifies de dclaratives car non obligatoires, peuvent
galement tre places en ligne :
responsabilit et garanties quant lutilisation du site ;
protection des donnes personnelles / vie prive ;
avertissement quant la protection du contenu du site.
Vous trouverez en annexe un modle de conditions
Soulignons que tout site dinformation doit dsigner un directeur de publication gnrales dutilisation dun site web avec des
(comme dans la presse crite) que lon doit porter la connaissance du public. exemples.
Ce directeur de publication sera responsable de lensemble des informations
contenues dans le site, notamment en cas de violation des dispositions en
matire de droit de la concurrence, de la consommation, de protection des
mineurs, datteinte la dignit de lhomme, de la femme et des enfants, dinfor-
matique et libert... Il sera en outre destinataire de toutes les dcisions des auto-
rits judiciaires lui commandant de fermer ou non le site.

ASPECT JURIDIQUE
La loi pour la confiance dans lconomie numrique (LEN) adopte le 21/06/04
Lensemble des professionnels de lInternet est concern par ce texte de loi. En voici les princi-
paux points :
Les hbergeurs et les fournisseurs daccs doivent renforcer le contrle sur les contenus trans-
mis et stocks. Ils doivent galement fournir des efforts pour lutter contre la pdophilie sur
Internet, lincitation la haine raciale et lapologie des crimes contre lhumanit.
Pour les sites marchands, leur responsabilit est largie lensemble de la chane de vente :
de la commande la fourniture de biens ou services, mme si certaines tapes sont ralises
par dautres prestataires tiers.
Pour les professionnels de marketing direct, le seul moyen de toucher les internautes est
dadopter lenvoi de-mail en mode opt-in (voir chapitre 5). Le consentement pralable du
consommateur est donc maintenant impratif pour la prospection par voie lectronique.

Quelques dmarches pour protger votre site


Mme si une uvre est protge ds sa cration, il faut en prouver lauthenticit
et loriginalit. Plusieurs dmarches peuvent vous aider dans ce sens :
Un pli avec les lments du site sur papier A4 que lon sest envoy en recom-
mand avec accus de rception. Une fois reu, ce dernier devra tre conserv
sans tre ouvert afin de justifier de lantriorit de luvre en cas de litige.
Un dpt lInstitut national de la Proprit industrielle (INPI) de formu-
laires denregistrements avec une description des lments protger
(http://www.inpi.fr).

Groupe Eyrolles, 2004 27


Russir un projet de site web

La Socit des Gens de Lettres (SGDL) propose aux auteurs un service de


dpt des uvres qui garantit lauteur une date certaine de sa cration.
Sont accepts les manuscrits de romans, nouvelles, contes, scnarios, les
plans darchitecture, les documents photographiques, les listages de logiciels,
les progiciels, les banques de donnes...
Un dpt auprs de lAPP du code source du site.
Lenvoi sur un serveur FTP spcialis dans le dpt de documents en ligne
tel Fidealis (http://www.fidealis.com/) de votre uvre.
Vous avez galement la possibilit dutiliser plusieurs techniques de protection.
Par exemple, le dpt du nom de votre site comme une marque dans la classe 38
(tlcommunications : communications par terminaux dordinateurs) auprs de
lINPI ou bien lutilisation du systme mis en place par lAPP : IDDN (Inter-
Deposit Digital Number) qui protge les uvres numriques (voir ce sujet
lencart de Murielle Cahen).
Enfin, la simple apposition dune mention lgale prs de luvre protge peut
dcourager les internautes mal intentionns : Aucune reproduction, mme
partielle, autres que celles prvues larticle L 122-5 du Code de la Proprit
intellectuelle, ne peut tre faite de ce site sans lautorisation expresse de
lauteur .

ACTEURS ET LIVRABLES Le lancement du site et la clture du projet


Acteurs Paralllement la prparation de lexploitation et aux aspects juridiques et
MOA (matrise douvrage) administratifs, le lancement devra sorganiser en suivant une stratgie de pro-
Conseil en marketing et communication interactive motion labore ds la dfinition du projet.
Responsable de projet
Votre budget va directement influencer la politique suivre pour faire connatre
Chef de projet technique
Ingnieur rseau votre site : dfinition des supports de communication en ligne (publicit en
ligne, e-mailing, change de liens) ou off-line (publicit, communiqu de
Livrables presse).
Site web finalis sur le serveur de production Cest galement cette tape que vous envisagez des stratgies de
Bilan post mortem cybermarketing : marketing viral (permettant la diffusion dinformations sur
Plan de communication
Internet au plus grand nombre et moindres cots) et/ou de marketing tribal
(vous permettant la mise en uvre dune communaut dinternautes fidliss
autour de votre site web).
Lensemble des objectifs suivre, des cibles vises, des actions mener et des
supports utiliser sera rsum dans un plan de communication .
POUR ALLER PLUS LOIN Promotion du site
Une fois toutes ces tches ralises, il faut effectuer une dernire passe rapide sur
Le chapitre 5 du prsent ouvrage dcrit les diff- le site plac sur le serveur de production afin de relever et de corriger les dernires
rentes stratgies possibles pour la promotion de
votre site web.
erreurs, puis soumettre votre site auprs des principaux outils de recherche du
Web (voir ce sujet le chapitre 4 du prsent ouvrage). la fin du projet, un bilan
devra tre tabli, dnomm en gestion de projet bilan post mortem , qui retra-
cera les diffrentes phases du projet, les aspects positifs comme ngatifs, les
charges consommes, les dlais et les conflits rencontrs. Ce bilan permettra par
la suite de servir de rfrence pour tout nouveau projet similaire.

28 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
Parole dexpert : comment protger son site web des contrefaons ?
Par Murielle Cahen
La cration dun site web demande la mise en place pra- na aucun droit ni intrt lgitime sur le nom de
lable dune stratgie technique, marketing, financire et domaine en cause et quil est de mauvaise foi.
juridique, qui suppose, tant pour les entreprises que pour Si la raison sociale de votre entreprise correspond
les professionnels personnes physiques, les organismes et au nom de domaine souhait. Vous pouvez rclamer
associations, voire les particuliers, un effort intellectuel et la protection de votre dnomination sociale sur le fon-
conomique important. Dterminer le cadre juridique de dement de larticle 1382 du Code civil. Mais il faut que
la protection des sites Internet prsente, sans doute, un celui qui a enregistr la dnomination sociale de votre
grand intrt pour les acteurs du monde virtuel. socit comme nom de domaine nait aucun droit ni
intrt lgitime sur le nom de domaine en cause. Si, par
exemple, il sagit dune socit qui a une dnomination
Que peut-on protger ? sociale similaire ou identique, il faudra prouver quil y a,
Les lments constitutifs dun site Internet bnficient, au du fait de lutilisation du nom de domaine, confusion
mme titre que les autres uvres de lesprit, de la protec- dans lesprit du public.
tion par le droit de la proprit intellectuelle. Il en va de
mme pour le site en lui-mme, en tant quuvre multi- Le titre, le logo et les lments graphiques
mdia. Le titre du site web et/ou le logo peuvent tre protgs
tant par le droit de marques, ce qui suppose leur dpt
Le nom de domaine pralable auprs de lINPI, que par le droit dauteur, sil a
un caractre original (ce dernier, apprci par le juge,
La protection des noms de domaine nest pas express-
sentend de lempreinte de la personnalit de lauteur).
ment prvue par la loi. cet effet, le nom de domaine
pourrait tre assimil un nom commercial ou une
enseigne, tant donn quil sert identifier une entre- La structure du site : aspect des pages,
prise sur un espace virtuel. Or, un nom commercial ou une arborescence, scnario de navigation sont
enseigne nest protg que si ce nom commercial ou cette
enseigne est utilis. Par consquent, la simple rservation protgeables au titre de la protection des
ou lenregistrement dun nom de domaine, sans que celui- bases de donnes
ci soit effectivement exploit travers un site Internet La condition doriginalit vaut galement pour la prsen-
actif, ne confre pas le droit son titulaire dinterdire sa tation du site. Ainsi, une page-cran, un graphisme, une
reproduction ou sa rutilisation. animation ou larborescence dun site peut tre protg
Cependant, le nom de domaine dun site peut tre pro- en tant quuvre de lesprit, lorsquil/elle prsente un
tg de trois manires diffrentes : caractre original. Il en va de mme pour ce qui concerne
Par le droit des marques, sil en constitue une ou sil lassemblage de textes, dimages, de sons et de liens
se base sur sa variante. En effet, le droit des marques a hypertextes.
un caractre absolu et le titulaire dune marque peut Si le site web prsente un aspect graphique, il peut gale-
sopposer toute reproduction, usage ou apposition de ment tre protg par un dpt de modle auprs de
celle-ci, dans les limites du principe de la spcialit, lInstitut national de la Proprit industrielle, sous rserve
cest--dire pour des produits ou services similaires que ladite uvre graphique soit nouvelle.
ceux dsigns dans lenregistrement.
Si vous avez dj rserv un nom de domaine
Le contenu du site : texte, information et base
dans une zone spcifique (.fr par exemple) vous pou-
vez vous opposer lutilisation de votre nom de de donnes
domaine par un tiers dans une autre zone (.com, Articles, dossiers, cours, textes : tous ces lments sont
.net), en ayant recours la procdure de rglement protgs par le droit de la proprit intellectuelle qui
uniforme des litiges relatifs aux noms de domaine de sapplique pleinement dans lunivers numrique. Selon les
lICCAN. Cette procdure a pour objet dorganiser le cas, il peut sagir duvres protges par le droit dauteur
transfert des noms de domaine au profit du requrant, ou des prestations dauxiliaires de la cration, bnficiai-
ou la radiation de lenregistrement du nom de res de droits voisins du droit dauteur (artistes-interprtes,
domaine. Pour cela, il faut prouver que le dfendeur entreprises de communication audiovisuelle...).

Groupe Eyrolles, 2004 29


Russir un projet de site web

Un site web peut, par ailleurs, bnficier de la protection blissement en France ou dans un tat membre de lUnion
sui generis des bases de donnes, sil rpond la dfini- europenne ou de lEspace conomique europen.
tion de la base de donnes de larticle L.112-3 du Code de Avant de dposer une marque, il est ncessaire de vrifier
la proprit intellectuelle : recueil duvres, de donnes si le signe choisi est disponible. LINPI permet deffectuer
ou dautres lments indpendants disposs de manire des recherches lidentique parmi les marques en vigueur
systmatique ou mthodique et individuellement accessi- en France : les marques franaises, les marques commu-
bles par des moyens lectroniques ou par tout autre nautaires et les marques internationales dsignant la
moyen . France et les noms commerciaux.
Le producteur dune base de donnes a le droit dinter- Quant au cot du dpt, il slve 215 euros jusqu
dire lextraction, par transfert permanent ou temporaire, trois classes et au-del de cela, 38 euros par classe.
de la totalit ou dune partie qualitativement ou quanti-
tativement substantielle du contenu dune base de don-
nes sur un autre support, ainsi que la rutilisation, par la
Les diffrents moyens pour prouver la proprit
mise la disposition du public de ceci (article L. 342-1 CPI). dune uvre : texte, logiciel, code source
Le rgime juridique des bases de donnes peut notam- Les auteurs duvres de lesprit peuvent procder un
ment sappliquer une compilation dhyperliens, pourvu dpt auprs des diffrentes socits de gestion collective
que ceux-ci soient disposs de manire systmatique ou des droits dauteur (voir tableau ci-dessous), de lInstitut
mthodique et tre individuellement accessibles. Il est national de la Proprit industrielle, dun notaire ou dun
noter que les lments contenus dans une base de don- huissier.
nes peuvent tre galement protgs indpendamment
de cette base par le droit dauteur et les droits voisins. SACEM Socit dauteurs et compositeurs de www.sacem.fr
musique
Le code source des pages SCAM Socit civile des auteurs du www.scam.fr
Le langage de programmation (code source) du site web multimdia
peut tre protg par le droit dauteur, mais la condition SESAM Socit commune de gestion des droits www.sesam.org
doriginalit est ici difficile tablir. Aux termes de la dauteur pour la production multim-
directive communautaire de 1991 (91/250/CEE) : un pro- dia
gramme est original sil est la cration intellectuelle pro-
pre son auteur . Loriginalit de luvre multimdia est APP Organisation europenne des auteurs app.legalis.net
acquise, ds lors que celle-ci, dans sa composition ou son de logiciels et concepteurs en techno-
expression, va au-del dune simple logique automatique logies de linformation
ou dun mcanisme intellectuel ncessaire. La cration
dune architecture propre au site web, dun scnario de Il existe galement des dpts en ligne permettant
navigation et lorganisation des diffrents composants de denvoyer un serveur darchivage qui procde une
celui-ci suffit, en principe, pour le rendre uvre originale. datation avec avis de rception comme les site cyberpro-
Ainsi, toute reproduction, reprsentation ou modification tec.com ou fidealis.com (CD archiv par et chez un huis-
du site web, faite sans le consentement de lauteur ou du sier). Ce dpt ninstitue quune prsomption de pro-
titulaire des droits est illicite et constitue une contrefaon. prit qui peut tre combattue par la preuve contraire.
Autre moyen, lenveloppe Soleau, gre par lINPI (http://
www.inpi.fr/front/show_rub.php?rub_id=133), qui permet,
Comment protger ces lments ? moyennant 15 euros, de se prconstituer la preuve dune
cration en lui donnant date certaine. Elle comporte deux
compartiments. Lutilisateur est invit introduire dans
Le dpt de la marque chacun deux un exemplaire de la description, ou dune
Les dpts des marques seffectuent auprs de lINPI (Insti- reproduction en deux dimensions, de sa cration ; puis,
tut National de Proprit Industrielle, www.inpi.fr). Ils peu- adresser lenveloppe lINPI (ventuellement en recom-
vent y tre remis directement ou adresss par voie pos- mand). LINPI, aprs enregistrement et perforation de
tale. Si vous navez ni domicile, ni sige, ni tablissement lenveloppe au laser retourne un compartiment lutilisa-
en France ou dans un tat membre de lUnion euro- teur. On recommande de conserver ce compartiment sans
penne ou de lEspace conomique europen, vous tes le dcacheter et de conserver lautre compartiment dans
tenu deffectuer votre dpt auprs de lINPI et de choisir ses archives pour tre produit en justice en cas de besoin.
un mandataire qui ait son domicile, son sige ou un ta-

30 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
Lenveloppe est conserve lInstitut pendant une subordonner cette poursuite la constitution de garan-
priode de cinq ans qui peut tre proroge une fois ties destines assurer lindemnisation du propritaire de
moyennant paiement de la mme redevance que celle la marque ou du bnficiaire dun droit exclusif
prvue pour lachat dune enveloppe (15 euros). dexploitation . Pour obtenir des dommages-intrts il
Enfin, sachez que vous pouvez vous envoyer vous- faut intenter une procdure au fond. Il est pourtant possi-
mme, en objet recommand, un exemplaire de luvre ble de demander une provision devant le juge des rfrs.
cre dans une enveloppe spciale. Une fois reue, lenve- En ce qui concerne spcialement le nom de domaine, le
loppe ne doit pas tre ouverte. En cas de contestation de titulaire de celui-ci pourrait engager une action en con-
paternit, lenveloppe sera ouverte devant huissier. Le currence dloyale devant les tribunaux de commerce ou
cachet de la poste faisant foi, cette preuve acquiert date civils, selon la qualit du dfendeur, en vue dobtenir, une
certaine. interdiction dutiliser le signe litigieux. Linterdiction est
gnralement accompagne dune astreinte, gnrale-
ment une somme forfaitaire par jour de retard, pour assu-
Les mentions lgales rer lefficacit de la mesure dinterdiction. Le titulaire
Lditeur du site doit avertir expressment les internautes dun nom de domaine pourrait en outre obtenir du Tribu-
quant la protection du contenu de son site par le droit nal des dommages et intrts titre de rparation, ainsi
de proprit intellectuelle et industrielle. Si la marque est quune publication du jugement dans des journaux sp-
dpose et enregistre, il peut mentionner le , sym- cialiss de son choix.
bole de registered, et apposer le , symbole de Toutefois, latteinte un nom de domaine nest pas un
copyright, titre pdagogique. (Il sagit en effet dune dlit pnal, contrairement latteinte aux autres droits de
formalit qui nest pas obligatoire. La protection est la proprit intellectuelle. En effet, la contrefaon dun
accorde ds lacte de cration originale. Une telle men- droit dauteur, dun dessin ou modle dpos ou dune
tion a comme seul objectif de prvenir les internautes du marque, est un dlit pnal, qui peut tre sanctionn dune
fait que les uvres sont protges.) peine demprisonnement de deux ans et dune amende de
Enfin, il est possible de recourir au systme dInterdeposit 150 000 euros damende.
(IDDN : International Identifier of Digital Works, Enfin, si le nom de domaine est galement dpos titre
www.iddn.org) qui signale lutilisateur les coordonnes du de marque, son titulaire peut agir en contrefaon et/ou
titulaire du droit dauteur sur luvre et les restrictions en concurrence dloyale et parasitisme contre toute per-
dutilisation de celle-ci. sonne qui utilise le mme nom de domaine ou sa variante,
devant le tribunal de grande instance. Dans le cadre dune
Quels sont les recours en cas de contrefaon ? action en contrefaon de marque, des mesures en rfr
La contrefaon est la reproduction totale ou partielle dun peuvent tre ordonnes par le prsident du tribunal saisi
lment protg. de laction au fond, pourvu que celle-ci prsente un carac-
Pour se protger de celle-ci, la premire tape est de la tre srieux et quelle soit engage bref dlai compter
faire constater, en faisant appel un huissier de justice ou du moment o le propritaire de la marque a eu connais-
un agent asserment de lAgence pour la protection des sance de la contrefaon.
programmes (APP) (http://app.legalis.net). Une fois le constat
obtenu, il convient de saisir le juge pour faire cesser la
contrefaon et obtenir des dommages-intrts.
Le type de tribunal comptent est fonction des parties en
cause : si les parties sont toutes commerantes, cest le tri- Murielle Cahen, avocate Paris, a cr depuis 1997 un site juridique
bunal du commerce, sinon cest le tribunal de grande ins- trs complet : lexique juridique, droit dInternet, articles thmatiques.
tance. Toutefois, le demandeur non commerant peut Son cabinet propose des rponses aux questions juridiques dInternet,
attraire le dfendeur commerant au tribunal du com- aux problmes de la vie des socits et de la vie quotidienne.
merce. Sil sagit dune action en contrefaon de marque,
le tribunal de grande Instance est seul comptent. B http://www.murielle-cahen.com/
Larticle L.716-6 1er alina du Code de la Proprit intel-
lectuelle prvoit que Lorsque le tribunal est saisi dune
action en contrefaon, son prsident, saisi et statuant en
la forme des rfrs, peut interdire, titre provisoire, sous
astreinte, la poursuite des actes argus de contrefaon, ou

Groupe Eyrolles, 2004 31


Russir un projet de site web

Synthse : le cycle de vie dun projet web

Dbut
Projet

- Analyse des besoins


- Etude de faisabilit
Cahier des charges - Etude de march
Etude pralable
fonctionnel - Etude concurrence
- Type de site
- Cahier des Charges

PHASE 1 : Rdaction du plan projet


- Plan projet
- Estimation budgtaire
Dfinition du
projet
Validation Client

- Dfinition des rles


Constitution de l'quipe - Contrat de ralisation (si besoin)
- Rpartition des tches

- Plan du site
Conception fonctionnelle - Trames des pages
- Spcifications fonctionnelles
PHASE 2 :
Conception Validation Client
du site
- Dossier d'architecture
- Modle des donnes
- Spcifications techniques
Conception technique Conception visuelle - Templates graphiques
- Maquette
- Charte Graphique
Validation Client

Ralisation de l'ossature du site - Modles pages principales & secondaires

PHASE 3 :
Intgration statique Intgration
Ralisation dynamique
- Site web sur serveur test

du site

- Rapport de tests
Tests & recettes - Corrections

Validation Client
- Processus d'exploitation du site
- Documentation
Prparation Administratif Lancement & - Outil danalyse audience
PHASE 4 : l'exploitation & juridique promotion
- Dclaration CNIL
- CGU
Mise en ligne - Plan de communication
du site - Site web en production

Bilan Post-Mortem

Fin Projet

32 Groupe Eyrolles, 2004


1 Mthodologie de conduite de projet web
Testez vos connaissances
Quelles sont les quatre principales phases de toute conduite de projet web ?
Quelles sont les rles/ressources cls dun projet web ?
Quelles diffrences existe-t-il entre une trame de page, une template et une
maquette ?
Quelles sont les tapes dune ralisation ?
Quels types de tests pouvez-vous raliser pour valider votre site web ?
En quoi consiste la prparation lexploitation du site ?
Quels sont les aspects juridiques prendre en compte au cours de votre
projet ?
Quappelle-t-on le lancement dun site web ?

En rsum
La cration dun site web doit suivre une mthodologie bien dfinie, avec des
phases clairement identifies. Ce chapitre vous a permis dacqurir les connais-
sances gnrales indispensables toute gestion de projet web en dcrivant tape
par tape les actions entreprendre et les livrables qui seront attendus.
Pour conclure, soulignons quen conduite de projet web (comme dans toute
autre conduite de projet) vous tes parfois oblig de faire preuve dune grande
flexibilit desprit : les objectifs, les dlais et les cots, voire les facteurs externes,
peuvent donner lieu des arbitrages et des changements de primtre. Bien
sr, la mthodologie prsente ici nempchera pas votre projet dy chapper.
Cependant, elle vous permettra de disposer dun cadre de rfrence qui vous
aidera tout au long de la mise en place de votre site.

Groupe Eyrolles, 2004 33


chapitre 2

Groupe Eyrolles, 2004


Russir lergonomie
de son site

SOMMAIRE
B Les contraintes du Web
Du grec ergon (travail) et nomos (rgle, loi naturelle), B La navigation
lergonomie web se dfinit comme la mise en uvre dun B Laspect visuel du site
ensemble de rgles pour concevoir un site facile dutilisation o B Rendre votre contenu lisible
linformation est aisment accessible. Lergonomie implique pour le Web
dadapter la structure, laspect et le contenu du site en fonction
du profil des utilisateurs.
MOTS-CLS
B Gestion de projet
B Charte graphique
B Cohrence visuelle
B Navigation
B Gestion des couleurs
B Webdesign
B Interaction homme-machine
B Utilisabilit
B Dcoupage
B Titrage
B Cohrence
B Liens
B Hypertextes
B Pertinence
B Lisibilit

Groupe Eyrolles, 2004


Russir un projet de site web

Contraintes spcifiques au Web


B.A-BA Ergonomie Un site web a pour particularit dtre utilis par le biais dquipements htro-
Daprs Human Factors International, lexemple du gnes, aussi bien logiciels, que matriels, et via des moyens de connexion diff-
site de Staples, modifi en mai 2000, montre que le rents. Cette spcificit impose une conception oriente utilisateur : il faut aban-
nombre dinternautes fidles peut augmenter de donner lide que lon contrle compltement le site. Ltape de validation doit
plus de 60 % si lergonomie dun site est amlio- tre faite dans les conditions de visualisation dun utilisateur type en tenant
re.
compte :
des limites matrielles ;
de la disparit logicielle ;
de la difficult prvoir le comportement des visiteurs.

Un site pour tout type de matriel


Le type de processeur, la taille de lcran, la vitesse du modem, les capacits de la
carte graphique sont autant dlments qui font quune page web ne sera jamais
vue de manire identique par deux internautes ni charge dans un mme dlai.
Prs de 78 % des visiteurs nattendent pas au-del de 20 secondes le chargement
dune page (voir figure 2-1). Par consquent, il importe de rduire ce dlai
daffichage, en vrifiant que :
lusage de graphiques est limit ;
toute image dun poids suprieur 30 Ko a t retire ;
la quantit de texte est rduite.
Privilgiez toujours une prsentation moins avant-gardiste et plus sobre et vri-
fiez bien que le poids de vos pages (contenu + images) est infrieur 70 Ko. Au-
del, le temps de chargement risque dtre trop long pour les internautes munis
dune connexion de type modem RTC. Dans le cas o linformation dpasse la
limite fixe, proposez cette dernire sous forme de documents en tlcharge-
ment en indiquant clairement leur poids.

Figure 21
Dlai maximum support par les internautes
(graphe ralis partir de donnes issues dune
tude ralise par lauteur, 2001)

Un site accessible tous les navigateurs et systmes


dexploitation
Il existe de trs nombreux navigateurs (ou browser), et ce pour tous les systmes
dexploitation. Les plus connus sont Firefox (Mozilla), Internet Explorer, Nets-
cape Navigator, Opera, Safari, etc. Mme sils suivent les principales recom-

36 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
mandations du W3C pour linterprtation des pages web, ces logiciels poss- B.A.-BA Le W3C
dent tous leur propre faon de travailler.
Le W3C, ou World Wild Web Consortium, est
Le systme dexploitation ct client est galement dterminant (Mac OS, lorganisme en charge de la normalisation des
Windows, Linux et autres Unix). Quant aux formats tels que Flash, Acrobat technologies du Web : http://www.w3c.org
Reader, QuickTime..., ils requirent des plug-ins qui ne sont pas forcment pr-
sents sur les ordinateurs de vos internautes. Sur le Web, il est donc difficile de
savoir ce que votre internaute verra sur son cran (voir figure 2-2).

Figure 22 Exemple dune mme page web vue par diffrents navigateurs sous diffrents systmes dexploitation

Groupe Eyrolles, 2004 37


Russir un projet de site web

La taille des polices de caractres est un bon exemple. Il sagit du premier l-


Parts de march des navigateurs ment qui varie en fonction du matriel ou du navigateur. Un PC restitue les
dans le monde polices avec deux ou trois points de plus quun Macintosh. Par consquent, afin
de disposer dune taille de police classique, le webdesigner devra utiliser une
La socit OneStat a relev en janvier 2006 la part
de march des navigateurs dans le monde : police HTML de taille deux ou trois, cest--dire de 10 pt ou 12 pt.
Microsoft IE 80,91% Toutefois, un site ergonomique doit safficher correctement et de la mme
Mozilla Firefox 12,55% manire quels que soient la version et le type de navigateur :
Apple Safari 3,82% La premire exigence indispensable pour cela est la propret du code
Opera 0,80% HTML ; pour quil ne contienne pas derreur, il faut le valider avec des outils
Netscape 0,28% tels que HTML-tidy.
Source : La seconde, est de tester le site sur diffrents types de plates-formes avec dif-
B http://www.onestat.com/html/ frents crans, diffrents systmes dexploitation, diffrents navigateurs (au
aboutus_pressbox41_mozilla_firefox_
moins Mozilla Firefox et Internet Explorer), dans des versions varies et
usage_share.html
avec des connexions diverses (ADSL, cble, extranet, modem). Ceci per-
met de constater les erreurs et dy remdier.

B http://tidy.sourceforge.net
Mise en garde
B http://www.w3.org/People/Raggett/tidy/ Attention lutilisation des technologies de type Flash, QuickTime Certains internautes
B http://www.w3.org/Consortium/Translation/ ne possdant pas le plug-in associ, ou pas dans la bonne version, prfrent abandonner la
French visite du site plutt que de tlcharger ce dernier (peur de contaminer lordinateur, temps
de chargement trop lent d une faible connexion).

La barre doutils Accessibilit du Web


La barre doutils Accessibilit du Web est une barre doutils dveloppe par lquipe dAIS
(Accessible Information Solutions) de NILS (National Information and Library Service) service
national dinformation et de bibliothque en Australie. Trs pratique elle vous permet dexaminer
diffrents aspects dun document HTML (tels que sa structure, son code, son contenu) et sur-
tout elle vous permet de consulter votre page telle quelle apparat sous diffrentes rsolutions,
diffrentes couleurs et diffrentes applications tiers.
B http://www.nils.org.au/ais/index.html

Un site pour tous les utilisateurs


Le comportement des utilisateurs est trs difficile prvoir. Chaque internaute
a sa faon de naviguer sur un site web. Certains, dbutants, mettront plus de
temps accder linformation, tandis que dautres, plus expriments, recher-
cheront une navigation classique conforme leurs habitudes de travail et ce
que lon trouve gnralement sur le Web : menu avec accs direct aux rubriques,
moteur de recherche, plan de site

Prise en compte des personnes handicapes


Les handicaps devront galement tre pris en considration. Si les caractristi-
ques de votre cible vous limposent, votre site devra tre accessible pour les per-
sonnes ayant des dficiences visuelles ou auditives. Les problmes sont un peu

38 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
diffrents pour les non-voyants et les mal-voyants. Pour les mal-voyants, on
pensera des outils interfaces graphiques travaillant sur les tailles de polices, la
visibilit des couleurs ou les contrastes, voire des outils comme les loupes.
Quant aux non-voyants, ils travailleront plus souvent en mode texte avec des
navigateurs tels que Lynx.

Quelques liens
Recommandations du W3C en matire daccessibilit (Web Accessibility
Initiative - WAI) :
B http://www.w3c.org/WAI/
Site de lassociation Braillenet dont lobjectif est la promotion du Web pour les
personnes handicapes visuelles :
B http://www.braillenet.org
Et dautres liens et outils :
B http://accessibility.kde.org
B http://www.brlspeak.net

Utilisabilit
DFINITION Utilisabilit
Lutilisabilit est la mesure de la facilit avec laquelle les utilisateurs peuvent interagir avec
un outil informatique. Ramene un site web, lutilisabilit comprend la mesure de la sim-
plicit de navigation et daccs linformation.

Afin de bien prendre en compte les diffrences qui peuvent subsister entre les
internautes, nous vous recommandons fortement de raliser des tests dutilisabi-
lit sur une maquette statique de votre site. Au cours de ces tests, un panel
dindividus est invit raliser des actions dtermines en fonction des services
proposs par lapplication web. Leurs comportements sont enregistrs pour tre
ensuite analyss, afin de mettre en vidence les lacunes du site et daider les
ergonomes dans leurs choix de conception.
Il nest pas ncessaire de raliser des tests utilisateurs grande chelle. En effet, B http://www.useit.com/alertbox/20000319.html
les ergonomes Nielsen et Landauer ont montr que 85 % des problmes pou-
vaient tre identifis avec un groupe de cinq utilisateurs dun mme profil.
Nous pouvons donc en conclure que pour connatre 85 % des difficults ergono-
miques dun site web, il est ncessaire de constituer autant de groupes de cinq per-
sonnes que de profils cibles identifis. Par exemple, pour un site universitaire
sadressant des tudiants mais aussi des professeurs, il sera essentiel dorganiser
deux groupes de test composs lun de cinq tudiants et lautre de cinq professeurs.

R Nielsen, J., Landauer, T. K. (1993). A mathematical model of the finding of usability problems.
Proceedings of ACM INTERCHI93 Conference (Amsterdam, The Netherlands, 24-29 April
1993).

Groupe Eyrolles, 2004 39


Russir un projet de site web

Parole dexpert : comment russir ses tests dutilisabilit ?


Par Alain Robillard-Bastien
Identifier et corriger les problmes ergonomiques dun produit interactif avec des utilisateurs qui nont rien dire
site web ou dun logiciel est essentiel. dfaut, il finit par ou ne manifestent aucun intrt envers lactivit.
irriter les utilisateurs en rduisant leur productivit. Il faut aussi prendre en considration leurs aptitudes uti-
Le test dutilisabilit permet faible cot didentifier ces liser les ordinateurs et Internet. Les tests dutilisabilit ne
problmes rapidement. Le principe en est le suivant : en doivent pas servir valuer la capacit des internautes
utilisant des scnarios dutilisation typique, on demande utiliser une souris ou un clavier. Ainsi prfrera-t-on tra-
individuellement des utilisateurs potentiels de compl- vailler avec des internautes matrisant les bases de la tech-
ter certaines activits, tout en leur demandant aussi nologie concerne, pour ne pas trouver de faux
dexprimer leurs actions. En les observant, il devient possi- problmes qui seraient dus plus au manque dexp-
ble didentifier les principales sources derreurs et de frus- rience des participants avec les ordinateurs qu linter-
tration ainsi que les lments incompris du produit test. face elle-mme.
Les rsultats ainsi obtenus auront une valeur plus sre La connaissance, le savoir-faire ou lintrt dans le secteur
pour identifier les problmes dinterface que ceux prove- du produit test est une autre dimension essentielle dont
nant, par exemple, dun groupe tmoin (focus group). En il faut tenir compte lors du choix des participants.
effet, ces derniers ne permettent dobtenir que des
impressions subjectives, trop incompltes pour amliorer Choisir des testeurs concerns par le thme du site
elles seules lergonomie dun produit interactif. Par exemple, en testant le prototype du site des archives dune impor-
tante station de tlvision canadienne, nous avons dlibrment
Tester tt et avec des utilisateurs reprsentatifs recherch des utilisateurs qui prouvent un certain intrt pour lhis-
toire. Dans le cas dun site prsentant des reportages concernant des
Il vaut mieux faire des petits tests rgulirement ds le
problmatiques humanitaires, nous avons recherch des testeurs
dbut du cycle de dveloppement, plutt quun seul grand
auprs dorganisations telles quAmnesty International. Enfin, pour des
test la fin ou au milieu du projet. Une maquette impri-
intranets, la slection sest porte tout naturellement vers les employs
me sur des feuilles de papier ou bien un prototype fonc-
appels utiliser le service.
tionnel peuvent faire lobjet de validations ergonomiques.
Il est alors tout fait ais deffectuer des tests dutilisabi- Il faut donc travailler avec les principaux intresss : les
lit trs tt dans le processus. Lintrt deffectuer des tests utilisateurs finaux. Il est impratif de ne pas tester avec
cette tape est grand : il est beaucoup plus facile, et des gens que lon connat, les rsultats pourraient alors
moins onreux, de corriger des dfauts et damliorer une tre inconsciemment biaiss. De la mme faon, on ne tes-
interface ltape de la conception quune fois en ligne. tera pas soi-mme son propre produit
Encore aujourdhui, nous rencontrons des entreprises et
des organismes publics qui, actifs sur le rseau depuis un Choisir les testeurs
certain temps, demandent de laide pour comprendre ce Le choix des testeurs peut savrer fastidieux. On aura souvent recours
qui grve leur prsence sur le Web. Le verdict se rpte des socits spcialises dans lorganisation de sondages, par exem-
souvent : un petit test aurait permis bien avant la mise en ple. Ces socits seront en mesure de vous assister dans la cration
ligne dviter des situations malencontreuses, synonymes dun questionnaire de slection efficace, puis assureront le
de pertes de temps, dargent et de crdibilit. Il est impor- recrutement : appels tlphoniques, prises de rendez-vous, etc. Le fait
tant, donc, de tester tt. Mais il est aussi essentiel de de prvoir une rcompense pour les participants contribuera garantir
savoir sarrter : atteindre linterface parfaite pour un site la prsence de ces derniers lors du grand jour. Notez quil est prfrable
web relve de lutopie. Il faut se concentrer sur le public de ne pas mentionner lavance aux participants lobjet prcis du test.
cible, puis sur les activits les plus importantes. Ensuite, en
fonction des chanciers et des ressources, on pourra se
concentrer sur des lments secondaires. Avec combien dutilisateurs ?
Une autre condition essentielle la russite dun test repose La question du nombre de participants est le sujet de vives
sur la reprsentativit des utilisateurs. Ceux-ci doivent polmiques. Les intervenants ne sentendent pas sur le
appartenir ce qui aura pralablement t dfini comme le nombre idal dutilisateurs qui permettraient didentifier
public cible. Vient ensuite leur capacit exprimer leurs tous les problmes ergonomiques (si cela est possible...).
points de vue : il ny a rien de plus difficile que de tester un

40 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
Ainsi, une quipe de dveloppeurs de jeux, avec qui nous dveloppement, sont adquates. On parle dun cycle
nous entretenions dans le cadre dune confrence itratif : une petite srie de tests entranera des corrections
en 2002, soutient quun seul utilisateur est suffisant si, qui seront, en fonction des besoins, nouveau testes.
tout de suite aprs le test, des modifications sont faites et
testes nouveau avec un autre utilisateur.
Les objectifs, les scnarios et la tenue dun test
Il est alors possible de vrifier si les corrections ont am-
Un test valable doit mesurer des lments bien dfinis. Les
lior la situation, nont eu aucun effet, ou, au contraire,
objectifs de test devront spcifier clairement ces lments.
ont eu pour effet de dtriorer la qualit de linteraction.
Par exemple, pour le test dun site bancaire, on pourra
Cette approche implique cependant un nombre de tests
analyser la procdure dinscription, les activits entourant
relativement important. Dautres, comme Jakob Nielsen,
des paiements de factures ou encore limportation de
avancent, chiffres lappui, que cinq utilisateurs effec-
donnes dans un logiciel comptable. Pour ces activits, on
tuant le mme test sont suffisants pour identifier la trs
aura pralablement fix un point de russite. Dans le cas
grande majorit des problmes dutilisabilit (voir la rf-
de limportation de donnes dans un logiciel comptable,
rence cite par Nicolas Chu). Enfin, certains voquent que
lachvement de lactivit en soi pourrait tre le point de
pour atteindre des rsultats statistiquement significatifs,
mesure. Dans le cas de linscription en revanche, la rus-
de nombreux tests doivent tre conduits, avec un trs
site de la dmarche jumele la perception de russite
grand nombre dutilisateurs.
par lutilisateur (lutilisateur ralise pleinement que lop-
Qui a raison ? La stratgie du un utilisateur un test ration est russie) pourraient tre les points de mesure. La
est intressante, mais demande un effort constant, peu premire question du scnario peut tre construite tout
ralisable dans le contexte de la majorit des entreprises. simplement comme ceci :
Il en va de mme avec les approches qui permettent
Voici le site de la banque XYZ. Imaginons que vous sou-
dobtenir des rsultats quantitatifs rigoureux : elles sont
haitiez y faire affaire. Que feriez-vous pour y ouvrir un
trop coteuses et, surtout, beaucoup trop longues pour
compte partir de ce site ?
tenir dans les dlais de dveloppement daujourdhui.
Retenons donc quen tenant compte des contraintes co- Lutilisateur est invit dcrire ce quil fait, ce quil voit, ce
nomiques et temporelles de la grande majorit des pro- quil comprend et, surtout, ce qui le laisse perplexe. Lidal
jets, lapproche dun test avec cinq dix utilisateurs me est de prvoir dix quinze questions (dure : 60
semble la plus raisonnable, efficace et rentable (ce qui 90 minutes). Tout au long du test, il importe de demander
ma t confirm par la majorit de tests que jai mens systmatiquement au participant de dcrire ce quil fait et
ces dernires annes). comprend, sil ne le fait pas spontanment, car une part
importante de la richesse des tests dutilisabilit repose
Par ailleurs, il faut souligner la ncessit de se concentrer
dans ce quexpriment les participants.
sur un type dutilisateurs prcis pour tous les tests dun
mme produit. Ainsi peut-il arriver que dans un profil Dans un test rel effectu en 2002, en laboratoire, tous les
donn (par exemple : les utilisateurs de lintranet ) se participants sont parvenus ouvrir un compte laide du
cachent des sous-profils bien distincts. Mlanger par prototype de la nouvelle version du site web dune banque
mgarde ou par souci de reprsentativit des sous-profils locale, soulignant ainsi une interface thoriquement effi-
trop diffrents rduira drastiquement la qualit des rsul- cace. Mais la majorit dentre eux, ne comprenant pas que
tats. Si des archtypes (personas) ont t utilises lors de la lopration tait complte, disaient au mme moment ne
conception initiale, on pourra par exemple se concentrer pas savoir quoi faire pour complter louverture du compte,
sur un archtype principal comme profil unique de tests. soulignant ainsi que le site nexprimait pas assez clairement
Lexprience montre que se concentrer sur un profil spcifi- la russite de la dmarche. Un test de cette nature permet-
que reprsentatif permettra le dveloppement dinterface tra donc didentifier les lments de linterface qui emp-
plus homognes que tous comprendront mieux en bout de chent les utilisateurs de mener bien leurs activits. Dans
ligne. Au contraire, vouloir plaire un trop grand nombre bien des cas, des solutions possibles mergeront naturelle-
de profils htrognes entranera la conception dinterfa- ment de la dmarche, parfois mme de la bouche des
ces disparates qui embteront un peu tout le monde participants : Si on mavait dit au dpart que ma transac-
tion tait accepte plutt que de me renvoyer directement
De plus, il ne faut pas oublier les objectifs mme des tests,
la page daccueil, je naurais pas recommenc trois fois ! .
qui servent dabord identifier les problmes critiques
Une prise de notes exhaustive est importante durant les
pour les corriger immdiatement, et non dfinir des nor-
sances de tests. Dans certains cas, la prsence dun obser-
mes et des probabilits statistiques. En ce sens, bien sou-
vateur dont lunique fonction est de prendre des notes est
vent, deux sries de petits tests, les uns aprs les autres, en
de mise, laissant ainsi lanimateur toutes ses nergies
tenant compte des itrations apportes au produit en
pour interagir avec le participant.

Groupe Eyrolles, 2004 41


Russir un projet de site web

Cette approche se prte aussi trs bien des tests dis- Loculomtrie : la nouvelle panace?
tance, cest--dire avec des utilisateurs tant localiss dans Loculomtrie, jadis rserve aux laboratoires les plus
dautres villes, voire dautres pays. En 2004, nous avons avancs, devient lentement plus accessible. Il sagit dune
ainsi test un site spcialis dans le transport arien, technique permettant de suivre et de quantifier le mouve-
auprs de responsables de lindustrie exerant leur profes- ment des yeux des utilisateurs sur une interface donne.
sion en Asie, en Europe, en Amrique du sud, en Afrique Ainsi, en 2005, des tudes spectaculaires mettaient en vi-
et en Amrique du Nord, sans avoir se dplacer, les dence certains comportements typiques sur des interfaces
outils courants de confrences Web permettant aisment comme les moteurs de recherche de type Google ou
la tenue de ces tests. Yahoo .
Nanmoins, il faut prendre note de quelques particularits :
Loculomtrie est certainement une technique extrme-
1. La logistique de lactivit est plus complexe. Le recrute- ment prcise et factuelle de mesure de lutilisabilit. En
ment de participants peut savrer difficile linterna- identifiant les mouvements moyens des yeux des utilisa-
tional, puis il faut, durant les tests, dcupler dardeur teurs sur une interface dans le cadre dune activit spcifi-
pour bien comprendre ce que font les utilisateurs quon que, il devient bien plus facile de situer les lments criti-
ne voit pas ncessairement (seul lcran tant partag, ques de faon optimale. Nanmoins, elle demande une
moins de travailler en plus avec une camra web). La trs grande rigueur dans lexcution, un nombre plus
langue de travail peut devenir problmatique, tandis grand de testeurs (au moins 20, sinon plus) et une appro-
que des contraintes techniques de connectivit Internet che sensiblement diffrente. Notamment, la verbalisation
peuvent nuire au bon droulement des tests. est proscrire durant les tests. De plus, cette mthode
2. Lhoraire : sil est 15h00 Tokyo, quelle heure est-il nest approprie quavec des prototypes extrmement
chez vous? Vous avez tout compris : les tests internatio- complets, dont la conception visuelle est pratiquement
naux distance requirent parfois deux ou trois quipes finale. En ce sens, les tests effectus avec un oculomtre
de travail, pour mener les activits toute heure du ne sont pas pertinents avant la conception finale.
jour, ou de la nuit Loutil savre par contre dune grande efficacit pour
Dans tous les cas, notamment en laboratoire, les dve- comparer la performance de versions diffrentes dun
loppeurs du site ne devraient pas tre en contact direct mme prototype. Dans un test oculomtrique ralis
avec les participants, car ceux-ci seraient dabord indispo- lautomne 2005 sur un site pan-canadien, nous avons clai-
ss, voire intimids, puis auraient tendance vouloir bien rement tabli que bien que la version B du prototype final
paratre, gardant alors pour eux certains commentaires remportait la palme de lapprciation subjective des parti-
prcieux. Certains professionnels utilisent aussi la vido, cipants, la version A permettait aux utilisateurs de trouver
avec la permission crite des participants, pour enregistrer plus rapidement, avec moins de recherche visuelle, les
les sances de tests. Les enregistrements pourront tre uti- composantes ncessaires lutilisation optimale de linter-
liss des fins danalyse, mais le processus est trs long, face. Cette donne critique nous a permis de confirmer le
potentiellement coteux, tandis que ses avantages ne positionnement idal des lments, en sachant nan-
sont pas si nombreux lorsque la prise de notes est bien moins quun peu de travail esthtique serait ncessaire
faite durant les tests. Bien des problmes deviennent vi- pour amliorer la perception subjective de linterface un
dents une fois que les participants les ont mis en lumire. lment important pour ce site grand public. Au moment
En revanche, les vidos constituent souvent un outil de dcrire ces lignes, nous tions quelques semaines dune
choix pour convaincre des dcideurs de la ncessit de nouvelle valuation oculomtrique qui permettrait de
rgler certains problmes ergonomiques. Quelques voir si nous avions atteint cet objectif.
laboratoires dutilisabilit emploient dailleurs la vido
comme caractristique centrale. Quand il faut le voir pour
le croire, la vido est le mdium par excellence, bien plus Prsenter et exploiter les rsultats des tests
quun rapport crit. De plus, quelques logiciels spcialiss, dutilisabilit
facilitant la captation et lindexation vido en temps rel, Tout comme les sites et logiciels doivent tre utilisables,
facilitent la tche danalyse des clips des sances de tests. les rapports doivent ltre aussi. La prsentation des rsul-
Retenons donc ici que le recours ce moyen constitue un tats des tests dutilisabilit est souvent le maillon faible de
choix de communication plutt quun choix danalyse ; la chane. Dans les organisations les plus efficaces, un sim-
avoir une copie vido des tests peut constituer, de temps ple document relatant point par point les problmes
autre, un outil de dernier recours pour se remmorer des observs et les solutions envisages fera laffaire de tous.
lments prcis qui ne seraient pas suffisamment dtaills Ces rapports sont encore plus efficaces quand lquipe de
dans les notes. Mais ne perdez pas trop de temps tout dveloppement a assist aux tests via la vido en circuit
rcouter, tout noter. ferm, car il est alors possible de dbriefer en temps rel.

42 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
Le rapport devient alors la trace vitale des discussions Aussi, un champ fertile de recherche se trouve dans la
entourant les problmatiques observes sur lesquelles comprhension du rle des motions dans les rapports
tous se seront entendus. homme-ordinateur : ceci savre dun immense intrt, on
Dans le cas de rapports plus formels, on indiquera la le devinera facilement, dans le Web commercial.
mthodologie, puis on ajoutera en annexe des documents La prise en compte des utilisateurs dans le dveloppement
comme la grille de recrutement et le scnario de test. Les de tout produit est une des principales cls du succs. Sans
problmes observs seront documents un par un, des ngliger lensemble des mthodes de recherche et danalyse
plus importants au moins importants, les suggestions de qui existent actuellement, la tenue de tests dutilisabilit tt
correctifs tant proposes, le cas chant, chacun des durant la conception dun logiciel ou dun site web est une
problmes et non dans une section distincte. Lutilisation faon simple dassurer aux utilisateurs, au bout du cycle de
de saisies dcrans annotes est fortement recommande dveloppement, une exprience positive et agrable.
pour faciliter la comprhension des problmes dcrits. Les rpercussions sont majeures, tant dans laugmentation
Si une vido accompagne le rapport, elle doit prsenter de la satisfaction que la rduction des erreurs et le main-
un problme prcis et non un rsum de tous les tests : tien de la crdibilit. Les enjeux sont tellement importants
une vido par problme. De plus, les squences vido que certains secteurs industriels exigent de leurs fournis-
seront courtes, une minute approximativement, moins seurs informatiques que leurs produits aient fait lobjet de
de vouloir montrer des interactions plus longues, plus tests dutilisabilit. Des efforts concrets en ce sens se refl-
complexes, et doivent demeurer objectives et factuelles. tent par exemple dans linitiative Common Industry Format
En effet, les personnes qui consultent ces documents peu- (CIF), qui vise offrir un format normalis de rapports de
vent tre dans une situation relativement difficile (il nest tests dutilisabilit afin den faciliter la diffusion en entre-
jamais bien agrable de voir les lacunes de son propre prise et de garantir des lments de mesure homognes.
travail) : on vitera donc de jouer avec les motions, pour
favoriser la raison. Lexercice sera alors profitable pour POUR ALLER PLUS LOIN Le CIF
tous et mnagera les susceptibilits. Vous trouverez plus dinformations sur le Common Industry Format sur
Loculomtrie permet aussi de prsenter des donnes le site du National Institute of Standards and Technology (NIST)
quantifies trs pertinentes. Nanmoins, les reprsenta- B http://zing.ncsl.nist.gov/iusr/
tions que lon voit apparatre sur Internet droite et
gauche, montrant souvent un genre de carte thermique
identifiant les zones les plus chaudes (donc les plus regar- Peu importe le secteur dactivits, chaque individu est
des) sont, quoique spectaculaires, dune bien faible uti- aujourdhui entour dune multitude de dispositifs lec-
lit. Ce sont les chiffres qui sont loquents : le temps rel troniques et informatiques. Des ordinateurs aux tlcom-
sur une zone donne, la squence du mouvement oculaire mandes multifonctions en passant par les tlphones
entre des zones pr-dfinies lcran, etc. La seule infor- mobiles, chacun doit constamment apprendre matriser
mation valable fournie par ces cartes est lillustration, ou une nouvelle interface. La facilit dutilisation devient
non, de la lecture lcran. Selon les cas, un long temps donc la caractristique la plus recherche, et les tests
de lecture peut souligner un grand intrt, ou encore une dutilisabilit constituent un moyen hautement efficace
grande difficult comprendre daugmenter, parfois radicalement, cette facilit mainte-
nant tant recherche.

Un domaine en pleine explosion


Consultant, expert en ergonomie et architecture de linformation, Alain
Lart et la science des tests dutilisabilit ne cessent dvo-
Robillard-Bastien est membre de lexcutif fondateur de la section qu-
luer. Alors que le retour sur investissement de ces activits
bcoise de lorganisation Usability Professionals Association (UPA).
stablit de plus en plus facilement et que les outils de
Le site Ergonomie du Web quil fait vivre depuis plusieurs annes, a
mesure de lutilisabilit se raffinent, le champs ne cesse de
t retenu par lUNESCO et lUNITAR pour figurer sur un cdrom de
crotre.
formation produit principalement pour les pays du Sud.
Par exemple, des pistes trs prometteuses se dessinent
dans la mesure de la raction physiologique des utilisa- B http:// www.ergoweb.ca
teurs des sites web ou autres environnements interactifs,
puis le rle de ces ractions dans lutilisabilit de ces
mmes sites. En utilisant ces rponses physiologiques des
utilisateurs se basant notamment sur la mesure des
rflexes psychogalvaniques, on peut par exemple valuer
le niveau de stress gnr par une interface.

Groupe Eyrolles, 2004 43


Russir un projet de site web

Le systme de navigation
Pour savoir si le systme de navigation dun site web est ergonomique ou non, il
convient dobserver la vitesse laquelle le visiteur est conduit vers linformation
recherche. La navigation sur le site doit se faire en trois clics, tre libre, simple
et autonome.

Trouver linformation en trois clics


Linformation recherche doit tre accessible depuis nimporte quelle page en
trois clics maximum (rgle des trois clics ). Pour y arriver, nous vous recom-
mandons dintgrer votre systme de navigation :
un menu, permettant laccs une information gnrique (niveau rubrique) ;
un plan du site, permettant laccs une information particulire (niveau
page du site) ;
un moteur de recherche, permettant laccs une information trs prcise
(niveau phrase).
Lors de la phase de conception de votre site web, gardez toujours lesprit la
phrase suivante : comment peut-on accder linformation recherche ? Votre
menu doit regrouper les diffrentes rubriques (quitte faire des sous-rubriques
pour certaines parties) et offrir une cohrence et une visibilit immdiates sur
lensemble de la consultation.

EXEMPLE BananoWeb, le site sur la banane


Imaginons un site traitant de la vente de la banane avec les rubri-
ques suivantes : Histoire de la banane , Vente de bananes ,
Les diffrentes familles de bananes .
La rubrique Histoire de la banane est compose de plusieurs
pages : une page pour Les origines , une autre pour
Lvolution au cours des sicles et une dernire pour La
banane dans le monde actuel (voir figure 2-3).
Si linternaute recherche une information sur lhistoire de la banane,
il pourra utiliser le menu (donnant accs lune des trois rubriques
du site).
Si linternaute recherche une information sur les origines de la
banane, il pourra utiliser le plan du site afin daccder directement
la page correspondante.
Enfin, si linternaute nest intress que par le pays dorigine de la
banane, le moteur de recherche lui permettra directement daccder
cette information dans la page Les origines sans tre oblig
de tout parcourir.

Figure 23 Le site virtuel BananoWeb

44 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
Une navigation libre
Par dfinition, le Web est une interconnexion de pages relies entre elles par des
liens hypertextes. Il est donc impossible de savoir avec certitude comment votre
visiteur arrivera une page donne. Est-il pass par un moteur ? Par un lien pr-
sent sur un autre site ? Par un favori stock sur son ordinateur ?
Certes, il existe de nombreuses techniques pour contraindre le cheminement dun
internaute et pour anticiper ou agir en fonction de sa navigation (redirections
JavaScript, HTTP-EQUIV = refresh , pages dynamiques). Cependant, leur
utilisation aura tendance rendre votre site web rigide alors que lessence
mme de ce mdia est de favoriser la libert de mouvement de lutilisateur.
Il importe de rendre plus facile cette navigation contrle par lutilisateur :
Donnez un titre explicite chaque page : cela permettra linternaute
daccder directement une page visite partir de la fonction Historique de
son navigateur (voir figure 2-4).
Faites en sorte que ladresse URL de vos pages, qui fait partie intgrante des
outils de navigation sur le Web, soit claire et prcise. Le dbut de larbores-
cence doit permettre lutilisateur de retrouver facilement la page daccueil
du site.
Enfin, pensez structurer vos pages de manire ce quelles contiennent des
espaces permettant tout moment laccs aux principales fonctionnalits ou Figure 24 Utilisation de la
rubriques du site. fonction Historique sous Internet Explorer
Bandeau, liste, menu, barre de navigation, menu contextuel devront ainsi per-
mettre un accs :
la page de menu principal ;
aux contacts ;
la recherche par mots-cls ;
au plan du site (dcrivant larborescence) ;
aux dernires mises en ligne (nouveauts) ;
aux rubriques ou sous-rubriques de niveaux directement suprieurs la page
consulte.
Par exemple, le site de la licence professionnelle Multimdia et nouveaux
mtiers de luniversit de Paris-VII, dispose dun systme de navigation per-
mettant linternaute :
daccder directement aux diffrentes rubriques (voir figure 2-5) ;
de savoir quel niveau de navigation il se trouve (voir figure 2-6).

Une navigation simple et autonome


Il est important de conserver les principes de navigation gnralement utiliss
sur le Web : le temps dapprentissage du site par linternaute doit tre nul. En
effet, que penser dun site web qui ncessite un mode demploi pour tre
consult ?

Groupe Eyrolles, 2004 45


Russir un projet de site web

Le Menu contextuel permet


linternaute de savoir quel
niveau de navigation il se trouve

Le Menu gauche
donne un accs
direct aux rubriques

Figure 25 Accs au site de la licence ATC par la page daccueil

Figure 26
Accs au site de la licence ATC par la page Inscription

Au risque de ne pas tre trs original, le systme de navigation adopt doit viser
minimiser leffort mental du visiteur en respectant des principes que celui-ci
connat : navigation de type horizontale, accs aux rubriques par un menu ver-
tical (voir figure 2-7) ou par onglets (voir figure 2-8), liens souligns

Figure 27 Navigation avec accs aux rubriques Figure 28 Navigation avec accs aux rubriques
par un menu vertical par un menu avec onglets

Certains webmasters cherchent dmarquer leur site en leur appliquant une


navigation compltement avant-gardiste. Cette dmarche constitue une grave
erreur de conception. Linternaute risque fort dtre compltement perdu et
nhsitera pas quitter votre site pour un autre, plus simple dutilisation.

46 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
Que les conceptuels se rassurent, il existe beaucoup dautres moyens pour rendre
votre site original et attrayant : le graphisme, lanimation des objets de la page,
voire le contenu lui-mme.
Enfin, le systme de navigation de votre site doit tre compltement autonome,
cest--dire quil ne doit pas tre dpendant des boutons Page suivante et Page
prcdente du navigateur qui ne fonctionnent pas toujours de la mme faon
suivant le browser.

Apparence du site

Charte graphique
Afin de donner lutilisateur des repres au sein dun site et de faciliter sa visite,
il est impratif de dvelopper une cohrence entre lensemble de vos pages. Lors
de la cration du site web, lergonome doit tablir une sorte de guide latten-
tion des personnes qui vont le raliser, voire lalimenter : la charte graphique.
Ce document dtermine un ensemble de rgles graphiques et ergonomiques et
prcise :
les dimensions de la page (taille de la fentre cible) et du contenu (dimen-
sions des diffrentes zones) ;
les principes de navigation gnrale avec une description des diffrentes
zones pour chaque modle de page web ainsi que la disposition visuelle des
objets ;
les couleurs employer avec indication du code couleur en hexadcimal pour POUR ALLER PLUS LOIN Modle
larrire-plan, le texte, les liens, les liens actifs, les liens visits, les tableaux, et exemple de charte graphique
les objets images (boutons, puces) ; Vous trouverez en annexe un modle de charte
les styles employer pour les diffrents types de textes, pour les liens graphique avec des exemples de contenu pour cha-
que section.
(famille, taille, couleur, attributs) ;
les types dimages : traitement utiliser, formats, dimensions, proportions ;
les diffrents mdias applicables : flash, vidos, sons.
La charte graphique confre une vritable personnalit un site et permet de
conserver une homognit lors de modifications futures ou de rajouts de pages,
mme si ce sont des personnes diffrentes qui y travaillent.

Choix des couleurs


Si vous disposez dun logo dj existant, le choix des couleurs devra corres-
pondre cet lment. Dans le cas contraire, vous devez les dfinir au mieux. La
chose nest pas aussi simple quil y parat. Si votre moniteur et celui de votre
designer peuvent srement afficher des millions de couleurs ce nest pas toujours
le cas pour vos internautes.

Groupe Eyrolles, 2004 47


Russir un projet de site web

DFINITION Le cercle chromatique POUR ALLER PLUS LOIN Utilisation des couleurs
Cest un cercle divis en douze parties reprsentant chacune une Le site Chromoweb vous prsente les diffrentes associations de
couleur : couleurs possibles :
Trois couleurs primaires : jaune, rouge et bleu, places aux som- B http://www.smartpixel.net/chromoweb/fr/index.htm
mets dun triangle quilatral inscrit lintrieur du cercle.
Le site ColorSchemer vous propose une palette interactive qui affi-
Trois couleurs secondaires ou binaires : vert, violet et orange,
che toute une gamme de couleurs complmentaires pour une cou-
provenant du mlange, en proportions gales, des trois premi-
leur donne :
res couleurs situes de chaque ct.
B http://www.colorschemer.com/online/
Six couleurs tertiaires obtenues par le mlange des six couleurs
prcdentes : rouge-violet (pourpre), bleu-violet (indigo), bleu-
vert (turquoise), jaune-vert (vert chartreuse), jaune-orange
(dor), rouge-orange (carlate)

Jaune Jaune-Orange Jaune Jaune-Orange

Jaune-Vert Jaune-Vert
Orange Orange

Vert Rouge-Orange Vert Rouge-Orange

Bleu-Vert Bleu-Vert
Rouge Rouge

Bleu Rouge-Violet Bleu Rouge-Violet

Bleu-Violet Violet Bleu-Violet Violet

Figure 29 Accord de deux tons en choisissant deux couleurs Figure 210 Accord de trois tons en choisissant trois couleurs
diamtralement opposes formant un triangle quilatral

Jaune Jaune-Orange Jaune Jaune-Orange

Jaune-Vert Jaune-Vert
Orange Orange

Vert Rouge-Orange Vert Rouge-Orange

Bleu-Vert Bleu-Vert
Rouge Rouge

Bleu Rouge-Violet Bleu Rouge-Violet

Bleu-Violet Violet Bleu-Violet Violet

Figure 211 Accord de quatre tons en choisissant quatre couleurs Figure 212 Accord de six tons en choisissant six couleurs formant
formant un carr un hexagone

48 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
En rgle gnrale, la couleur ne devrait tre utilise dans une page web que
lorsquelle dispose dune valeur ajoute du point de vue ergonomique. Il vous
faut alors limiter le nombre de couleurs utilises six ( choisir parmi la palette
web safe).

B.A-BA La palette web safe


Il sagit dune palette o les couleurs primaires (rouge, vert, bleu) ne peuvent prendre que
six valeurs : #00, #33, #66, #99, #CC, #FF.
Les 216 couleurs ainsi constitues sont normalises par une instance internationale non gou-
vernementale, lInternational Color Consortium. Vous disposez ainsi de la garantie que leur
affichage sera similaire quel que soit le systme dexploitation ou le type de navigateur.
B http://www.color.org

Les objets de couleurs chaudes (rouge, jaune et orange) sont perus comme
tant plus gros que les mmes objets de couleurs froides (vert, bleu et violet).
Utilisez alors des couleurs claires, brillantes et satures pour attirer lattention et
faciliter la recherche dinformation.
Afin de choisir les couleurs dominantes pour le design gnral de vos futures
pages, deux possibilits soffrent vous :
Si vous souhaitez favoriser lunit et lharmonie dans vos pages web, associez
des couleurs analogues partir de divers tons ou nuances dune mme cou-
leur.
Si au contraire, vous souhaitez rendre vos pages plus dynamiques et plus
varies, utilisez des couleurs complmentaires en utilisant toutes les propri-
ts du cercle chromatique (voir figures 2-9 2-12, page 48). En juxtaposant
une couleur et sa complmentaire, elle semblera plus brillante que nature.
Attention cependant ne pas les employer comme contraste couleur du
texte/couleur du fond de page, au risque de diminuer la lisibilit de votre
texte.
Il est galement important de respecter les habitudes de travail ou les spcificits
culturelles dans lutilisation des couleurs. Certaines ont des significations parti-
culires selon les cultures, dautres ont des significations universelles. Le choix
des couleurs devra donc respecter ces usages, ces significations en fonction du
public (voir encart page 50).

RFRENCE
Vous trouverez dans louvrage de L. Mayhew de nombreuses recommandations pour lutili-
sation et le choix des couleurs pour votre site web :
R L. Mayhew, D. J., Principles and guidelines in software user interface design, Englewood
Cliffs, Prentice Hall, 1992.

Groupe Eyrolles, 2004 49


Russir un projet de site web

Les principales caractristiques des couleurs

Le rouge
Description Couleur de la chaleur par excellence, elle est lie lindividualisme, lagressivit et au bruit
Symbolique Stop, chaud, danger, en marche, urgent, attention, interdiction
Caractre psychologique Chaud, vigueur, instinct combatif, tendances agressives, passion, conqute
Thmatique pour le Web Publicit, mdias, mode, luxe

Lorange
Description Active et tonifiante, cette couleur veille les sens et apporte un certain bien-tre
Symbolique Survie, alerte
Caractre psychologique Sociable, aimable, enjou, ouvert
Thmatique pour le Web Sport, divertissement, jeunesse, ludique

Le jaune
Description Symbole de la spiritualit, de lintelligence et de la force, le jaune agrandit les espaces
Symbolique Alerte, tide, en attente
Caractre psychologique Intuition, capacit de renouvellement, entrain, audace
Thmatique pour le Web Tourisme, divertissement, jeunesse, ludique

Le violet
Description Couleur de la rflexion et de la mditation, le violet augmente les contrastes
Symbolique Mystre, repos, dlicatesse
Caractre psychologique Temprance, rflchi, sensitif
Thmatique pour le Web Art, culture, classique

Le bleu
Description Cest la couleur du froid. Elle donne une impression despace, apporte un quilibre tout en accentuant les formes
Symbolique Froid, teint, indication
Caractre psychologique Conservateur, sensitif, srieux, consciencieux
Thmatique pour le Web NTIC, informatique, mdical, high-tech

Le vert
Description Couleur de la nature par excellence, le vert donne une impression de quitude et de calme. De ce fait, cest la
couleur la plus apaisante que lon puisse trouver
Symbolique Permission, sr
Caractre psychologique Comprhensif, tolrant, confiant, sensitif, calme
Thmatique pour le Web Nature, loisirs, dtente

Le noir
Description Couleur la plus sombre, le noir rend les espaces plus petits et donne une impression de mystre
Symbolique Nuit, mystre, sombre
Caractre psychologique Dtermin, triste, passif
Thmatique pour le Web Interdit, underground , design, photos, luxe

50 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
Modle de parcours visuel dune page par linternaute
Les tudes sur lexploration visuelle dune page web par un internaute peuvent nous
aider faire certains choix de positionnement des lments les uns par rapport aux
autres. Lexploration visuelle du lecteur opre une distinction entre la zone quil voit
en premier ( zone active ) et celle quil voit en dernier ( zone morte ).
Les informations importantes devront donc se situer dans la zone active de
votre page web. lcran, cette dernire stend pour les Occidentaux sur la
bande diagonale allant du coin suprieur gauche au coin infrieur droit. La zone
morte stend au contraire du coin suprieur droit au coin infrieur gauche
(voir figure 2-13).
Nanmoins, le comportement dexploration visuel dun internaute nest pas
passif :
si celui-ci recherche une information trs prcise, son regard portera sur
cette dernire, quel que soit son emplacement sur lcran,
si nous mettons en avant une information sous une forme active (animation,
couleurs vives), cela attirera obligatoirement son regard.

Figure 213 Zone active et zone morte dune page web

Utilisation des cadres (frames)


Les cadres peuvent faciliter la navigation, mais ils gnent souvent les utilisa-
teurs, par exemple lors de laffichage des donnes dun autre site. De plus :
lhomognit entre les pages est beaucoup plus difficile obtenir ; La gestion des cadres pour le rfrencement est
explique au chapitre 4.
les pages web contenant des frames ne simpriment pas avec le contenu
attendu ;
les moteurs de recherche ninterprtent pas les cadres.
Il conviendra donc de les viter ou du moins de respecter les indications
suivantes :

Groupe Eyrolles, 2004 51


Russir un projet de site web

Figure 214 Une page qui prsente des cadres redimensionnables. Figure 215 Une fentre avec et sans bordure autour des cadres

Utilisez deux frames au maximum et vitez den placer sur la premire page
de votre site. Cela en facilitera le rfrencement auprs des moteurs de
recherche.
Mettez disposition une version sans frame (balise noframes) contenant les
informations principales et des liens vers les autres sections du site (voir le
code ci-aprs).
Pensez tout particulirement mettre un lien vers une version imprimable
des documents ne reposant pas sur lusage de frames.
Empchez que vos cadres soient redimensionnables (voir figure 2-14).
vitez la prsence dune bordure autour des cadres. Ces dernires dcoupent
la structure de la page dune manire trop prononce (voir figure 2-15).
Exemple dutilisation des cadres
<HTML>
<HEAD>
<TITLE>Exemple</TITLE>
</HEAD>
<FRAMESET COLS="20%,*" FRAMEBORDER="No">
<FRAME NAME="Menu" SRC="menu.html">
<FRAMESET ROWS="20%,*">
<FRAME NAME="Top" SRC="haut.html">
<FRAME NAME="Bas" SRC="bas.html">
</FRAMESET>
<NOFRAMES>

52 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
<BODY>
Contenu divers...
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam
erat volutpat.
Placez galement ici des liens vers les diffrentes pages de votre
site...
</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>

Dimension des pages


Les ascenseurs horizontaux sont bannir. En effet, un utilisateur ne peut pas
lire un texte correctement en faisant dfiler deux ascenseurs, lun horizontal et
lautre vertical (voir figure 2-16).

Figure 216
Exemple dune page non optimise pour une
rsolution de 800 600 pixels

Lune des mthodes pour les viter consiste respecter la taille des fentres
cibles en plaant lensemble du corps de la page dans un tableau dune largeur
gale la largeur de la rsolution dcran minimum diminue de 40 pixels :
Largeur = Largeur de la rsolution dcran minimum 40 px

Groupe Eyrolles, 2004 53


Russir un projet de site web

Tableau 21 Correspondance taille de fentre cible / rsolution dcran

B.A.- BA Taille de la fentre cible Rsolution Taille fentre cible

La taille de la fentre cible constitue la partie 640 480 600 300


exploitable de lcran de votre internaute, cest-- 800 600 760 420
dire une fois retirs les pixels utiliss par le naviga-
1024 768 984 588
teur.
1280 1024 1240 844

Si votre cible est bien dfinie, il faut que le contenu de la page sadapte la rso-
Top 7 des rsolutions les plus rpandues. lution des crans de vos internautes. Par exemple, pour une cible grand
La socit amricaine Omniture a relev la rsolu- public , la rsolution des crans minimun est 800 600 px (voir figure 2-17).
tion des crans les plus utiliss dans le mondeen
se basant sur plusieurs milliers de sites de com-
merce lectronique (fvrier 2006) :
1024 x 768 : 52%
800 x 600 : 18%
1280 x 1024 : 14%
1280 x 800 : 5%
1152 x 864 : 3%
1400 x 864 : 2%
1280 x 768 : 1%

Figure 217
Exemple de la mme page que celle de la
figure 2-16, cette fois optimise pour une
rsolution 800 600 pixels

Il ne faut pas oublier pour autant ceux qui disposent dune rsolution plus
grande : votre site devra avoir la mme mise en forme (respect des cotes, des
dimensions et des gabarits) quelles que soient les rsolutions. De plus, les ascen-
seurs verticaux doivent disparatre automatiquement lorsquils ne sont pas
utiles : vrifier quil ny a pas plusieurs lignes blanches au bas de la page, elles ris-
quent de faire apparatre inutilement un ascenseur vertical.

54 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
Le code suivant vous permettra de disposer votre contenu une rsolution
800 600 (voir figure 2-18) et suprieure (voir figure 2-19).
<CENTER> 3 Nous prfrons ici un tableau de largeur fixe (px)
<TABLE WIDTH="760" BGCOLOR="#000000" HEIGHT="100%"> et non de largeur relative (%). Cette mthode
<TR> permettra de respecter les recommandations de
<TD WIDTH="100%" VALIGN="TOP"><FONT COLOR="#FFFFFF"><B> la charte graphique (dimensions) quelle que soit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed la rsolution utilise.
diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam
erat volutpat. Ut wisis enim ad minim veniam,quis nostrud exerci
tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat. Duis te feugifacilisi.
</B></FONT></TD>
</TR>
</TABLE>
</CENTER>

Figure 218
Rsultat pour une rsolution 800 600 pixels

Figure 219
Rsultat pour une rsolution 1024 768 pixels

Groupe Eyrolles, 2004 55


Russir un projet de site web

Les animations
Les animations peuvent rendre votre site plus attrayant, en respectant les indica-
tions suivantes :
Il ne faut pas en abuser : elles doivent tre utilises avec parcimonie, unique-
ment pour souligner les lments dune page qui sont vraiment importants
pour linternaute.
Il ne faut pas mettre danimations trop voyantes ct dun texte long lire car
elles attireront lattention du lecteur au dtriment du contenu de vos pages.

Lisibilit du contenu : huit principes suivre


Le Web nest pas un support papier et la lecture sy rvle plus pnible et plus
lente (25 % plus lente selon Jakob Nielsen), parce quelle est lie une projec-
tion de faisceaux lumineux, sur un cran.

T La lisibilit
La lisibilit peut tre dfinie comme lensemble des caractristiques visant faciliter et ren-
dre plus rapide la comprhension dun texte par un lecteur.

Pour pallier cet inconvnient, voici huit principes suivre pour amliorer la lisi-
bilit de votre contenu et permettre ainsi un accs facile et rapide linformation
recherche :
1 Dcouper linformation.
2 Pas de hors sujet !
POUR ALLER PLUS LOIN
3 Titrer linformation.
4 Hirarchiser linformation.
How Users Read on the Web (en anglais)
B http://www.useit.com/alertbox/9710a.html 5 Bien utiliser les liens.
R Nielsen, J., How Users Read on the Web, 1997. 6 Utiliser une syntaxe simple.
R Bourque, G., Des mesures de lisibilit,
7 Utiliser une smantique claire.
Communication prsente au 57e Congrs de
lACFAS, 1989. 8 Intgrer des visuels.

Dcouper linformation
Comment construire un gratte-ciel ? Partie par partie, bien sr ! Cest gale-
ment le meilleur moyen de prsenter beaucoup dinformations sur le Web. Lors
de la conception du contenu, les rdacteurs (ou le responsable du contenu) doi-
vent regrouper linformation en entits faciles assimiler, cest--dire quils doi-
vent regrouper au plus neuf lments dinformation.
En effet, selon les recherches effectues dans ce domaine, nous pouvons garder
en mmoire immdiate (ou mmoire dite court terme) de cinq neuf units
dinformation.

56 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
Nous comprenons plus rapidement et plus compltement un sujet qui a t
dcoup. T La mmoire court terme

La mmoire court terme est ce quoi nous pr-


tons attention dans linstant, et ce qui se perd si
notre attention est attire ailleurs. (Smith, Fr., Deve-
nir lecteur, Armand Colin Bourrelier, 1986. P.49).

Figure 220 Nombre dlments dinformation retenus en mmoire immdiate (tude


ralise par lauteur auprs de 400 tudiants de luniversit de Paris-VII entre 1999 et 2006)

En dautres termes, lutilisateur ne devrait avoir mmoriser ni la structure, ni


les rubriques dun site pour pouvoir trouver linformation quil cherche ; sinon, il
risque mme doublier lobjectif de consultation qui la dabord amen sur le site.
De ce fait, le dcoupage doit se faire en entits autonomes, comprhensibles par
elles-mmes. Les parties relies entre elles nont pas pour objectif dapporter une
suite mais des complments dinformations aux lecteurs qui le souhaitent.
Il faut cependant viter de trop scinder les informations car chaque page quil faut
charger provoque une coupure dans la lecture et une attente. Lorsque certaines
pages contiennent trop peu de donnes, il faut revoir le dcoupage initial du site
afin de regrouper certaines informations. Ainsi, lors de la conception, il faut
essayer dadapter le contenu de votre site en consquence et de regrouper dans la
mesure du possible les pages en sections logiques et facilement utilisables :
cinq neuf paragraphes dans une page ;
cinq neuf pages par section ;
cinq neuf sections par rubrique ;
cinq neuf rubriques par site.
Il est trs important de ne pas dpasser neuf rubriques dans votre site car, au-
del, votre visiteur risque dtre perdu dans sa navigation.

Pas de hors sujet !


Les rdacteurs pour le Web doivent sassurer que toutes les informations conte-
nues dans une mme unit de dcoupage portent sur un seul sujet.
Lutilisation de ce principe facilite la comprhension et permet de gagner du
temps : lorsque le contenu dune page web comporte des informations non per-

Groupe Eyrolles, 2004 57


Russir un projet de site web

tinentes, les internautes sont obligs de sinterroger sur le rle de ces donnes
trangres au sujet et sur leur rapport avec celui-ci. Cest un travail inutile qui
ralentit la visite du site et laccs linformation alors que limpatience et le
besoin defficacit sont dterminantes pour le succs dun site web.
De plus, les pages trop longues sont le signe dune navigation dfectueuse. Elles
montrent que le concepteur du site na pas su mettre en valeur le contenu. Vous
devez donc vous assurer que les diverses rubriques et sections de votre site con-
tiennent un type donn dinformation en liminant linformation non perti-
nente selon les deux critres suivants :
si une information ne sert pas aux internautes, il faut la supprimer ;
si une information sert aux internautes, il faut la placer dans dautres units.
Chaque unit de dcoupage ne doit comporter quune ide et commencer par la
phrase la plus importante. Sil y a plusieurs ides importantes transmettre, il est
prfrable de dcouper le texte en plusieurs pages et de crer des liens entre elles.

Titrer linformation
POUR ALLER PLUS LOIN Importance du titre Aprs avoir regroup les informations portant sur un mme sujet en units assi-
Ds 1985, dans leur ouvrage Lire, comprendre,
milables, on attribue un titre chaque unit. En donnant un titre pertinent
mmoriser les textes sur cran vido, Erlich et Tardieu chaque unit dinformation, vous facilitez laccs, la comprhension et lextrac-
soulignent limportance des titres pour les textes tion de linformation.
prsents sur cran vido.

Figure 221 Les pages daccueil des journaux


en ligne sont de bons exemples dutilisation de
titres pour faciliter laccs linformation
(http://www.lemonde.fr).

58 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
Les internautes comprennent linformation et y ont accs plus rapidement
lorsquils ont une ide de ce qui va suivre. Le principe de titrage sera dautant
plus facile appliquer si votre information est bien dcoupe et si elle ne traite
que dun seul sujet par unit de dcoupage (voir figure 221, page prcdente).
Comme la lecture sur cran est difficile, le titre doit dcrire clairement le con-
tenu de la page ou de la partie concerne, sous peine que le lecteur arrte sa lec-
ture sil ne comprend pas lintitul du titre.

Hirarchiser linformation
Prs de 80 % des utilisateurs lisent les textes en diagonale et ne retiennent que
les termes qui les intressent. Les informations les plus importantes doivent
donc tre prsentes en dbut de page (rgle de la pyramide inverse), dans la
mesure o beaucoup dinternautes ne font pas dfiler les pages trop longues.
La hirarchisation de linformation doit galement tenir compte de lenvironne-
ment tridimensionnel du Web : linformation prsente lcran (deux dimen-
sions) et celle prsente par le biais de liens hypertextes (profondeur). La rgle de
la pyramide inverse pourra donc tre suivie, non seulement au sein dune
mme page, mais travers la navigation hypertexte ( condition bien sr de ne
pas dpasser trois quatre niveaux de profondeur).

DFINITION La rgle de la pyramide inverse


La rgle de la pyramide inverse , couramment utilise en journalisme, consiste com-
mencer un article par les informations les plus importantes, et continuer avec les informa-
tions de moindre importance : du gnral vers le dtail, avec un chapeau qui dveloppe le
titre, avec un article qui dveloppe le chapeau...

Voici les moyens de faciliter la mise en valeur de vos informations :


Utilisez diffrents niveaux de styles pour structurer la page (H1, H2). ATTENTION Soulignement et gras
Crez diffrents niveaux de lecture : la synthse, les titres/sous-titres, le
Nutilisez surtout pas le soulignement des mots au
corps du texte, les encadrs avec informations supplmentaires, les lgendes risque de provoquer une confusion avec les liens.
de photos qui compltent linformation De plus, le gras doit tre utilis avec parcimonie car
Dans le cas dnumrations, placez des listes afin de synthtiser votre con- il nuit la fluidit du texte.
tenu.

Test grandeur nature pour laccs linformation


Un test intressant consiste voir en combien de temps vous accdez linformation
suivante : quel sont les risques ?
Essayez de trouver linformation (page suivante) partir de lexemple 1 puis partir de
lexemple 2 et constatez la diffrence de temps pour y accder.

Groupe Eyrolles, 2004 59


Russir un projet de site web

EXEMPLE 1 Contenu de page web o linformation nest pas structure

Prsentation gnrale de ltude


Nous avons dcid de lancer une tude afin dinitier une mation. Nous serions galement confronts certains
rflexion sur la stratgie de la socit pour la mise en problmes lgaux : il nexiste en effet actuellement que
place dun site web (objectifs, cibles, contenu). Cette der- peu (ou pas) de textes encadrant le fonctionnement
nire devrait nous permettre dentrevoir les diffrentes dInternet.
solutions techniques possibles et de sensibiliser le person- La mise en place dun tel site rendrait notre offre plus
nel de lentreprise ce projet. Pour ce faire, des forma- modulaire : chaque client accderait en fonction de son
tions seront organises ainsi que des groupes de travail. profil tout ou partie des services proposs sur notre site.
Ce futur site web permettra notre entreprise de mainte- Cela nous permettrait galement de proposer de nou-
nir nos parts de march tout en consolidant les relations veaux services et de gagner une certaine notorit dans le
daffaires en mettant disposition des donnes en temps domaine des Nouvelles Technologies. Enfin, nos cots (ser-
rel. La ractivit vis--vis des clients et de nos partenaires vices, assistance, documentations) se verraient forte-
en sortirait amliore et nous pourrions ainsi leur propo- ment diminus. Cependant de telles fonctionnalits
ser de nouveaux services. Cependant, il est important de ncessiteront que lon ouvre notre rseau vers lextrieur.
noter quune fois des informations publies sur Internet, il Ceci impliquera une attention particulire de notre part
devient facile de les copier et den tirer profit. De plus, au niveau de la scurit et des risques dintrusion.
nos clients risquent de rejeter ce nouveau canal dinfor-

EXEMPLE 2 Le mme contenu dcoup, hirarchis et titr

Prsentation gnrale de ltude

Objectifs de proposer de nouveaux services nos clients et nos


Les objectifs de cette tude sont : partenaires ;
dinitier une rflexion sur la stratgie de lentreprise en de gagner en notorit dans le domaine des Nouvelles
matire de site web (objectifs, cibles, contenu) ; Technologies ;
dinitier la rflexion sur les solutions techniques ; de rduire nos cots (services, assistance, documenta-
tions).
de sensibiliser lentreprise au Projet site web par la
formation, la communication et la participation des Risques
groupes de travail.
Nous devrons cependant prendre en compte un certain
Enjeux nombre de risques induits par la mise en place dun site
web :
Ce nouveau canal de diffusion nous permettrait :
copyright : une fois des informations publies sur Inter-
de maintenir nos parts de march ;
net, il devient facile de les copier et den tirer profit ;
de consolider les relations daffaires : la mise disposi-
acceptation des clients : possibilit de rejet du nouveau
tion des donnes en temps rel accrot les profits de
canal par les utilisateurs ;
toutes les parties concernes ;
problmes lgaux : peu de textes encadrant le fonction-
damliorer notre ractivit vis--vis de clients et nos
nement dInternet ;
partenaires ;
scurit : rseau ouvert donc accroissement des risques
de rendre flexible notre offre en favorisant la
dintrusion.
modularit : selon son profil, le client accderait tout
ou partie des services proposs sur notre site ;

60 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
Bien utiliser les liens
Le Web est un mdia interactif. Profitez de cette possibilit pour interagir avec POUR ALLER PLUS LOIN Lhypertexte
votre internaute et offrez-lui lopportunit, grce lutilisation des liens hyper- Le site de la revue des ressources propose en ligne
textes, daccder linformation directement ( linverse dun support papier un dossier sur lhyper littrature avec notam-
classique). Sur le Web, la mise en scne traditionnellement linaire du droule- ment plusieurs articles sur lhypertexte :
ment (dbut - milieu - fin) fait place une organisation en rseau. Il ny a donc B http://www.larevuedesressources.org/
pas quun seul parcours de lecture possible, mais une multitude de parcours de
lecture que le lecteur peut choisir dans un ensemble de donnes (texte, images
ou son). Cette possibilit donne aux internautes de sauter dune ressource
une autre contribue ainsi la diffusion de linformation et facilite la recherche
de celle-ci.

CULTURE Le Web, un ensemble de ressources


potentiellement accessibles partir de nimporte quel site
Tim Berners-Lee, lun des pres du World Wide Web, nous indique : The vision I have for
the Web is about anything being potentially connected with anything , T-B. Lee, M. Fis-
chetti, Weaving the Web The original Design and Ultimate Destiny of the World Wide
Web by its Inventor, HarperBusiness, 1999.

Le principe de dcoupage de linformation, facilit par lutilisation de liens,


permet linternaute de mieux assimiler linformation. Les liens permettent
dassocier chaque unit dinformation dautres qui lui sont naturellement ou
logiquement connexes.

Un lien interne
permet daccder Des liens externes
aux articles du pointent vers des
mme thme sites associs

Un lien permet
daccder la suite
de larticle

Figure 222
Exemple dune page web utilisant
des liens hypertexte internes et
externes
(http://www.frogs-in-nz.com)

Groupe Eyrolles, 2004 61


Russir un projet de site web

Lors de ladaptation du contenu pour votre site web, linformation doit tre
morcele, squence, afin de favoriser linteractivit plusieurs niveaux :
avec lutilisateur : en fonction du comportement ou des choix de lutilisateur,
le site web affichera tel ou tel type dinformation ;
dans votre site web : disposer des liens hypertextes pour relier les informa-
tions entre elles (liens internes la page ou externes vers une autre page du
mme site) ;
avec les autres sites web : en pointant directement vers la page traitant de
linformation concerne (dfinition, rfrence, articles).

IMPORTANT Trop de liens tue linteractivit


Si les liens sont indispensables pour un accs une information varie, la prsence dun
trop grand nombre dentre eux au sein des pages rend linteractivit difficilement assimila-
ble par linternaute :
Les liens, de par leur couleur, attirent lil (presque comme un titre) et perturbent le
cours de la lecture ;
le parcours dun texte avec des liens est plus exigeant parce que la question de la perti-
nence dun lien est sans cesse remise en cause : lutilisateur naviguera de page en page
avant davoir termin la lecture complte du texte.
De plus, une surabondance de liens assimilera la page une simple passerelle vers dautres
sites.

ASPECTS JURIDIQUE La recommandation du forum des droits de lInternet sur les liens hypertexte
Le Forum des droits sur Internet (http://www.foruminternet.org) 3. Veillez ce que la prsentation du lien, simple ou pro-
au travers de sa recommandation Hyperliens, statuts fond, ne tende pas faire croire au visiteur lexistence
juridiques a tudi diffrentes situations dans lesquelles dune coopration entre le site liant et la ressource lie.
la mise en uvre dun lien comporte un risque datteinte 4. Veillez ne pas effectuer de lien profond vers un site
aux droits du site li et prconise ainsi aux personnes sou- constituant une uvre artistique part entire dont
haitant tablir un hyperlien de suivre un certain code lauteur exigerait un mode de consultation particulier.
dusage. En voici un rsum : 5. Accompagnez le pointeur de tout hyperlien des rf-
1. Obtenez lautorisation pralable du titulaire pour deux rences permettant didentifier lappartenance ou la
types prcis dusages de liens : le lien profond vers des paternit de la ressource lie (nom du site auquel
fichiers tlchargeables ou excutables protgs et les appartient la ressource lie, mention de la page
transclusions de pages web protges par la proprit dentre de ce site, nom de lauteur de la ressource lie
intellectuelle (comme la technique du framing qui subs- etc.).
titue dans la zone URL du navigateur, ladresse du site 6. Pour tout type de liens, et par mesure de courtoisie,
principal celle du site li). informez le propritaire du site ou de la ressource lie
2. Demandez une autorisation aux propritaires des mar- du fait quun lien a t tabli vers celui-ci ou celle-ci.
ques concernes pour les reproductions, sur le pointeur 7. Respectez les politiques en matire dhyperliens claire-
dun lien, dune marque dsignant des produits ou ser- ment affiches par les titulaires de sites.
vices identiques ceux proposs par le site liant, ou
similaire ceux-ci sil risque dy avoir confusion dans
lesprit du public.

62 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
Une syntaxe simple
La rdaction pour le Web doit privilgier des textes courts et simples afin de T La syntaxe
favoriser une lecture rapide ; le texte en ligne doit contenir moiti moins de
Le petit Larousse dfinit la syntaxe comme
mots que son quivalent destin limpression. Il vous faut donc utiliser des lensemble des rgles qui rgissent un moyen
phrases grammaticalement simples. Attention cependant, la rduction du texte dexpression donn .
de doit pas nuire sa clart ni sa qualit.
Privilgiez toujours la concision et la prcision en essayant de rduire la taille
des pages deux voire trois crans en hauteur. Portez une attention toute parti-
culire la grammaire et lorthographe, en respectant les principes linguisti-
ques de la langue franaise.

Une smantique claire


Lors de la rdaction dun contenu web, soyez attentif au choix des termes T La smantique
employs. La smantique se dfinit par tout ce qui est relatif
crivez en langage clair : lidal serait de vous faire relire par une personne au sens, la signification des units linguistiques.
pouvant faire partie de votre lectorat avant la diffusion sur le Web. Pensez
toujours vos futurs visiteurs : linformation est-elle pertinente ? Est-elle
comprhensible pour un public non averti ?
Alternez les phrases courtes et les phrases plus longues pour relancer lattention.
Faites des phrases simples comprendre. Bannissez donc les conjonctions
que , qui , les mots trop complexes, trop longs, les doubles nga-
tions, labus des adjectifs, des adverbes et des noms.
vitez le vocabulaire trop spcialis et non expliqu.
vitez les mtaphores et les analogies, surtout dans les titres.
Mettez les ides importantes en dbut et viter les priphrases.

Tableau 22 vitez les priphrases

Priphrase Remplacement
Maintenance caractre prventif Maintenance prventive
Ainsi que Et
En tout tat de cause En tout cas
Procder la vrification Vrifier
Procder des essais comparatifs Comparer
tre dans lobligation de Devoir
Organisation syndicale Syndicat

Intgration de visuels
Les chercheurs estiment que la disposition visuelle gnre plus aisment des
images mentales que les mots ne peuvent le faire (plus de 50 % de la population
adulte assimile mieux une information prsente avec des illustrations).

Groupe Eyrolles, 2004 63


Russir un projet de site web

POUR ALLER PLUS LOIN Le message visuel est plus adapt dans le cas o le public est expos un mdia
Rdaction des contenus web dont il ne contrle pas le rythme dexposition comme le Web. Lavantage de
limage est de ncessiter moins dexpositions rptes pour avoir le mme effet
Writing for the web , tudes en ligne de John
Morkes and Jakob Nielsen (en anglais) : long terme. Le rdacteur doit donc essayer dutiliser des illustrations, des
B http://www.useit.com/papers/webwriting/
tableaux et les enrichissements typographiques comme partie intgrante de la
Quelques recommandations pour la rdaction de rdaction.
contenus web :
B http://www.lergonome.org/pages/
detail_articles.php?indice=14
Le site des spcialistes de linformation en ligne :
B http://www.redaction.be

Figure 223 Les facteurs de retour (fidlisation) dun visiteur sur un site web
(graphe ralis partir dune tude de Forrester Research - 2000)

POUR ALLER PLUS LOIN Les thoriciens de lcriture pour le Web


En 1998 lAmricain Jakob Nielsen devait fixer les premires rgles de cette
nouvelle criture dans un site appel Writing for the Web : la difficult
de lire lcran et limpatience des internautes commanderaient du texte
balayable .
Ses thories furent dveloppes par la suite par de nombreux auteurs, tels
le canadien Crawford Kilian, les amricains Jonathan Price et Nick Usborne
et langlaise Susannah Ross.
Dans son guide pionnier Writing for the Web (1999), Kilian dtaille et illus-
tre les trois principes de sa thorie : orientation (sujet, structure), informa-
tion (publics cibles, objectifs) et action (geste, tche).
Ce systme est complt en 2002 par Price, qui y ajoute les principes dune
rdaction personnalisable et par Usborne qui recommande de sadres-
ser aux internautes la manire dune vraie personne en utilisant des pro-
pos personnels, simples et prcis. Quand Ross, elle prconise ds 2001 de
concevoir son site selon le point de vue de linternaute et non selon le dis-
cours que nous aimerions tenir : Pourquoi crire sur ce sujet ? Pour qui ?
Quel en sera le propos?
Vous trouverez sur le site du formateur-auteur Franois Hubert, une syn-
thse de toutes ces thories de lcriture web :
B http://www.cortexte.com

64 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
Synthse : les caractristiques dun site
ergonomique
Caractristique Explication

Les pages sont sobres. Une page trop charge rend difficile la lecture et laccs linformation. Choisissez trois ou
quatre couleurs et gardez-les pour tout votre site.

Le contenu est cohrent et la mise en forme homo- La cohrence de la prsentation et du vocabulaire permettra aux lecteurs de trouver rapi-
gne. dement linformation dont ils ont besoin, de localiser partout sur le site les informations
semblables et ainsi dviter la confusion. Les diffrentes informations du mme type doi-
vent donc tre prsentes dune faon similaire et sous la mme forme (texte, graphes,
images, etc.).

Linformation recherche est accessible en 3 clics (4 Concentrez vos efforts sur la simplicit de la navigation. Les surfeurs ne sont pas patients
maximum). et sils ne trouvent pas immdiatement ce quils veulent, ils iront le chercher ailleurs.

Linformation importante est place en haut de Peu dutilisateurs font dfiler les ascenseurs pour consulter les informations qui ne sont
page. pas visibles lcran lors du chargement dune page. Les lments les plus importants doi-
vent donc se situer en haut des pages.

La hauteur des pages est infrieure deux ou trois Deux crans de prfrence car au-del, vous risquez de rendre la navigation irritante pour
crans. un visiteur utilisant un 15 pouces ou un portable. De plus, votre texte en ligne devrait en
principe contenir moiti moins de mots que son quivalent destin limpression.
Si linformation prsente dpasse la limite indique, dcoupez-la en plusieurs pages ou
proposez la possibilit dimprimer le contenu pour une consultation hors connexion.

Lusage des frames est limit, voire interdit. Ces dernires provoquent des difficults au niveau ergnomique. En cas dutilisation, pen-
sez mettre disposition une version sans frame en utilisant la balise noframes.
La taille des fentres cibles est respecte. Cela permet dviter lapparition dun ascenseur horizontal.

Le dimensionnement des images est rflchi vitez les graphiques faisant la moiti de la zone daffichage ou les images trop lourdes
(plus de 40 ko) dont le temps de chargement horripilera vos visiteurs munis dune con-
nexion de type modem.

Aucune texture na t utilise pour le fond des Cela diminue la visibilit du texte. Il ne faut pas que le fond soit trop visible. Sil attire le
pages. regard du lecteur, il occulte les informations et empche une lecture confortable. De plus,
cette utilisation ralentit le chargement de chacune des pages.

Toutes les images disposent dune alternative Lavantage est triple : cela donne une indication vos internautes, cela permet aux
textuelle (tag IMG + attribut ALT). moteurs de recherche dindexer un contenu supplmentaire (voir chapitre 4) et cela permet
aux personnes handicapes visuelles de lire le contenu des images laide de consoles
spcialises (voir ce sujet le site de lassocitation Braillenet, http://www.braillenet.org/).
Les animations sont employes avec parcimonie. Afin dviter le phnomne sapin de Nol : une page peu lisible et fatigante pour
linternaute.

Le style italique na pas t employ. Ce style tant difficilement lisible, voire illisible lcran, ne lutilisez que pour des textes
trs courts.

Groupe Eyrolles, 2004 65


Russir un projet de site web

Caractristique Explication

Le choix de la police a t rflchi. Nutilisez pas de polices trop petites. Mme si la taille des polices laffichage peut se
paramtrer sur certains navigateurs, garder une taille de police classique , par exemple
10 ou 12 points minimum pour le texte courant. Le visiteur veut se dtendre en regardant
votre site et non pas partir en clignant des yeux !
Utilisez des polices sans srif (par exemple, Arial, Helvetica). Beaucoup plus claires
lcran que des polices du type avec srif (Times New Roman) qui elles sont optimises
pour limpression.
Nutilisez pas plus de trois polices de caractres diffrentes.

Les minuscules ont t prfres aux capitales. Les minuscules sont plus lisibles.

Les phrases simples et les textes courts sont Cela favorise une lecture rapide lcran.
privilgis.

Le contraste texte / fond est soutenu. Afin damliorer la lisibilit du contenu.

Les listes puces sont utilises ds que possible. Les listes permettent un accs facile linformation.

Les mots importants sont mis en gras. Surtout pas en soulign, cela provoque la confusion avec les liens.

Testez vos connaissances


Quel est le poids maximum conseill pour une page web ?
Citer cinq contraintes lies aux spcificits du domaine web.
Quest-ce que la rgle des trois clics ?
Quels sont les risques induits par lutilisation des frames ?
Que permet la cohrence de la prsentation et du vocabulaire ?
Quest-ce quune charte graphique ?
Quappelle-t-on une page optimise pour une rsolution donne ?
Expliquer le principe de zones actives / zones mortes dune page web.
Que veut dire rendre lisible un texte pour le Web ?
Quels sont les huit principes suivre pour permettre un accs facile et rapide
linformation recherche ?
Que permettra la disposition visuelle de linformation ?
Quels sont les avantages et les inconvnients des liens ?

66 Groupe Eyrolles, 2004


2 Russir lergonomie de son site
En rsum
Lergonomie dun site web performant runit deux composantes fondamentales,
qui sadressent chacune une fraction de votre public :
tre clair, prcis et dun esthtisme soign ;
disposer dune information tlchargeable rapidement et accessible depuis
nimporte quelle page en trois clics maximum.
La premire composante sadresse aux nouveaux visiteurs , ceux qui arrivent
sur votre site pour la premire ou la deuxime fois. Ces derniers vont porter une
attention particulire aux aspects directement visibles et la facilit dutilisation.
Le graphisme du site devra alors tre plaisant et le chargement des pages, rapide.
La seconde composante sadresse aux internautes fidles , ceux qui cumulent
un nombre de visites suprieur trois. Ces derniers souhaiteront un accs rapide
linformation recherche.
Les pages du site ne devront donc pas tre trop denses , pour leur permettre
de distinguer les informations importantes de celles qui le sont moins.

RFRENCES Quelques sites


Le site du pionnier en matire dergonomie web Jakob Nielsen :
http://www.useit.com
Le site du rdacteur/diteur amricain Jonathan Price :
http://www.webwritingthatworks.com/
Lexcellent site lergonome propose une srie de publications et de rsultats dtude
dans le domaine des NTIC :
http://www.lergonome.org
VebLog est un site personnel proposant un grand nombre de ressources pour raliser
des projets Internet centrs sur les besoins utilisateur :
http://www.veblog.com/
Iergo est un site de conseil en ergonomie informatique :
http://www.iergo.fr
Le site du laboratoire dergonomie du CNRS propose sur son site un Guide de recom-
mandations ergonomiques pour la cration de sites web (sites de consultation et
applications)
http://www.dsi.cnrs.fr/bureau_qualite/ergonomie/ergonomie.asp
Le site Usabilis prsente diffrentes mthodes pour prendre en compte lutilisabilit
au cours du dveloppement dun logiciel ou dun site web :
http://www.usabilis.com
Ergoweb prsente des notions fondamentales sur la conception ergonomique de site
web et sur le dveloppement centr sur lutilisateur en gnral :
http://www.ergoweb.ca
Le site de la SELF (Socit dergonomie de langue franaise) propose un grand nombre de
rfrences (bibliographie, revues, liens) :
http://www.ergonomie-self.org

Groupe Eyrolles, 2004 67


chapitre 3

Groupe Eyrolles, 2004


Lhbergement

SOMMAIRE
B La dfinition des besoins
Une fois cr, le site doit tre hberg sur un serveur connect B Les types dhbergement
en permanence Internet. Cependant, il est indispensable de B Les aspects tudier pour choi-
choisir lhbergement le plus adapt vos besoins spcifiques, sir son hbergement
donc de comparer les offres du march et leurs services valeur B Tout savoir sur les noms de
domaine
ajoute.
MOTS-CLS
B Hbergeur
B Scurit
B Sauvegarde
B Restauration
B Serveur
B Trafic
B Bande passante
B Surveillance
B Support technique
B Qualit de service
B Technologies serveurs
B Nom de domaine
B Espace disque
B DNS
B Registrar

Groupe Eyrolles, 2004


Russir un projet de site web

Estimation de vos besoins en hbergement


Choisir un hbergement Pour choisir un hbergement adapt, il est ncessaire dans un premier temps
Pour choisir un appartement, il faut savoir didentifier tous vos besoins. Vous devez dabord connatre les fonctionnalits et
lavance le nombre de pices ncessaires, la super- les caractristiques de votre site avant toute dmarche auprs dun hbergeur.
ficie, lemplacement, les dispositions Il en va de Pour cela, il faut constituer un dossier dcrivant larchitecture et linfrastructure
mme pour lhbergement dun site web ! de votre site. Cette tche seffectue normalement lors de la deuxime phase de
votre projet et vous permettra de dfinir le type dhbergement qui vous con-
vient en vous rpondant quatre types de questions :
Voir chapitre 1, Phase 2 : la conception du site Quelle est limportance stratgique de votre site web ?
Quelles sont les technologies adoptes pour son dveloppement ?
Quelle sera sa taille ?
Quel sera le nombre de consultations ?

Importance du site par rapport la stratgie et


lactivit de lassociation ou de lentreprise
La premire question vous poser concerne limportance de votre projet. En
effet, un simple site plaquette prsentant lactivit de votre entreprise ne nces-
site pas les mmes attentions quune boutique en ligne : selon le cas, larrt
momentan dun serveur peut navoir que des rpercussions mineures ou au con-
traire faire perdre votre entreprise un important chiffre daffaires. Il est donc
obligatoire de bien dlimiter limportance de votre site, afin de dterminer vos
besoins en termes de scurit, de disponibilit, de sauvegarde, de suivi et dassis-
tance.

Outils et programmes de dveloppement retenus pour


crer votre site
Le deuxime point ne pas ngliger lors du recensement des besoins est laspect
relatif aux technologies employes. Le tableau 31 prsente les diffrents l-
ments prendre en compte.

Taille du site
RETENIR Taille dun site Troisime point, celui relatif la taille de votre site. Il est impratif de connatre
peu prs le volume total que reprsentera le site une fois en ligne.
En rsum, gardez lesprit que la taille dun site
nest pas mesure par le nombre de pages quil Lune des mthodes destimation est dadditionner ce que lon peut nommer le
possde, mais par lespace disque quil occupera poids sec de votre site avec celui reprsent par son contenu :
sur le serveur (images, texte, base de donnes, Le poids sec peut tre dfini par le poids de vos pages web associ
etc.).
celui des images utilises.
Le poids du contenu regroupe, quant lui, celui de tous les fichiers qui
seront utiliss par votre application web : fichiers sons, fichiers vidos,
fichiers flashs, fichiers de donnes, etc.

70 Groupe Eyrolles, 2004


3 Lhbergement
Tableau 31 Aspects prendre en compte pour valuer ses besoins en termes de technologie

Aspect Points associs Exemples

Systme dexploitation Le systme dexploitation permet lutilisation de certains composants spcifi- Windows, Unix, Linux
ques, voire lutilisation de certains langages. Exemple : PHP est optimis pour
un environnement Linux alors quASP fonctionne dans des environnements
de type Windows.
Serveurs : type et version Votre application requiert quel type de serveurs ? Sous quelle version ? Serveurs web : Apache, IIS
Avez vous besoin dun serveur ddi aux transferts de fichiers (FTP) pour faci- Serveur dapplication : Tom Cat,
liter vos mises jour ? Cold Fusion, WebLogic, Webs-
Souhaitez-vous diffuser des informations multimdias en continu (diffusion phere
dite en streaming) ? Serveur de streaming : realserver,
Est-ce que votre application en ligne utilise une technologie J2EE ? Si oui, un netshow
serveur dapplication sera requis.
Composants serveur Votre site peut ncessiter linstallation dun, voire de plusieurs composants Envoi de-mails, upload de donnes.
serveur pour effectuer un certain nombre de tches.
Base de donnes (SGBD) Rutilisez-vous des donnes existantes dans votre application en ligne ? De Oracle, SQL Server, Acces, MySQL,
fait, si toutes vos informations sont dj stockes dans une base de donnes PostgreSQL
spcifique, il est probablement inutile den adopter une nouvelle pour votre
service en ligne !
Langages Quels sont les langages utiliss pour le dveloppement de votre application ? ASP, JSP, PHP, PERL, Java

Si le poids sec ne varie que lors dun ajout de rubriques aux sites, il nen est pas
de mme pour le poids du contenu. En effet, au cours de la dure de vie dun
site web, il nest pas rare de constater lajout progressif de donnes ou de fichiers
supplmentaires. Par exemple, un journal en ligne est constitu de pages web et
dimages reprsentant la structure de base, mais galement dun contenu qui
change quant lui rgulirement. Chaque jour, des donnes reprsentant
lactualit viennent sajouter celles dj prsentes. Le poids des bases de don-
nes augmente alors au fur et mesure.
Ce point nest surtout pas ngliger car, en une anne, votre site peut dcupler
de volume !

Frquentation du site
Dernier point, le trafic de votre site une fois en ligne. Lune des dmarches con-
siste partir du public cible identifi en amont du projet pour en dduire le Prenons lexemple dun nombre de visites estim
600 par jour. Nous avons par mois : 600 365 / 12
nombre potentiel de visites par mois. Pour ce faire, vous pouvez vous aider des = 18 250 visites donc une estimation dun trafic de
rapports rguliers que publient les organismes de mesure daudience ou dtude 18 250 5 = 91 250 pages vues par mois.
de march (voir figure 3-1).
Le trafic cible de votre site se dfinit en nombre de pages vues par mois. Pour
obtenir ce type destimation, il est intressant de savoir quen moyenne un site
dinformation atteint un taux de cinq pages par visite. Ds lors, pour avoir le
nombre potentiel de pages vues par mois, il vous suffit de multiplier votre esti-
mation du nombre de visites par cinq.

Groupe Eyrolles, 2004 71


Russir un projet de site web

Figure 31
De nombreux organismes proposent
en ligne des baromtres de notorit ou
dutilisation par catgories de sites web
(http://www.tns-sofres.com).

Types dhbergement
Nous proposons ici une description des diffrents types dhbergement prsents
sur le march, afin dorienter votre prospection.

Hbergement entre de gamme


Cette catgorie comprend trois types doffres : lhbergement chez son fournis-
seur daccs Internet (FAI), lhbergement gratuit et lhbergement discount.
Lhbergement entre de gamme prsente indniablement certains avantages
mais ce type de solution nest pas adapt pour lhbergement dun service pro-
fessionnel.

Offre des FAI


Quel que soit votre fournisseur daccs Internet, ce dernier vous propose sre-
ment un espace plus ou moins grand pour hberger vos pages web.
Les avantages sont nombreux :
Le FAI propose souvent des outils de cration de pages web qui sont de qua-
lit, tels que diffrents scripts CGI, compteurs, statistiques dtailles
Aucune publicit ne sera normalement impose puisque cet hbergement est
compris dans loffre daccs Internet.

72 Groupe Eyrolles, 2004


3 Lhbergement
Les inconvnients ne doivent cependant pas tre ngligs :
Vous ne possderez pas un nom de domaine propre, cest--dire quil sera du
type http://www.fai.com/monsite ou http://perso.fai.com/siteperso.
Les temps de rponse sont gnralement trs lents car la bande passante
alloue est mutualise avec plusieurs centaines de sites par serveur.

Hbergeurs gratuits
Les offres dhbergement gratuit sur le Web ne manquent pas et les acteurs,
dans ce domaine, sont nombreux. Ce type dhbergement a permis de nom-
breux petits sites dtre ainsi plus facilement accessibles sur la toile. De nom-
breux outils sont gnralement proposs : utilisation de CGI, compteurs, for-
mail (envoi dun contenu de formulaire par e-mail), forum, newslist, etc.
Certains proposent mme laccs du PHP et lutilisation dune base de don-
nes du type MySQL (Beaucoup plus rare : laccs de lASP et des bases de
donnes de type MS Access). Enfin, la surface dhbergement alloue est gn-
ralement assez importante, ce qui peut savrer tre utile pour des sites poss-
dant de nombreuses photos. Cependant, la publicit (sous forme de pop-ups ou
de bannires) est omniprsente et souvent rpulsive pour les internautes. De
plus, vous serez confront des problmes techniques rcurrents.

Figure 32
Les hbergeurs gratuits sont lgion
(source : http://www.ifrance.com et
http://www.brinkster.com).

Hbergeurs discount
Les prix dhbergement se situent gnralement entre 20 et 100 par an. Il
existe toujours plusieurs formules et vous pouvez ajouter diffrentes options
selon vos besoins :

Groupe Eyrolles, 2004 73


Russir un projet de site web

espace dhbergement,
gestion des adresses e-mails,
dispositif de sauvegarde,
module de cryptage mutualis, etc.
Si ces offres semblent dabord attrayantes, en pratique ce type dhbergement
repose sur le partage des ressources du serveur avec beaucoup dautres sites. Les
performances seront donc amoindries.

Hbergement professionnel
Ce type dhbergement propose des formules adaptes pour toute mise en place
de site web professionnel : bande passante importante, scurisation des plates-
formes leve, assistance technique, surveillance des serveurs, etc.
En fonction de vos besoins, trois types doffres sont disponibles.

Hbergement mutualis
Ce dernier consiste au partage par plusieurs clients de lespace disque et des res-
sources dun serveur. linverse des offres discount , lhbergement mutua-
lis professionnel propose une solution o le nombre de sites sur le serveur est
restreint afin de garantir une qualit de service leve. Pour ce type doffre, les
tarifs varient entre 100 et 1 000 euros par an.

Hbergement ddi
Avec un hbergement ddi, le client est indpendant, il dispose de sa propre struc-
ture dhbergement (serveur, baies, salles blanches) quil gre sa convenance.
tant seules se partager les ressources serveur et/ou rseau, vos applications bn-
ficieront dune qualit de service beaucoup plus leve que dans le cas des offres
mutualises. Les tarifs commencent 120 par mois sans limite suprieure.

Hbergement dapplications complexes


Ces dernires sont ddies lhbergement dapplications critiques de type :
portails,
communauts virtuelles,
bases de donnes intranet,
Extranet partenaires,
solutions e-business,
place de march B2B,
applications externalises, etc.
Ce type doffre intgre gnralement un hbergement ddi auquel le prestataire
ajoute les outils et prestations suivants : rpartition de charges, sauvegarde, main-
tenance applicative, scurit et redondance de structures, garantie de disponibi-
lit des taux suprieurs 99,5 %. Les tarifs sont ici extrmement variables.

74 Groupe Eyrolles, 2004


3 Lhbergement
Figure 33
Le prix de ce type darchitecture peut avoisiner
les 100 000 euros par an si le niveau de service
associ est lev.

titre dexemple, une prestation comportant les lments suivants peut avoi-
siner 100 000 euros par an :
au niveau de linfrastructure : deux serveurs frontaux, un serveur pour la base
de donnes, un firewall ddi, un switch, un load balancer et un systme de T Load balancer
sauvegarde, Un load balancer (ou quilibreur de charges) est un
au niveau des services associs : maintenance matrielle et logicielle, assis- serveur distribuant les requtes entrantes entre
tance et support, gestion de lexploitation, SLA de 99,5 %, plusieurs autres serveurs afin de rpartir la charge
et ainsi dviter la saturation des entres.
au niveau interconnexion rseau : une bande passante de 1 Mbits/s. Le tout est vu de lextrieur comme un seul et uni-
Trs onreux, lhbergement dapplications complexes nest ncessaire que pour que serveur (voir figure 3-3).
des sites qui rclament une scurit trs leve pour les transactions et contre les
intrusions, ainsi quune disponibilit permanente pour viter de coteuses pertes
dactivit.

Groupe Eyrolles, 2004 75


Russir un projet de site web

Parole dexpert : quelle formule dhbergement pour quel site web ?


par Carl Rakotondrainibe
Le choix dune solution dhbergement et par extension, Ces deux points sont importants car lutilisation, lors du
dun hbergeur - est une tape importante dans la vie dveloppement dun site, de versions trop rcentes ou
dun projet de site web. Une entreprise souhaitant dve- dapplications et de langages peu rpandus peut interdire
lopper une prsence durable sur la toile doit pouvoir ce type dhbergement. Il est donc indispensable de bien
sappuyer sur un prestataire capable de lui fournir certaines se renseigner au pralable, afin de disposer du choix le
garanties de savoir-faire et de fiabilit, quelle souhaite plus large possible.
promouvoir son image ou vendre ses produits en ligne. Bien entendu, tous les sites ne peuvent pas tre hbergs
Comme indiqu dans ce chapitre par Nicolas Chu, il existe sur des serveurs mutualiss. Lemploi de dveloppements
diffrents types dhbergement : mutualis, ddi ou labors, ceux-ci venant parfois sarticuler autour de ser-
pour applications complexes. Chacun rpond diffrem- veurs dapplications (ou middlewares), le recours intensif
ment des besoins de ressources matrielles ou logiciel- un SGBD ou un systme de fichiers rend lemploi dun
les, de scurit, ou de disponibilit. Ils offrent galement hbergement ddi incontournable. Les limitations sont
diffrents degrs de conseil, dassistance technique ou alors celles du serveur et de la connectivit ddie alloue
dadministration dapplications. celui-ci.

Lhbergement mutualis : standard et peu Lhbergement ddi : autonomie et


onreux performance
Lhbergement mutualis, gnralement commercialis Lhbergement sur serveur ddi prsente de nombreux
sous forme de packs de services complmentaires, repose avantages car il permet, outre le fait doffrir au site web
sur la mutualisation, entre plusieurs sites, des ressources hberg des ressources plus importantes, dadapter
matrielles, logicielles et rseau dun ou plusieurs serveurs lhbergement vos besoins : puissance du serveur, confi-
(web, base de donnes, messagerie). Ces packs com- guration avance du systme dexploitation et des appli-
prennent en gnral un espace disque, un volume men- cations hberges, paramtrage plus fin de la scurit et
suel de transfert de donnes et quelques comptes de mes- des droits daccs
sagerie. ce titre, ce type dhbergement est rserv Une bande passante ddie, de meilleures performances
des sites utilisant des technologies standards et prou- lors des montes en charge, permettent galement
ves, peu gourmands en ressources, et qui ne ncessitent datteindre des taux de disponibilit et une qualit de ser-
pas de paramtrage particulier du systme dexploitation vice plus levs quen environnement mutualis. Les bud-
pour fonctionner. Les offres professionnelles incluent sou- gets consacrer ce type dhbergement sont bien sr
vent des applications supplmentaires dites composants plus importants, ce qui constitue le principal inconvnient
serveur qui peuvent tre utilises pour enrichir les fonc- des solutions ddies. Mais un tel investissement est
tionnalits dun site. Dans bien des cas, le site plaquette justifi lorsquun site est considr comme stratgique
dune PME ou un site de e-commerce incluant quelques pour lentreprise qui lexploite.
centaines darticles et un systme de paiement lectroni-
Des besoins levs de scurit, comme lorsquun site web
que peuvent tout fait tre hbergs sur des serveurs
est directement connect au systme dinformation de
mutualiss.
lentreprise, peuvent justifier le recours une solution
Ce type dhbergement prsente lavantage dtre peu dhbergement ddi. Divers quipements de scurit tels
onreux, et offre aujourdhui un environnement mme que des pare-feux peuvent venir renforcer la scurisation
de recevoir des sites dynamiques assez riches. Il faut logicielle dun serveur.
cependant garder lesprit que les versions des logiciels
Un portail ddi aux fournisseurs dune entreprise, par
mises disposition doivent tre exploitables dans un con-
exemple, requiert lemploi dun hbergement ddi. Ici,
texte mutualis, ce qui interdit lutilisation des dernires
ce sont des besoins conjugus dauthentification forte, de
versions en date. Il est par ailleurs frquent que certaines
confidentialit des transactions et de disponibilit qui jus-
fonctionnalits dune application soit dsactives parce
tifient ce choix.
quinexploitables en environnement mutualis, mais cela
dpend de la politique de scurit que lhbergeur appli-
que sur ses serveurs.

76 Groupe Eyrolles, 2004


3 Lhbergement
Un autre aspect trs important est la ncessit pour Afin de permettre lhbergeur de mener bien sa pres-
lentreprise de disposer de personnel qualifi pour ladmi- tation dinfogrance, une troite collaboration doit sins-
nistration et la maintenance de son ou de ses serveurs taller entre les quipes du projet et celles de lhbergeur.
ddis. En effet, et contrairement lhbergement Ces dernires doivent disposer des informations ncessai-
mutualis, ces tches sont la charge de lentreprise res ladministration dapplications parfois trs comple-
cliente dun hbergeur, et requiert des comptences en xes et soumises des Garanties de temps de rtablisse-
administration de serveur. ment (GTR) de quelques heures, contractuellement
Cependant, tout ou partie de linfogrance dune solution dfinies par SLA (Service Level Agreement).
dhbergement ddi peut tre confie lhbergeur, si De plus, un hbergeur spcialis et comptent sera capa-
celui-ci dispose des quipes comptentes pour offrir ce ble de conseiller ses clients lors dvolutions fonctionnel-
type de prestations. les ou technologiques et de les accompagner lors dopra-
tions dlicates. Le cot de telles solutions complexes et/ou
infogres les rserve des sites large audience ou
Hbergement dapplications complexes : le requrant une disponibilit trs leve, et les budgets
haut de gamme dhbergement peuvent facilement atteindre plusieurs
De nombreuses entreprises ne possdent pas toutes les centaines de milliers deuros par an.
comptences requises pour administrer leurs propres ser- Un site de e-commerce grand public ayant pignon sur rue
veurs. Dans ce cas, des services dinfogrance simples peu- avec plusieurs millions de visiteurs uniques par mois nces-
vent tre assurs par lhbergeur du site. Dautre part, site ce type dhbergement, de part son importance stra-
certains sites dlivrent des millions de pages vues par tgique. Une quipe technique ddie peut tre dlgue
mois, et ne peuvent se contenter dun seul serveur pour par lhbergeur, dont la mission sera linfogrance globale
leur hbergement. Des architectures dhbergement com- et le maintien en conditions oprationnelles du site en
plexe sont alors conues et dployes par des quipes sp- toutes circonstances.
cialises, en collaboration troite avec le responsable du
projet de site web. Des technologies de rpartition de
charge sont alors utilises, les quipements serveurs et Aujourdhui indpendant, Carl Rakotondrainibe, a t pendant plus
rseau, redonds, pour que le site soit maintenu en fonc- de 5 ans le responsable marketing dun important hbergeur fran-
tionnement quelles que soient les circonstances. ais, au sein duquel il a particulirement contribu llaboration
Lorsque la location de services de cette catgorie est envi- de loffre produits.
sage, il convient de soumettre lhbergeur un cahier
des charges trs prcis afin que celui-ci puisse apporter
une rponse technologique pertinente et complte. Quel-
ques hbergeurs spcialiss proposent en France des servi-
ces dinfogrance partielle ou globale et permettent aux
entreprises de se reposer sur des spcialistes de lhberge-
ment ddi et complexe. Ces services peuvent aller jusqu
la prise en charge totale de la gestion de la solution
dhbergement, son suivi qualitatif et son ventuel
dpannage par des administrateurs rseau et systme sp-
cialiss et ce, 24 heures sur 24.

Groupe Eyrolles, 2004 77


Russir un projet de site web

Comparaison des offres du march : dix


aspects tudier
Afin de vous aider dans votre dmarche de comparaison des offres du march,
nous avons tabli ici une liste de dix aspects tudier. Bien entendu, les infor-
mations donnes dans cette section ne sont l que pour vous apporter une pre-
mire visibilit en la matire. Limportance de chaque aspect variera en fonction
des besoins recenss prcdemment. Par exemple, un extranet ncessite un
niveau de scurit trs lev ; un site dvnement sportif, lui, impose une forte
disponibilit, etc.

Espace disque
Premier lment prendre en compte, lestimation de lespace disque ncessaire
pour lhbergement de votre site web. Si vous optez pour un hbergement
mutualis, sachez que les prix des disques durs ont considrablement chut.
Pour un cot modeste, vous pouvez maintenant disposer dun espace qui se situe
entre cinquante et cent mgaoctets.
La meilleure solution est dadopter une volution progressive de lespace dispo-
nible au cours du temps : vrifiez alors que votre hbergeur vous propose un sys-
tme de passerelles simplifies pour souscrire une formule adapte (qui pro-
pose plus despace) ou un dispositif par tranche de x Mo supplmentaires
(exemple : 5 euros les 10 Mo supplmentaires.)
Si vous avez opt pour un serveur ddi, vous tes libre dajouter comme bon vous
semble des disques durs, et il nexiste plus de contraintes lies aux espaces disques
partags avec dautres sites. Cependant, compte tenu de son cot, cette solution
nest vritablement intressante que pour des applications web denvergure.

Figure 34
Un espace disque entre 50 et 100 Mo sur un
hbergement mutualis suffit largement pour
des sites de 400 pages avec une base de
donnes de type MySQL ou MS Access
et quelques fichiers de son.

78 Groupe Eyrolles, 2004


3 Lhbergement
Bande passante et trafic
lment souvent mis en avant par les hbergeurs, la bande passante correspond
la quantit de donnes transfres dans une unit de temps particulire et se
mesure en Kbits/s (kilobits par seconde), Mbits/s (mgabits par seconde) ou
Gbits/s (gigabits par seconde). La bande passante constitue donc une mesure
fidle du trafic sur un site web : plus celui-ci gnre de connexions, plus le
volume de donnes envoyes par le serveur est important, et plus vous con-
sommez les ressources du rseau de votre hbergeur.
Toute clause relative une bande passante devra donc faire lobjet dune atten-
tion particulire. Selon les offres, certains hbergeurs vous proposent un trafic
illimit, voire une bande passante de plusieurs Mbits/s. Dautres, un trafic limit
quelques Go par mois. Afin de vous aider dans votre choix, dveloppons ce
que sous-entendent ces diffrentes offres.

Un trafic illimit pour votre site


Ce type doffre peut prter confusion. En fait, cela dsigne une mthode de
facturation qui ne garantit nullement la disponibilit et les temps daccs votre
site mais uniquement la possibilit de faire transiter sur le rseau une quantit
illimite de donnes. Par comparaison, nous pourrions prendre lexemple dune
autoroute. Le nombre de voitures qui y circule nest peut-tre pas limit mais
cela nempche nullement les bouchons de fin de week-end ! Il en va de mme
avec la bande passante : un trafic illimit ne garantit pas la qualit de service.

Une bande passante de plusieurs Mbits/s pour votre site


Une bande passante leve peut tre fort intressante mais est gnralement trs NOTER Prix moyen
onreuse. Mfiez-vous des offres qui vous proposent de bnficier de plusieurs dune bande passante garantie
Mbits/s pour des prix drisoires. Gnralement, la bande passante est bien de plu- Actuellement, le prix dune bande passante garan-
sieurs mgas, mais elle est mutualise pour tous les sites hbergs sur le serveur. Le tie de 1 Mbits/s avoisine les 120 euros mensuels.
trafic est donc limit tout naturellement par la capacit normale du rseau.
Il importe donc de connatre, non pas le dbit de la bande passante, mais le taux
EXEMPLE Bande passante
doccupation de cette dernire partir duquel le trafic est dlest sur une autre
connexion. Selon les hbergeurs, ce taux peut varier entre 60 % et 85 % doccu- Si nous reprenons notre exemple de lautoroute,
pation de la bande passante. quel que soit le nombre de voies de circulation
(3,4...), si ces dernires sont satures, les bouchons
Nhsitez surtout pas demander vos contacts techniques et commerciaux de seront invitables. Par contre, si les collectivits ont
vous indiquer quelle politique est employe en la matire. Une garantie doccu- prvu des itinraires de dlestage partir du
pation maximale de 60 % 70 % de la bande passante assure des temps de moment o le nombre de voitures devient trop
rponses satisfaisants. important, le trafic restera toujours fluide.

Un trafic limit par mois


Pour finir, citons galement certains hbergeurs qui vous proposent des formules
avec une bande passante garantie en change dun trafic limit par mois. Pour
connatre ce dernier, nous vous proposons la mthode dvaluation suivante.

Groupe Eyrolles, 2004 79


Russir un projet de site web

Si vous avez estim un trafic de 3 000 pages vues par jour pour votre site, la taille
moyenne dune page web bien ralise est de 50 Ko ; le calcul est alors relative-
ment simple.
3000 365 / 12 = 91 250 pages par mois
91 250 50 = 4 562 500 Ko soit 4,5 Go
Le trafic mensuel devra tre autoris par votre hbergeur hauteur de 4,5 Go
par mois.

Technologies compatibles
Rares sont les hbergeurs qui proposent toutes les solutions techniques pour le
fonctionnement dun site web dynamique. Ds lors, si vous avez des contraintes
en la matire, la gamme des offres devient immdiatement plus rduite et le
choix plus facile. Il convient dans ce cas de trouver tous les prestataires qui sup-
portent dans leur offre les technologies que vous avez adoptes pour dvelopper
votre site : systme dexploitation, types et version de serveur, composants ser-
veur, langages utiliss, SGBD
Certains hbergeurs comprennent dans leur offre un ensemble de services en
ligne (statistiques, compteur, forum, livre dor). Selon les cas cela peut vous
viter des dveloppements (comme la mise en uvre dun forum de discussion).

Figure 35 Vrifiez avant toute chose que votre hbergeur supporte bien les technologies adop-
tes pour le dveloppement de votre site web.

80 Groupe Eyrolles, 2004


3 Lhbergement
Messagerie
Lorsque vous disposez de votre propre site avec son nom de domaine, il semble
naturel de possder une, voire plusieurs adresses lectroniques qui lui font rf-
rence. Cest pourquoi la clause messagerie des hbergeurs est toujours int-
ressante. Certains proposent la cration de comptes POP3 ou IMAP illimits
(mais vous limitent lespace disque quelques Mo), dautres les limitent cinq,
T Compte Alias
ou plus. Informez-vous, auprs de votre hbergeur, du volume despace sur le
disque dur dont vous disposez pour chaque compte e-mail et vrifiez surtout Adresse e-mail fictive qui re-route les messages
que ce dernier ne soit pas dduit de lespace prvu pour votre site. Attachez ga- vers une adresse e-mail disposant dun compte
POP ou IMAP.
lement une importance toutes les fonctionnalits qui vous simplifieront
ladministration :
interface web,
redirection,
alias,
filtre anti-spam et anti-virus, etc.

Figure 36 Les interfaces dadministration web peuvent savrer


dune grande utilit pour des consultations distance

B.A.- BA POP3, IMAP & SMTP


Le protocole Post Office Protocol version 3 (POP3) permet votre client de-mail de rcuprer les
messages sur un serveur. Ce protocole nautorise pas une manipulation complte du courrier
lectronique sur le serveur mais seulement sa rcupration aprs une authentification (nom de
lutilisateur + mot de passe).
Le protocole IMAP (Internet Mail Access Protocol) est le nouveau protocole de messagerie pour
relever son courrier. Compar POP3, IMAP dispose de nombreuses fonctionnalits
supplmentaires : gestion de plusieurs accs simultans, gestion de plusieurs botes aux lettres,
tri du courrier en fonction de plusieurs critres
IMAP et POP3 neffectuent pas lenvoi de courrier lectronique. Cette fonctionnalit est prise en
charge par le protocole SMTP (Simple Mail Transfer Protocol). Ce dernier correspond la norme
Internet de transport et de remise des messages lectroniques.

Groupe Eyrolles, 2004 81


Russir un projet de site web

Scurit
Avec la mise en place dun site web et plus particulirement son interconnexion
Internet, lentreprise peut sexposer des risques plus ou moins importants en
termes de scurit informatique. Ds lors, il conviendra denvisager des solu-
tions de protection. Comme la mise en place de telles solutions entrane une
augmentation considrable des tarifs dabonnement, il est indispensable de bien
T Le SSL dfinir le niveau de scurit requis.
La technologie Secure Sockets Layers (SSL) permet Si la nature de votre site loblige, lhbergeur devra vous proposer des solutions
le chiffrement des donnes envoyes un serveur permettant le cloisonnement des donnes afin que seules les personnes autori-
partir dun navigateur. Cette technologie est trs ses accdent aux informations qui leurs sont destines. Nhsitez pas alors
utilise pour les pages web qui ncessitent un
demander vos interlocuteurs commerciaux et techniques une description des
accs scuris : commerce en ligne, donnes sensi-
bles... mcanismes dauthentification voire une architecture de type SSL pour le chif-
frement ventuel de certaines pages.
Lintgrit des donnes peut galement tre un point sensible. La modification
des informations en ligne pourrait nuire limage de lentreprise voire celle de
T Les logs ses clients, dans le cas de services offerts un tiers.
Les logs sont des fichiers qui enregistrent toutes les Les besoins en la matire obligeront alors prvoir :
oprations des utilisateurs sur un quipement des mcanismes de protection rseaux (firewall, sonde de dtection dintru-
rseau actif (quipement qui peut tre administra- sion) et systme (mise jour du systme dexploitation) ;
ble).
Ils permettent donc dtablir un historique des un suivi des alarmes et des logs des quipements de scurit ;
transactions ralises sur des quipements de type un systme dantivirus capable de protger tous les quipements susceptibles
firewall, serveur web, etc. dtre infects.
Enfin, pour assurer la disponibilit de votre site web, lhbergeur devra vous
fournir des garanties en la matire : support dattaques de type dni de
service , contrat dassurance en cas de dommages immatriels (exemple : perte
de donnes) et matriels (exemple : incendie).

Figure 37
Il est intressant de consulter la politique de
scurit de chaque hbergeur
(http://www.internet-fr.net).

82 Groupe Eyrolles, 2004


3 Lhbergement
T Les attaques de type dni de service
Les attaques par dni de service consistent rendre inactifs pendant un certain temps des
serveurs afin quils ne puissent tre utiliss et consults.
Dune manire gnrale, on parle de ce type dattaque lorsquune personne ou une organi-
sation est prive dun service utilisant des ressources quelle est en droit davoir en temps
normal. On trouvera par exemple des dnis de service touchant laccs la messagerie,
laccs Internet ou laccs aux pages dun site web.

Sauvegarde et restauration de donnes


Tout hbergeur doit imprativement vous proposer une solution de sauvegarde
compose dun ensemble dapplications ddies cette tche. Bien entendu,
cette dernire sera plus ou moins performante en fonction du type dhberge-
ment auquel vous aurez souscrit. Cependant, quel que soit le cas, ces aspects ne
sont pas ngliger, car de nombreux facteurs peuvent vous obliger restaurer
votre site partir dune sauvegarde : intrusion, virus, mauvaise manipulation
provoquant leffacement des donnes Gnralement, tout hbergeur fournit
des services performants, 24 heures sur 24 et 7 jours sur 7.

Figure 38
Il existe un grand nombre dapplications
ddies la sauvegarde et la restauration de
donnes (http://fr.atempo.com).

Dans le cadre dun hbergement avec serveur SGBD, votre contact pourra vous
proposer des sauvegardes chaud des fichiers de base de donnes : la sauve-
garde seffectue sans interruption de service du SGBD. Les technologies con- RETENIR Trois types de sauvegarde
cernes par cette solution sont principalement MS SQL Server, Oracle, Sybase
Les sauvegardes compltes : sauvegarde totale
et IBM DB2. Toutefois, ce type de solution ncessite souvent linstallation dun
du ou des rpertoires.
agent spcifique sur le serveur et cette prestation nest gnralement pas incluse Les sauvegardes incrmentales : sauvegarde des
dans les forfaits de base. Une alternative pourra vous tre galement propose, donnes depuis la dernire sauvegarde.
procdant des dumps de la base de donnes pour les sauvegarder ensuite Les sauvegardes diffrentielles : sauvegarde des
comme des fichiers classiques. Cette dernire solution provoque cependant une donnes depuis la dernire sauvegarde com-
plte.
interruption du service pendant toute la dure de la sauvegarde.

Groupe Eyrolles, 2004 83


Russir un projet de site web

Les autres formats de bases de donnes tels que MS-Access et MySQL ou Pos-
tgreSQL sont sauvegards la manire de fichiers et ne ncessitent pas linstal-
lation dun agent spcifique sur le serveur.
Nhsitez pas galement demander le dtail de leur planning de sauvegarde.
Une politique de sauvegarde de qualit devra prvoir :
lors de linstallation du serveur, une sauvegarde complte des disques durs
permettant de servir par la suite de rfrentiel en cas dincident ;
en phase de production, une sauvegarde hebdomadaire complte et une sau-
vegarde incrmentale quotidienne.
Le tableau ci-dessous vous prsente les diffrents aspects aborder avec votre
hbergeur avant toute souscription lun de ses services :

Tableau 32 Aspects sauvegarde-restauration prendre en compte pour lhbergement de votre site web

Aspect Points aborder

Planning de sauvegarde Quel est le planning des sauvegardes suivi par lhbergeur (frquence des sauvegardes compltes et
incrmentales) ?
Restauration Qui est en charge de la restauration ? Est-ce lhbergeur ? Si oui, est-ce que la restauration fait partie du forfait
initial ou est-elle facturable ?
Est-ce quune restauration peut tre faite la demande du client ? Si oui, quel est le dlai et/ou la procdure
suivre ?
Archivage / Rtention Quelle est la dure darchivage des informations ? partir de quand les sauvegardes sont-elles effaces ?

Base de donnes Quel type de sauvegarde est mis en place pour les SGBD ? Est-ce une sauvegarde chaud ? Est-ce que cela nces-
site la location dun agent spcifique ? Est-ce compris dans le forfait ?
Visibilit Est-ce que lhbergeur propose ses clients une visibilit sur le bon droulement des sauvegardes (rapports) ?

Surveillance
B.A.- BA Les outils de monitoring En fonction de vos besoins, il convient de bien tudier les prestations lies la
Ces outils permettent de mesurer les aspects surveillance des services. Au-del dun simple service de monitoring de la dis-
qualit de service dun site web donn. Si cette ponibilit des quipements, vous pouvez avoir besoin dune prestation de sur-
mesure namliore pas en elle-mme la qualit de veillance de la qualit du rseau et/ou dun monitoring complet de ltat des ser-
service, elle permet toutefois de connatre ses veurs et des applications critiques.
points faibles et dagir en consquence.

Surveillance de la disponibilit et de la qualit du rseau


Ce type doffre met votre disposition un ensemble doutils vous permettant de
surveiller laccs lhbergeur partir de serveurs placs sur des rseaux totale-
ment indpendants. En cas dindisponibilit, une alerte est gnralement
envoye au support technique (gnration de ticket dincident). Lidal est de
pouvoir disposer dune mesure du temps de rponse dun service travers le
rseau des principaux oprateurs tlcoms de votre pays, permettant de disposer
de rapports sur les temps de rponses de votre site web en fonction des diff-
rents accs Internet que peuvent avoir vos internautes. Ainsi, vous diagnosti-
quez trs rapidement lorigine dun problme en cas dincident.

84 Groupe Eyrolles, 2004


3 Lhbergement
Figure 39 De nombreux outils de mesure permettent de connatre la qualit de service (QoS)
perue par les utilisateurs de leurs services en ligne (iplabel, http://www.iplabel.fr).

Les principales fonctionnalits de ces outils sont gnralement de :


mesurer priodiquement le temps de rponse dune page et des objets quelle
contient ;
mesurer priodiquement les temps de rponse de plusieurs pages enchanes
selon un scnario prtabli.

Surveillance des systmes et des applications


Ce type doffre vous permet de disposer dun monitoring de votre serveur web
avec vrification du contenu dune page statique (vrification dune chane de
caractres prcise afin dvaluer le bon fonctionnement du service) et dynamique
(excution de scripts validant par exemple le bon fonctionnement de la base de
donnes).

Groupe Eyrolles, 2004 85


Russir un projet de site web

Les principales fonctionnalits de ce service incluent gnralement :


la surveillance de la disponibilit dune URL en HTTP ou HTTPS ;
la vrification de la disponibilit despace disque et dutilisation du proces-
seur, disques, processus vitaux
lexcution automatique de procdures correctives ;
la prvention automatique par e-mail ou pager du support technique
lorsquun processus est en tat critique ou hors-service.

Figure 310
Le monitoring de lensemble de la
plate-forme peut tre confi des outils
spcifiques (source : SiteScope
http://www.mercuryinteractive.com/
products/sitescope/).

Support technique
Il est indispensable de sinformer sur le fonctionnement du support technique et
sur ses conditions dintervention ; les rponses seront diffrentes en fonction de
vos besoins.
En effet, si vous payez entre 25 et 75 euros par an votre hbergement, lassis-
tance technique seffectuera par e-mail, voire travers des forums.
T Service dastreinte linverse, un hbergement plus sophistiqu (dun cot plus important) pourra
Nous pouvons dfinir lastreinte comme une vous proposer toute une gamme de solutions :
priode au cours de laquelle lhbergeur a lobliga- une interface web scurise accessible 24h/24 et 7j/7,
tion dtre disponible et joignable tout
une hotline technique disponible aux jours et horaires ouvrs,
moment . Ceci afin dtre en mesure dintervenir
pour garantir la qualit de service dun hberge- un service dastreinte en dehors des horaires douverture de la hotline,
ment dun site web. des garanties dinterventions en fonction de limportance de la demande :
basse (demande de cration de compte), moyenne (perturbation mineure de
service), haute (perturbation majeure ou perte de service).
La demande dintervention pourra, selon les cas, tre linitiative du client ou
tre lance par un automate si vous avez opt pour un systme de surveillance
sophistiqu (voir ci-dessus). La figure 3-11 dtaille un traitement des rsolu-
tions de problmes type quun hbergeur pourrait vous proposer.

86 Groupe Eyrolles, 2004


3 Lhbergement
Figure 311
Alerte Alerte Outil Diagramme de traitement
client monitoring des rsolutions de problmes

Astreinte Hotline

Faible Importance Haute


du problme

Hotline donne
e-mail Hotline donne e-mail
un dlai +
dlai un dlai dlai
escalade

Information
Intervention
Intervention Hotline
Intervention Hotline Responsable
Hotline

Problme NON Problme


rsolu rsolu
NON
OUI Escalade
OUI
Equipe
Expert

Intervention Equipe
Expert

e-mail e-mail
confirmation e-mail confirmation
rsolution confirmation rsolution
rsolution

Client

quipement et infrastructure de lhbergeur


Que votre hbergement soit ddi ou mutualis, lentreprise qui sengage dif-
fuser votre site sur le Web doit toujours tre la hauteur des services quelle pro-
pose. En fonction de limportance de votre projet, nhsitez pas effectuer une
petite visite dans les locaux de vos interlocuteurs, afin de vous faire expliquer
linfrastructure rseau qui vous accueille :
dispositif firewall pour la protection contre les intrusions ;
emplacement et description des systmes de sauvegarde ;
nombres de commutateurs pour le relais en cas de panne dune machine ;
gnrateurs lectriques et ondulateurs pour assurer un courant de 220 V,
24h/24, 7j/7 ;

Groupe Eyrolles, 2004 87


Russir un projet de site web

type de climatisation pour vacuer la chaleur des serveurs ;


scurit daccs ;
T Les accords de peering
systme anti-incendie ;
Accords conclus entre deux fournisseurs de servi- accord de peering pour la bande passante locale et internationale, etc.
ces Internet afin dchanger entre eux de manire
privilgie lacheminement des donnes. Un tel
contrat permet de rendre le trafic plus rapide. Qualit de service (QoS, GTR, SLA)
Il est donc ncessaire de bien connatre les accords
de peering de votre prestataire pour vous assurer La qualit de service recouvre un ensemble de paramtres permettant dassurer
que vos clients disposeront dun accs rapide vers la performance dun service rseau. En standard, elle garantit la disponibilit et
votre site, de nimporte quel coin du monde. les temps daccs votre site web.
Pour aller plus loin, nous vous conseillons la lecture
dune tude issue de lENST de Bretagne et dispo-
Certains hbergeurs peuvent vous proposer des fonctionnalits de qualit de
nible ladresse : service (QoS, Quality of Service) : vous pourrez paramtrer des choix assurant
B http://www-eco.enst-bretagne.fr/Recherche/ quun lien de donnes doit bnficier de certains privilges. De telles fonction-
Biblio/Godefroy/internet1.pdf nalits vous permettent de mieux satisfaire vos internautes avec les ressources
rseau dont vous disposez en privilgiant certains services au dtriment dautres.

Exemple de fonctionnalit QoS


On favorisera les connexions vers le service support en ligne au dtriment de laccs aux
informations institutionnelles .

La garantie de temps de rtablissement (GTR) doit tre tablie contractuelle-


ment en fonction de nombreux critres lis larchitecture du site et linfra-
structure des centres. Lhbergeur devra alors sengager sur une dure maximale
pour la rsolution des incidents (voir les parties sur le support technique et la
surveillance).

Exemple de GTR
Le temps de rtablissement garanti peut tre de 4 heures maximum en priode ouvre et de 6 heu-
res maximum en priode non ouvre.

Enfin, le SLA (Service Level Agreement) comprend des accords sur la qualit
de service qui doivent tre dfinis contractuellement sur des points prcis, avec
des pnalits en fonction du prjudice subi en cas dincident. Les SLA ne peu-
vent tre dfinis et respects quavec des outils permettant de surveiller et de
mesurer efficacement la performance des rseaux. .

Exemple de SLA
Lhbergeur sengage pendant toute la dure du contrat un taux de disponibilit du service de
99,5 %. Si le nombre dheures dindisponibilit du service constates la fin dun mois conduit
un taux dindisponibilit du service suprieur 0,5 %, lhbergeur sera redevable au client dun
remboursement quivalent 10 % de la facture du mois prcdent

88 Groupe Eyrolles, 2004


3 Lhbergement
Nom de domaine : principes et dmarches
Afin de permettre le dialogue entre deux ordinateurs sur Internet, il est nces- B.A-BA Adresse dun site
saire que ces derniers possdent chacun un identifiant unique, reprsent par En fait chaque adresse est constitue de deux par-
une adresse dite adresse IP . Ce type dadresse est une valeur numrique de ties (ladresse dun rseau et ladresse dun hte de
32 bits et est exprime sous la forme de quatre nombres spars par des points, ce rseau) et appartient une classe de rseaux
par exemple : 134.157.105.1. Un site web est donc identifi sur Internet par une bien dtermine. Cependant, dtailler la structure
dune adresse IP dpasserait le cadre de cet
adresse compose de chiffres qui peuvent apparatre comme compltement abs-
ouvrage. Retenons alors seulement quune adresse
traits pour un nophyte. IP est un nombre unique sur Internet.
Pour simplifier cette identification, il tait ncessaire de mettre en place un sys-
tme capable de traduire ces adresses IP en un nom facilement comprhen-
sible et mmorisable :
ce systme est le systme DNS (Domain Name System) pour les noms de
domaine ;
cette traduction est un processus complexe dnomm rsolution de nom
de domaine.
chaque site Internet correspond une adresse IP, laquelle correspond gale-
ment un nom de domaine. Par exemple, au site Netalya correspond ladresse
IP 212.205.18.2, laquelle correspond le nom de domaine netalya.com.

Systme des noms de domaine (DNS)


Un nom de domaine est compos de deux lments indissociables : un nom ou
un mot qui identifie le site, et une extension propre la catgorie denregistre-
ment retenue. Cette extension est appele TLD (Top Level Domain) et peut
appartenir deux grandes catgories :
Les extensions gnriques (gTLD pour generic TLD) comme les .com, .net,
.org, .info... Elles sont administres et coordonnes par lInterNIC.
Les extensions gographiques (ccTLD pour country codes TLD). Il en existe POUR EN SAVOIR PLUS
plusieurs centaines, chaque pays stant vu attribuer une extension particu- Noms de domaines gnriques (generic Top Level
lire. Les ccTLD sont administres par des organisations nationales, telle Domains, gTLDs) :
lAFNIC en France pour le .fr, Nominet au Royaume-Uni pour le .uk, B http://www.iana.org/gtld/gtld.htm
lACEI au Canada pour le .ca, etc., ou internationales, telle lEURID pour B http://www.gouvernance-internet.com.fr
B http://www.gtldregistries.org/
le .eu (http://www.eurid.eu).
Noms de domaines gographiques (country code
Les noms de domaines sont grs sur Internet grce des serveurs spcifiques, Top Level Domains, ccTLDs) :
appels serveurs de noms, qui peuvent tre regroups en cinq types : B http://www.icann.org/cctlds/
B http://www.wwtld.org/
1 Les serveurs racines (DNS root), au nombre de treize, sont administrs et
B http://www.gouvernance-internet.com.fr
coordonns par lICANN (Internet Corporation for Assigned Names and
Numbers) et contiennent les adresses IP des TLDs Registry.
2 Les DNR (Domain Names Resolvers) sont des copies des serveurs racines,
ils sont utiliss pour viter une saturation des DNS root. Actuellement, plu-
sieurs centaines de DNR sont sur Internet.
3 Les TLDs Registry (Top Level Domains Registry) grent les noms de
domaines de niveau suprieur , cest--dire les gTLDs ou les ccTLDs.

Groupe Eyrolles, 2004 89


Russir un projet de site web

4 Les serveurs de second niveau disposent de tables de correspondance


entre le nom de domaine dit complet ou pleinement qualifi (il sagit du
FQDN, Fully Qualified Domain Name) et son adresse IP.
5 Les serveurs DNS locaux disposent des correspondances entre adresses IP et
noms de domaine pour un rseau local, voire celles qui sont le plus deman-
des par les utilisateurs.

Rsolution de nom de domaine


Afin de mieux vous faire comprendre le DNS, examinons la rsolution de nom
de domaine. Cette dernire seffectue en plusieurs tapes. La figure 3-12 pr-
sente lexemple o un internaute souhaite accder au site www.netalya.com.

DNS Root /
DNR

TLD Registry
".com"

DNS local

Serveur de
noms secondaires

Client :
http://www.netalya.com

Figure 312 Reprsentation des tapes


dune rsolution de nom de domaine

Linternaute tape le nom de domaine dans son navigateur.


Le navigateur envoie une requte au DNS local du FAI (serveur de type 5)
de linternaute pour lui demander de trouver la bonne adresse IP.
Si ce dernier ne trouve pas ladresse IP en son sein, il va adresser lui-mme
une requte lun des serveurs DNR (serveur de type 2), copie du DNS
root. Une fois contact, ce dernier renvoie au serveur DNS local ladresse IP
du TLD registry qui dessert le suffixe correspondant (donc dans notre
exemple, .com).
Le serveur DNS local envoie alors une nouvelle requte au TLD registry
.com, qui va lui rpondre avec ladresse IP du serveur de nom desservant le

90 Groupe Eyrolles, 2004


3 Lhbergement
domaine de niveau secondaire demand (dans notre exemple, neta-
lya.com).
Le DNS Local envoie alors une nouvelle requte ce dernier serveur de
noms, qui lui communique en retour ladresse IP de la machine hbergeant
le nom de domaine complet (dans notre exemple, www.netalya.com/
212.205.18.2).
La rsolution de nom est effectue.

Dposer son nom de domaine


Le dpt dun nom de domaine seffectue auprs dun organisme intermdiaire
entre les demandeurs de noms de domaine et lICANN : le registrar. Actuellement,
il existe une centaine de registrars agrs par lICANN, par exemple, Namebay, 7
ways, Gandi, BookMyName. Cet organisme vous permet de louer votre nom de
domaine pour une priode allant de un dix ans. Nous dcrivons ici les diffrentes
tapes ainsi que les informations fournir pour effectuer cette rservation.

Figure 313
Toute rservation dun nom de domaine en .fr
devra passer par un organisme membre de
lAFNIC (http://www.afnic.fr).

Les dmarches ne sont pas identiques si vous souhaitez dposer un nom de


domaine gnrique ou obtenir un .fr. Pour ce dernier, il vous faudra choisir un
prestataire de services habilit, cest--dire adhrent lAFNIC (Association
franaise pour le nommage Internet en coopration), et tre un organisme ou
une personne identifiable partir des bases de donnes publiques en ligne.

Groupe Eyrolles, 2004 91


Russir un projet de site web

Conditions dobtentions dun .fr


Peuvent tre titulaires dun nom de domaine au sein de la zone .fr :

les personnes morales : les personnes physiques :


dont le sige social est situ en France ; de nationalit franaise ;
qui disposent dune adresse en France figurant expressment au de nationalit trangre dont le domicile habituel est situ en
sein des bases de donnes lectroniques publiques des greffes France ;
des tribunaux de commerce ou de lInstitut national de la statisti-
que et des tudes conomiques (INSEE) ;
les institutions et services de ltat, les collectivits territoriales titulaires dune marque dpose auprs de lInstitut national de
ainsi que leurs tablissements ; la proprit industrielle ;
qui sont titulaires dune marque dpose auprs de lInstitut titulaires dune marque communautaire ou internationale enre-
national de la proprit industrielle ou titulaire dune marque gistre visant expressment le territoire franais.
communautaire ou internationale enregistre visant express-
ment le territoire franais.

Tout demandeur dun nom de domaine en .fr ou .re est systmatiquement iden-
tifi par les services de lAFNIC aprs lenregistrement du nom de domaine. Si
pour diffrentes raisons, le titulaire ne peut tre identifi partir des Greffes, de
lINPI, de lINSEE ou de documents papiers officiels (pour les personnes non
identifiables en ligne), lAFNIC contactera le prestataire responsable technique
du nom de domaine par lequel le nom a t dpos pour lui demander de nor-
maliser la situation. Si dans les deux mois, le titulaire ne peut toujours pas tre
identifi, le nom de domaine sera alors supprim.
Les domaines gnriques (gTLD) sont soit ouverts tous, soit disponibles uni-
quement pour certains secteurs dactivits (comme le montre le tableau 33).

Tableau 33 Liste des noms de domaines gnriques (Generic Top Level Domains)

gTLD Signification Enregistrement ouvert


.aero Aronautique lindustrie du transport arien
.biz Business tous (sauf aux particuliers)
.com Commercial tous
.coop Cooprative aux coopratives
.edu ducation aux coles suprieures et universits
.gov Gouvernement aux organismes gouvernementaux des tats-Unis
.info Information(s) tous
.int International aux organismes internationaux tablis par traits internationaux
.name Nom de famille aux personnes physiques / individuels + possibilit aux personnes morales de protger leur(s) marque(s)

92 Groupe Eyrolles, 2004


3 Lhbergement
Tableau 33 Liste des noms de domaines gnriques (Generic Top Level Domains) (suite)

gTLD Signification Enregistrement ouvert


.net Rseau tous
.mil Militaire aux organismes militaires des tats-Unis
.museum Muse aux muses rpondant la dfinition de lInternational Council of Museums (ICOM)
.org Organisation / tous
association
.pro Professionnel libral aux avocats, mdecins, et autres professionnels libraux

Pour les extensions .com, .net, .org et .info, ds que le nom de domaine que vous
avez retenu est disponible, vous pouvez le louer. Voici les tapes suivre :
1 Vrifier que le nom de domaine souhait est disponible. Pour ce faire il suffit
de consulter le registre WHOIS. Ce dernier contient tous les noms de
domaines gnriques dj rservs et est consultable sur le site de lInternic.

Figure 314
Le registre WHOIS
(http://www.internic.net/whois.html)

2 Comparer les prix. Il est ncessaire deffectuer quelques recherches : les prix
varient considrablement pour une mme prestation (achat dun nom de
domaine, redirection, e-mail). Compter actuellement un peu moins de 15
euros pour une redevance annuelle dun gTLD et entre 35 et 50 euros pour
un nom de domaine gographique (ccTLD).
3 Senregistrer auprs du registrar : les noms, adresses e-mail et coordonnes
des contacts vous seront demands. Attention ladresse e-mail que vous

Groupe Eyrolles, 2004 93


Russir un projet de site web

Figure 315 Vous trouverez une liste de tous les registrars accrdits par lICANN
ladresse : http://www.icann.org/registrars/accredited-list.html.

indiquerez, cest en effet par cette dernire que le registrar essaiera de vous
joindre pour toute question relative votre nom de domaine : renouvelle-
ment de location, transfert de propritaire, etc.
Les contacts sont au nombre de trois :
Le contact administratif, ou registrant, cest le propritaire du site, vous !
Le contact technique, cest celui qui assure le lien en cas de problmes
techniques du domaine et des services.
Le contact facturation , cest celui qui est responsable de toutes les
questions concernant la facturation et la TVA.
T DNS primaire et DNS secondaire 4 Rserver le nom de domaine. Une fois ce dernier indiqu ainsi que la dure
Par DNS , on entend ici par abus de langage de la location, le registrar demande les adresses des DNS (primaire et secon-
Domain Name Server au lieu de Domain Name daire) de lhbergeur (quil faut contacter pour quil les communique).
System. Ce sont les serveurs de noms de domaine 5 Si le nom de domaine est simplement rserv, sans tre li un hberge-
de votre hbergeur. Ce sont eux qui contiennent les ment, les adresses des DNS du registrar devront tre communiques plus
informations faisant tat de ladresse IP et du nom
de domaine complet associ (FQDN). Le DNS
tard lors des dmarches concernant lhbergement.
secondaire tient lieu de roue de secours si, par 6 Le rglement seffectue en gnral par carte bancaire sur un site scuris, ou
exemple, le serveur primaire tombe en panne. par envoi de chque.
7 Le nom de domaine est visible par tous sous deux ou trois jours, temps
ncessaire la mise jour des serveurs DNS sur Internet.

94 Groupe Eyrolles, 2004


3 Lhbergement
Figure 316 Pour louer un nom de domaine, les registrars vous demanderont les noms,
adresses e-mails et coordonnes des contacts administratif, technique et facturation
(http://www.namebay.com).

Testez vos connaissances


Quelles questions doit-on se poser pour connatre ses besoins en matire
dhbergement ?
Quels sont les 10 aspects tudier pour bien choisir son hbergement ?
Quest-ce quune attaque de type dni de service ?
Que signifient les sigles GTR, QoS et SLA ?
Quels sont les diffrents types de serveurs de noms prsents sur Internet ?
Quelles sont les tapes dune rsolution de noms de domaines ?
Quelle est la diffrence entre les gTLDs et les ccTLDs ?
Quest-ce quun registrar ?
Quelles sont les tapes pour louer un nom de domaine ?

Groupe Eyrolles, 2004 95


Russir un projet de site web

Synthse : critres de choix pour choisir


son hbergement
Aspect lment prendre en compte
Type dhbergement Le choix du type dhbergement va dpendre essentiellement de votre budget :
Les hbergements gratuits imposent la plupart du temps de la publicit sans garantie de
qualit de service.
Les hbergements discount sont de prime abord peu onreux. Cependant, les perfor-
mances proposes sont gnralement assez basses.
Les hbergements professionnels apportent un niveau de service lev mais sont gnra-
lement trs onreux.
Espace disque Lespace disque devra tre suffisant pour hberger le site et ses volutions futures (ajouts
de fichiers).
Bande passante La bande passante propose devra permettre un trafic fluide. Nhsitez pas demander des
garanties en la matire.
Technologies supportes Lhbergeur doit tre susceptible de supporter les technologies que vous avez utilises pour
la ralisation de votre site.
Fonctionnalits de messagerie Les fonctionnalits de messagerie mises votre disposition pourront savrer intressantes
pour votre activit : consultation distance, espace disque consquent pour recevoir des
fichiers volumineux
Politique de scurit Connatre la politique de scurit de votre hbergeur vous vitera davoir des mauvaises
surprises au cours de lexploitation du site :
Quels sont les systmes de cloisonnement des donnes mis votre disposition ?
Quelles sont les mesures prises pour garantir : lintgrit des donnes ? la disponibilit
de votre site web ?
Systme de sauvegarde et de restauration Le systme de sauvegarde devra vous permettre de pouvoir restaurer votre site tout
moment.
Systmes de surveillance Est-ce que votre hbergeur vous propose des solutions vous permettant de surveiller la
qualit de service de votre site web ?
Support technique Le support technique devra tre la hauteur si un problme intervient. Avez-vous besoin
dune assistance en dehors des heures et jours ouvrs ? Si oui, regardez le type de service
dastreinte propos.
quipement et infrastructure Lquipement et linfrastructure devront tre la mesure du service propos : systme anti-
incendie, scurit daccs, climatisation des salles
Qualit de service Des garanties de disponibilit et de temps daccs votre site web pourront vous tre pro-
poses au travers dune qualit de service : fonctionnalits QoS, GTR, SLA.

96 Groupe Eyrolles, 2004


3 Lhbergement
En rsum
Bien plus quun prestataire, votre hbergeur sera votre partenaire de producti-
vit. Souplesse, comptences, suivi et ractivit seront ses atouts les plus pr-
cieux. Aussi est-il ncessaire de bien dfinir en amont vos besoins en la matire.
Essayez dtre le plus raliste possible : sous-estimer les besoins peut avoir des
rpercussions fcheuses sur limage ou le chiffre daffaires de lentreprise, et les
surestimer peut coter une vritable fortune !
En tudiant les diffrentes formules que proposent les hbergeurs, vous pourrez
slectionner celle qui correspond le plus vos besoins. Ensuite, vous pourrez
effectuer les dmarches ncessaires pour lenregistrement de votre nom de
domaine auprs dun registrar, intermdiaire obligatoire entre le demandeur et
lICANN.

Groupe Eyrolles, 2004 97


chapitre 4

Groupe Eyrolles, 2004


Russir le rfrencement
de son site web

SOMMAIRE
B Analyse et choix des mots-cls
Pour gnrer du trafic cibl depuis les outils de recherche, il ne B Optimiser son site et ses pages
suffit pas dtre rfrenc auprs des principaux outils, il faut web
obtenir un bon positionnement sur des mots-cls caractrisant B Soumettre son site aux outils
de recherche
le site web. Or, tout moteur ou annuaire dispose de sa propre
B Les liens sponsoriss
mthode de classement des rsultats proposs linternaute, et
si votre site napparat pas dans les catgories adquates dun B Le suivi du positionnement
annuaire ou dans les premires places dun moteur de MOTS-CLS
recherche, il risque fort de ne pas tre visible. B SEO
B SEM
B Moteur
B Annuaire
B Optimisation
B Soumission
B Robot
B Spider
B Crawler
B Robots.txt
B Hallway Page
B Spamdexing
B Trusted Feeds
B Cloaking
B Trusted Feed
B Page rank
B Lien commercial

Groupe Eyrolles, 2004


Russir un projet de site web

tape 1 : lanalyse

tre prsent sur quels outils de recherche ?


Depuis la cration du Web, limportance des outils de recherche na fait que
crotre au fil des annes. Dsormais, pour accder un site web donn, les inter-
nautes les utilisent majoritairement au point que 43 % des visites sur un site
proviennent dun outil de recherche (Source : Mdiamtrie-eStat/@position
novembre 2005).
tre prsent dans les index de ces outils devient alors une condition sine qua
Outils de recherche
none pour tre visible sur la toile. Nous pouvons les regrouper en deux catgo-
Vous trouverez en annexe des fiches descriptives ries, les moteurs et les annuaires :
des principaux outils de recherche francophones :
Un moteur de recherche est un outil automatis constitu de pages indexes
prsentation, modalits de rfrencement, critres
doptimisation pris en compte par des applications (robots) qui parcourent le Web de lien en lien. Ces
pages sont classes en fonction du texte quelles contiennent.
Un annuaire est un ensemble de fiches descriptives concernant des sites web.
Son index est ralis par des personnes qui visitent chaque site, lvaluent,
rdigent son descriptif et le classent dans une rubrique approprie.

Tableau 41 Les principaux outils de recherches francophones (moteurs et annuaires)

Nom URL
Google http://www.google.fr
Wanadoo/Voila http://www.voila.fr
Yahoo! : annuaire http://www.yahoo.fr
Yahoo! : Search http://fr.search.yahoo.com/
MSN Search http://search.msn.fr/
AltaVista http://www.altavista.fr
Excite http://www.excite.fr
HotBot http://www.hotbot.lycos.fr
Lycos http://www.lycos.fr

En tant rfrenc sur la liste des outils de recherche ci-dessus, votre site sera
automatiquement prsent dans des dizaines dautres outils, dont les portails du
type Free.fr, Club-Internet.fr

Bien choisir ses mots-cls


Le choix des mots-cls ainsi que leurs combinaisons est une tape capitale dans
le processus de rfrencement de votre site. Ces derniers devront dfinir au
mieux son contenu en tant le plus prcis possible, afin de correspondre un
public bien dtermin.

100 Groupe Eyrolles, 2004


4 Russir le rfrencement de son site web
Figure 41
Vous trouverez sur le Web des tudes qui
permettent de suivre les principales tendances
et volutions daudience et de trafic
(http://www.secrets2moteurs.com).

Plus votre cible est rduite, plus le vocabulaire utilis sera prcis. Il vous sera
donc facile de bien dlimiter une liste de mots-cls. Exemple : un internaute
recherchant des articles sur la convection en milieux poreux a de fortes chances
de taper dans un moteur convection en milieux poreux .
Inversement, si votre site sadresse un large public, le vocabulaire utilis sera
trs probablement imprcis. Nhsitez pas alors vous aider des listes publiant
sur Internet les mots que les internautes utilisent intuitivement sur les outils de
recherche.

Tableau 42 Liste et outils pour dfinir vos mots-cls

Nom URL
Lycos http://www.recherche.lycos.fr/lycos100/
MetaSpy, lespion de Metacrawler http://www.metaspy.com/
Yahoo! http://buzz.yahoo.com/
SearchWords http://www.searchwords.com/
Google http://www.google.com/press/zeitgeist.html
Overture / Yahoo! SM http://inventory.overture.com/d/searchinventory/suggestion/?mkt=fr
Keyword Map http://www.kwmap.com/
SEOBook http://tools.seobook.com/general/keyword/
Keyword Search Engine http://www.keyword-search-engine.com/
Google https://adwords.google.fr/select/KeywordToolExternal

Groupe Eyrolles, 2004 101


Russir un projet de site web

Chaque combinaison ou mot aura une incidence sur loptimisation et donc sur
le placement de votre site et de vos pages web dans les outils de recherche.

Auditer le site
Les moteurs de recherche utilisent des programmes appels robots qui analysent
T Robot, spider (araigne),
le code source des pages dun site web. partir de cette analyse et selon des cri-
crawler (chenille)
tres qui leurs sont propres, un classement des sites sera effectu par ordre de
Il sagit dun programme qui effectue des recher- pertinence.
ches automatises sur Internet. Il parcourt
lensemble des fichiers constituant un site, emma- Lobjectif de cette tape est donc de vrifier que le site et ses pages web soient
gasine les informations dans lindex et classe les bien pris en compte par les moteurs de recherche. Laudit du site doit rpondre
mots-cls et le texte de chaque page quil trouve. aux questions suivantes :
Les pages du site sont-elles optimises ?
Sont-elles adaptes aux critres des outils de recherche ?
Quelles sont leurs positions sur les moteurs majeurs ?
Sur quels mots-cls ? Comment les optimiser au mieux ?
Une analyse pousse devra alors tre ralise sur les lments suivants :
le titre des pages (nombre de caractres, nombre de mots) ;
les balises Meta (nombre de caractres, nombre de mots) ;
lURL (structure, utilisation des mots-cls, niveaux darborescence) ;
le texte visible (nombre de caractres total sur la page, densit des mots-
cls) ;

Figure 42
Plusieurs outils peuvent vous aider
effectuer laudit dune page en vue de
son optimisation pour le rfrencement
(Source : http://www.outiref.com).

102 Groupe Eyrolles, 2004


4 Russir le rfrencement de son site web
le contenu (utilisation de frames, de Flash, de commentaires, dattributs
ALT, nombre dimages et de liens) ;
la popularit du site (le nombre de pages, sur le Web, qui ont mis en place un
lien vers lui).

tape 2 : optimiser son site pour le


rfrencement (SEO)
Ds la phase danalyse termine, il vous faut commencer loptimisation du site.
T Search Engine Optimization (SEO)
Quand on sait que prs de 80 % des internautes abandonnent leur recherche
aprs les trente premiers rsultats, cette tape devient indispensable pour quun Le SEO regroupe lensemble des techniques visant
site apparaisse dans les premires rponses des moteurs. optimiser un site web donn pour une meilleure
indexation par les moteurs de recherche.

Optimiser ses pages web

Le contenu visible
Lun des lments les plus importants de loptimisation dune page web est le
contenu de la balise titre <TITLE> qui renseigne le navigateur et saffiche dans sa
barre de titre. En principe, ce dernier doit contenir au maximum cent caractres,
tre descriptif, et comporter entre quatre et six mots-cls lis au contenu de la
page et/ou du site. Le titre des pages web est systmatiquement index par tous
les outils de recherche, vous avez ainsi la garantie que son contenu (et donc les
mots-cls qui y figurent) sera pris en compte.

Figure 43
Le titre de votre page doit tre clair et sous
une forme rdige tout en contenant des
mots-cls lis au contenu de la page.

Au-del du titre, les moteurs prennent en compte le texte visible des pages pour
calculer lindice de densit des mots-cls. Plus le texte visible comporte de

Groupe Eyrolles, 2004 103


Russir un projet de site web

mots-cls, plus cet indice est lev et plus vous avez de chances que votre site
soit bien class. Par exemple, si le texte visible est compos de 120 mots (texte,
titre, etc.) et que les mots-cls caractrisant la page sont au nombre de trois,
chacun dentre eux se trouvant quatre fois dans la page, nous avons un indice de
densit gale 100 (4 3) / 120 = 10 %.

Figure 44
Vous trouverez sur le Web de nombreux outils
pour vrifier la densit des mots-cls dans vos
pages (http://www.keywordcount.com).

Certains moteurs accordent aussi une plus grande importance aux mots ayant
une mise en forme qui les distingue du reste de la page : texte en gras (<B></B>),
soulign (<U></U>), italique (<I></I>), titres (<H1>, <H2>)
Enfin, il faut savoir que le texte situ en haut de votre page ( peu prs les 200
premiers caractres) obtient une pondration plus importante dans les algo-
rithmes de classement des moteurs de recherche que le reste du document. Il est
donc impratif que ce texte existe (vitez les pages uniquement graphiques) et
quil dcrive au mieux le contenu de la page.

La partie invisible
Lattribut ALT de la balise IMG prsente un certain intrt pour le rfrencement.
OUTIL Aperu de votre page
En effet, les spiders des moteurs fonctionnent exactement comme les premires
Le site Spider Simulator vous permet de consulter gnrations de navigateurs : uniquement en mode texte, ils ninterprtent pas les
une page de votre site telle quelle sera interprte lments images dune page web. Cet attribut permet alors de prsenter, la
par un robot.
place des images, une description textuelle qui sera prise en compte par les
B http://www.spider-simulator.com
robots.

104 Groupe Eyrolles, 2004


4 Russir le rfrencement de son site web
Figure 45
La Home Page de Netalya.com telle que la
voit un robot.

Exemple :
<IMG SRC="IMG/Toto.jpg" ALT="La Photo de Toto Robinson">

Pensez aussi aux balises meta. Ces dernires permettent dinclure des lments
dinformation sur une page web donne tout en contrlant les moteurs de
recherche. Bien que leur impact soit aujourdhui trs limit (nombreux sont les
moteurs qui leur accordent une importance minime, voire aucune, pour
lindexation des pages web), leur utilisation ne peut tre que positive.
Attention, sous prtexte que les metas sont invisibles lil nu, ne pensez pas
T Les balises meta description
quelles chappent la loi. Utilisez-les bon escient et pensez aux consquences
et meta keywords
juridiques potentielles : aucun nom de marque dpose ne doit tre utilis, sauf
si vous en tes le propritaire. Il en va de mme pour tout nom protg par la La balise meta description doit contenir un
descriptif denviron 200 caractres. La prsence de
lgislation.
mots-cls dans le contenu de cette balise nest pas
Exemple de code source dun en-tte <HEAD> avec utilisation de balises <META> : indispensable. En effet, il vaut mieux privilgier ici
laspect rdactionnel.
<HEAD> La balise meta keywords doit contenir au
<TITLE>Le portail des Nouvelles Technologies</TITLE> maximum 25 mots (ou 1 000 caractres), spars
<META NAME="Description" CONTENT="Portail dinformations sur les ou non par une virgule, et de prfrence en minus-
Nouvelles Technologies et Internet : Dossiers Thematiques, supports de cules.
formations, ressources gratuites, offres demploi, annuaire de sites
web">
<META NAME="Keywords" CONTENT="internet, web, site, specialiste,
nouvelles, expert, experts, technologies, emploi, html, javascript,
java, xml, design, web, projets, projet, cours, formation, tutorial,
tutorials, webmarketing, webdesign, veille">
<META NAME="Author" CONTENT="Netalya">
<META NAME="Language" CONTENT="Fr"
<META HTTP-EQUIV="Content-Type" CONTENT=" text/html; charset=iso-
8859-1 ">
</HEAD>

Groupe Eyrolles, 2004 105


Russir un projet de site web

OUTIL Le gnrateur de meta de Netalya


Vous trouverez, sur le site Netalya, un gnrateur de balises meta :
B http://www.netalya.com/fr/ToolBoxMeta.asp
Par exemple, pour se positionner sur les mots-cls inscriptions, formations, HTML sur le
site dun diplme universitaire, lURL de la page inscription pourra tre : http://www.nomdu-
diplome.com/inscriptions/formations-HTML.html.

Les caractristiques importantes


Lors de lindexation dun document par un robot, ce dernier prend en compte le
contenu de son URL complte. Nous devrons alors retrouver les principaux
mots-cls :
soit dans le nom de domaine (http://www.motcle.com) ;
soit dans le nom du rpertoire (http://www.exemplesite.com/motcle1/motcle2/
motcle3) ;
soit dans le nom du fichier (http://www.exemplesite.com/motcle.html).
Vous pouvez trs bien sparer vos mots-cls par des tirets ou des underscores.
En revanche, sont bannir absolument les caractres suivants : ? , ~ , # ,
& , $ ou % .
Lemplacement de la page dans larborescence dun site a galement un effet sur
son rfrencement : une page situe dans un sous-rpertoire de sixime niveau
sera plus difficilement accessible par un robot quune page situe la racine dun
site. En rgle gnrale, ne dpassez jamais plus de trois niveaux darborescence :
http://www.votresite.com/niveau1/niveau2/niveau3.
Troisime caractristique prendre en compte : le poids des pages. vitez que
ces dernires ne soient trop lourdes (poids suprieur 100 Ko, texte), car vos
chances dindexation par un moteur risquent alors dtre rduites. En effet, le
robot dispose dun temps limit pour parcourir la page. Si cette dernire met
trop de temps safficher, il passe automatiquement un autre site.
Enfin, sachez que les robots parcourent rgulirement les sites indexs afin de
maintenir leurs bases de donnes jour. Ainsi, entre deux pages identiques, la
dernire mise jour, sera toujours mieux positionne que lautre.

La popularit dun site

Mon site est-il populaire ?


Certains moteurs (Google, HotBot, AltaVista, Lycos) prennent en compte le
nombre et le type de pages qui ont mis un lien vers votre site. On parle alors de
popularit dun site web. Attention, nessayez pas de crer une popularit artifi-
cielle pour votre site en multipliant les pages bidons qui pointeraient vers lui.

106 Groupe Eyrolles, 2004


4 Russir le rfrencement de son site web
Depuis plusieurs annes, les outils de recherche ne calculent plus lindice de
popularit dune page uniquement sur un mode quantitatif, cest--dire quil ne
suffit plus davoir un grand nombre de liens qui pointent vers un site, il faut ga-
lement que ces derniers soient pertinents.
Par exemple, les cas suivants seront mieux pris en considration par les outils de
recherche pour le calcul de la popularit dune page :
un lien avec une bonne description contenant des mots-cls spcifiques ;
un lien provenant dun site ayant un fort trafic ;
un lien provenant dun autre outil de recherche ;
un lien mis en valeur sur la page rfrente (en haut de page, par exemple).
Si vous avez votre disposition plusieurs sites web, un bon moyen pour am-
liorer leur popularit respective est de raliser des liens entre eux.

Figure 46
Euromaster a plac sur tous ses sites euro-
pens une barre de liens en bas de page avec
sur chaque lien un mot-cl dans la langue
correspondante : Pneu (Source : http://
www.euromaster.fr).

Groupe Eyrolles, 2004 107


Russir un projet de site web

Le PageRank
Le PageRank (PR) est lquivalent de lindice de popularit pour le moteur
Google. Plus ce dernier est lev, plus votre site sera considr comme perti-
POUR ALLER PLUS LOIN Le PR expliqu
nent par lalgorithme du moteur et plus son spider passera souvent pour mettre
par les fondateurs de Google
jour son indexation.
Pour en savoir plus sur le PR, il est recommand de
consulter un article rdig par les deux fondateurs Cet indice permet de mesurer objectivement limportance des pages web. Ce
de Google, Sergey Brin et Lawrence Page, classement est effectu grce la rsolution dune quation de plus de 500 mil-
ladresse : lions de variables et de plus de 2 milliards de termes.
B http://www-db.stanford.edu/~backrub/
Le PR dune page A dpend de 3 facteurs :
google.html
le nombre de pages B faisant un lien vers cette page A ;
le PR de chaque page B ;
le nombre de liens sortants de chaque page B .
Pour connatre le PR dune page donne, on peut utiliser la barre doutils
Google (tlchargeable ladresse : http://toolbar.google.com/intl/fr/) qui schmatise
ce dernier par une barre verte horizontale.
En pointant la souris sur la barre, on obtient un nombre compris entre 0 et 10,
qui reprsente une approximation de la valeur relle du PR. Ce moyen vous
permet de connatre le PR de votre page mais galement celui des pages dven-
tuels sites partenaires, ou concurrents.

Figure 47 Le PageRank du site Netalya indiqu par la barre Google est de 5/10.

Attention toutefois, avoir un bon PageRank ne vous assure nullement lune des
premires positions parmi les rsultats de recherche. Par exemple, une page dis-
posant dun PR de 6 ou 7 peut tout fait tre distance, dans les rsultats de
Google, par une page affichant un PR de 2 ou 3, si le mot-cl demand se
retrouve dans le titre ou dans le texte de la page.

La gestion des frames


La balise <NOFRAMES>
Les frames posent une difficult du point de vue du rfrencement : de nom-
Cette dernire permet de dfinir un contenu pour breux moteurs ne reconnaissent pas la balise <FRAMESET> et sont donc dans
les navigateurs incapables de lire les cadres. Le lincapacit de retrouver les pages filles et de les indexer. Ce problme peut tre
<BODY> doit tre plac dans cette section.
rsolu par lutilisation de la balise <NOFRAMES>.

108 Groupe Eyrolles, 2004


4 Russir le rfrencement de son site web
Vous pouvez ainsi fournir aux robots les informations suivantes :
une description du site ;
une description de la page ;
des liens vers les pages filles...
<HTML>
<HEAD>
<TITLE>Exemple</TITLE>
</HEAD>
<FRAMESET COLS="20%,*" FRAMEBORDER="No">
<FRAME NAME="Menu" SRC="menu.html">
<FRAMESET ROWS="20%,*">
<FRAME NAME="Top" SRC="haut.html">
<FRAME NAME="Bas" SRC="bas.html">
</FRAMESET>
<NOFRAMES>
<BODY>
Les formations en lignes propos&eacute;es par le dipl&ocirc;me
Conduite de projet web :<BR>
<a href="Cours1.html">Cours 1</a><BR>
<a href="Cours2.html">Cours 2</a><BR>
<a href="Cours3.html">Cours 3</a><BR>
<a href="Cours4.html">Cours 4</a><BR>
</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>

Utilisation de Flash et du JavaScript


Lemploi de ces formats dans un site peut nuire lindexation. En effet, le texte
POUR ALLER PLUS LOIN
prsent dans une animation Flash nest pas toujours pris en compte et les liens
en Javascript (pop-up, rollover) ne sont pas toujours suivis par les robots et les B http://www.flash-moteurs.com
empchent ainsi de parcourir larborescence de votre site.
Il faut donc limiter leur utilisation et respecter les consignes suivantes :
Ralisez une version non Flash de votre site avec un contenu textuel
dtaill.
Utilisez les balises <NOEMBED> et <NOSCRIPT> (voir exemple cidessous).
Doublez les rollovers par des liens textuels.
Ralisez des pages Hallway qui pointeront directement vers les pages cibles
(voir plus loin).
Recourir des formules payantes pour le rfrencement de ces pages (voir
plus loin).

Groupe Eyrolles, 2004 109


Russir un projet de site web

<HTML>
<HEAD><TITLE>Exemple</TITLE></HEAD>
<BODY>
<!Exemple <SCRIPT> <NOSCRIPT> -->
<SCRIPT>
<!--
/*Code du Javascript*/
//-->
< NOSCRIPT>
Placer ici lquivalent du Script
</NOSCRIPT>
</SCRIPT>
<!Exemple <EMBED> <NOEMBED> -->
<EMBED SRC="animation.swf" WIDTH="400" HEIGHT="100"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?
X P1_Prod_Version=ShockwaveFlash4" PLAY="TRUE" LOOP="TRUE"
QUALITY="AUTOHIGH" BGCOLOR="#FFFFFF" SCALE="SHOWALL" SALIGN="TL"
BASE="." MENU="TRUE">
<NOEMBED>
Placez ici une version non Flash (statique) de votre site
</NOEMBED>
</EMBED>

</BODY>
</HTML>

Les pages Hallway ou Annuaires


Une page Hallway est une page web disposant dune liste de liens pointant vers
Les pages Hallway
un ensemble de pages que vous souhaiteriez voir indexer. La soumission de cette
De nombreux articles sur le Web traitent des pages page spcifique aux moteurs de recherche permettra de contourner deux types
Hallway. En voici quelques-uns (en anglais) : de contraintes :
B http://www.stepbystepwebmarketing.com/
celles lies lusage de certaines techniques de dveloppement (Flash, fra-
hallwaypages.php
mes, pages uniquement graphiques, rollover...) qui empche lindexation
B http://www.affiliatefirst.com/news/Articles/
41.htm dun site par les robots (ces derniers nutilisant que les liens textuels simples
pour parcourir larborescence dun site) ;
celles lies au fait que certains moteurs nacceptent quun nombre rduit de
soumissions pour un mme site.
Cette mthode indirecte de soumission peut apporter vos pages un avantage
en termes de classement sur certains moteurs tel que Google. Ces derniers
accordent en effet une importance plus grande aux pages trouves par leurs
robots qu celles soumises par leur formulaire dinscription.
Une page Hallway idale prsente une liste de liens vers les pages principales du
Attention : ne pas dpasser 100 liens sur sa page.
site avec leur titre, une brve description pour chacune ainsi que leur URL com-
plte.

110 Groupe Eyrolles, 2004


4 Russir le rfrencement de son site web
Figure 48
Une page Hallway possible pour la rubrique
Cours de Netalya.

Le rfrencement des pages dynamiques


Deux facteurs empchent gnralement le rfrencement auprs des moteurs
des pages dynamiques (cest--dire des pages dont le contenu est gnr dyna-
miquement) :
Laffichage de la page ncessite lenvoi dinformation par le biais dun for-
mulaire en mthode POST. En effet, un spider ne peut simuler les infor-
mations saisies par un internaute.
POUR ALLER PLUS LOIN
LURL de ces pages comporte des caractres particuliers tel le ? . Bien que
certains moteurs (Google et Fast) indexent ce type de page, la majorit des Vous trouverez sur le site du journal du Net
deux mthodes de rcriture dURL :
spiders rejette les URL dites exotiques . Ceci afin de lutter contre des ten-
B http://developpeur.journaldunet.com/
tatives de spamdexing ou dviter les doublons dentres dans leurs bases de tutoriel/php/020407php_urlrewriting.shtml
donnes. B http://developpeur.journaldunet.com/
Il existe plusieurs mthodes pour contourner ce type de difficults. Pour le pre- tutoriel/php/020413php_urlrewriting2.shtml
mier cas, nous utiliserons des pages Hallway disposant dune liste de liens avec Le site SPIP-Contrib explique galement com-
des paramtres prdfinis. Cela permettra, par exemple, de faire rfrencer des ment utiliser SPIP pour prsenter des URL
lapparence statique :
pages de rsultats dun moteur de recherche. Pour le second cas, nous utiliserons
B http://www.spip-contrib.net/
des techniques de rcriture dURL (URL rewriting). Ces dernires permettent article.php3?id_article=106
de retranscrire les URL de pages dynamiques en URL apparemment statiques
de faon faciliter leur indexation par les moteurs.
Ces procds ncessitent cependant, pour bien fonctionner, un paramtrage
spcifique de votre serveur web.
1 Vrifier que votre hbergeur permet lutilisation de la rcriture dURL
(gnralement, ce nest pas le cas des hbergements gratuits).

Groupe Eyrolles, 2004 111


Russir un projet de site web

2 Identifier les pages dynamiques dont lURL comporte des paramtres, et


choisir un nouveau schma dURL propre qui limine les caractres ?
et & . Par exemple, les URL du type http://www.netalya.com/fr/
Article2.asp?CLE=158 deviendraient aprs modification http://www.netalya.com/fr/
Article2_CLE=158/
3 crire les rgles de rcriture dans le fichier .htaccess.
4 Mettre jour toutes les pages en changeant les liens vers chaque fichier dont
lURL a chang et effectuer les tests ncessaires.

Spamdexing et techniques viter


On appelle spamdexing toutes les tentatives destines tromper illgalement les
algorithmes des robots pour faire apparatre un site web en bonne position dans
un moteur de recherche, par exemple :
la rptition abusive des mmes mots-cls dans une mme page sans aucun
autre contenu ;
la cration de texte invisible (Font & Background Spoofs) comme par exemple,
en blanc sur fond blanc, ou en noir sur fond noir ;
lusurpation dun nom ou dune marque connue pour lenregistrement dun
nom de domaine ou comme mot-cl ;
POUR ALLER PLUS LOIN Les conseils de la mise en place de faux liens (Fake links) vers un site pour en augmenter la
Google popularit de faon artificielle ;
Le moteur de recherche indique sur son site un lutilisation du cloaking (ou bait-and-switch) qui permet de personnaliser les
ensemble de pratiques viter au risque de se voir pages web dun site donn selon que le visiteur soit un internaute ou un
considr comme faisant du spamdexing. robot afin de dlivrer ces derniers un contenu optimis pour eux.
B http://www.google.fr/webmasters/
De plus en plus de moteurs dtectent les techniques de spamdexing et placent
guidelines.html
automatiquement le site sur liste noire. Ds lors, ce dernier ne pourra plus tre
B http://www.google.fr/webmasters/seo.html
rfrenc par le moteur en question.

Le cas des pages satellites et des pages alias


Chaque moteur de recherche dispose de sa propre mthode de calcul de perti-
RETOUR DEXPRIENCE Le site BMW.de
nence, base sur des critres parfois compltement diffrents. Pendant long-
En fvrier 2006, le site allemand de BMW sest vu temps, les techniques des pages satellites (ou Doorway pages) et pages alias ont
mettre sur la liste noire de Google pendant quel- t une alternative cette contrainte du rfrencement.
ques jours pour cause de fraude aux moteurs de
recherche portant sur des pages satellites trop Dans le premier cas, il sagissait de pages web spcifiques dont la structure tait
optimises . Il sagit l dun vritable coup de optimise pour correspondre aux critres de classement dun moteur de
semonce mdiatique, qui prsage dun mauvais recherche donn avec un module de redirection automatique vers les pages cor-
il lavenir des pages satellites.
Voir ce sujet le blog du porte parole technique de
respondantes du vritable site.
Google, Matt Cutts : Dans le second, il sagissait de copies conformes dune page dun site (le plus
B http://www.mattcutts.com/blog/ souvent de la page daccueil), dont le code source tait optimis pour un mot-cl
ramping-up-on-international-webspam/ ou une expression donne. Ces pages clones se distinguaient de loriginal uni-

112 Groupe Eyrolles, 2004


4 Russir le rfrencement de son site web
quement par le contenu de lURL, le contenu du titre, le contenu des balises
meta et celui des attributs ALT des images.

Considres comme des standards du rfrencement il y a quelques annes, ces


techniques sont maintenant en fin de vie. Pire, certains moteurs reconnaissent
ces pages comme un manque de contenu, tel Google qui, filtrant les pages dis-
posant dun contenu cach et dune redirection, les fait disparatre de sa base de
donnes.

tape 3 : soumission du site auprs des


outils de recherche

La soumission auprs des annuaires

Dfinir les catgories


Avant de proposer un site un annuaire, il est ncessaire de trouver la catgorie Prenons lexemple du rfrencement du site web
qui sera la plus approprie pour ce dernier, dmarche dautant plus importante dune Licence en informatique spcialise dans les
que la plupart des annuaires limitent linscription dun mme site deux catgo- nouvelles technologies. Sous Yahoo! France, la
ries seulement. En outre, des documentalistes explorent chaque site qui leur est catgorie Accueil/Informatique et Internet/Inter-
net/Enseignement et formation sera prfrable
suggr, et un bon classement les aidera traiter votre demande plus rapide-
la catgorie Accueil/Sciences et technologies/
ment. Informatique/Enseignement et Formation/Ensei-
Voici quelques indications pour faciliter votre choix : gnement suprieur/Universits et facults .
1 Le nombre de niveaux darborescence dtermine si la catgorie (et donc
votre site) est facilement accessible par linternaute. pertinence gale, une
catgorie de niveau quatre sera prfrable une catgorie de niveau six.
Aidez-vous de vos concurrents !
2 La visibilit du site au sein de la catgorie : plus le nombre de sites prsents
Un regard sur les sites concurrents prsents dans
sous une catgorie sera important, moins votre site sera visible. pertinence
un annuaire vous aidera trouver les catgories les
gale, prfrez alors des rubriques avec peu de sites rfrencs. plus appropries pour le classement de votre site.
3 Ladquation du thme de votre site avec la catgorie est primordiale : si les
internautes sont obligs de sinterroger sur le rapport entre votre site et la
catgorie dans laquelle il se trouve, il sera certainement moins visit que les
autres.

Renseigner lannuaire
Une fois que vous lavez choisie, placez-vous dans la catgorie o vous souhaitez
ajouter votre site puis cliquez sur un lien (souvent intitul Proposez votre
site , Ajoutez votre site ou bien Soumission , voir figure 4-9).

Groupe Eyrolles, 2004 113


Russir un projet de site web

Figure 49
Une fois votre catgorie choisie,
cliquez sur les liens Proposez votre site ,
Ajoutez votre site ou bien Soumission
(sources http://www.voila.fr,
http://www.yahoo.fr).

Lannuaire vous demandera alors de remplir une fiche dinformation, compose


de deux parties :
VITER
La premire traite du site en lui-mme : titre, URL, description, situation
Proposer la mme URL sous deux formes : gographique
http://www.netalya.com/ et
http://www.netalya.com/index.html. La seconde traite du contact : la personne contacter, son e-mail...
Superlatifs et slogans publicitaires le cette tape, il est trs important de respecter certains critres de rdaction :
meilleur site de commerce lectronique ou
Ne proposez pas un site dont ladresse redirige vers une autre.
lentreprise numro un... ).
numration de mots-cls (ex : commerce, Ne proposez pas un site en construction . Attendez que ce dernier soit
e-commerce, vente en ligne, numro termin !
un ) Ne faites pas de propositions dguises pour proposer la mme URL plus
dune fois.
vitez de rpter le titre du site ou celui de la catgorie.
Rdigez toujours la troisime personne.
Limitez lutilisation des majuscules.
vitez les superlatifs et les slogans publicitaires ou les numrations de
mots-cls.
Faites des phrases brves et objectives (25 mots, 200 caractres maximum).

114 Groupe Eyrolles, 2004


4 Russir le rfrencement de son site web
Figure 410
Exemple : les informations demandes par
lannuaire Yahoo!(http://www.yahoo.fr)

Une fois la soumission effectue auprs de lannuaire, sa prise en compte par


lquipe ditoriale peut parfois tre trs longue (un deux mois). Au cours de
cette priode, il est possible que votre site ne figure pas dans lannuaire con-
cern. En revanche, pass ce dlai, si votre site nest toujours pas prsent,
nhsitez pas le soumettre de nouveau.

Groupe Eyrolles, 2004 115


Russir un projet de site web

Lannuaire DMOZ
LOpen Directory Project (DMOZ) est un rpertoire web de ressources Internet utilis par de
nombreux annuaires ou moteurs de recherche, parmi lesquels nous retrouvons : AltaVista,
HotBot, Google, AOL Search, Lycos.
Lune de ses particularits est quil est mis jour par plusieurs diteurs travers le monde
qui valuent des sites en vue de les inclure dans le rpertoire. Ceux-ci sont soit des particu-
liers, soit des professionnels de lInternet.
Pour soumettre votre site DMOZ, allez ladresse : http://www.dmoz.fr/
ASTUCE Comment connatre
la visibilit de son site web ?
La socit VUmetrix propose un indice indpen- La soumission auprs des moteurs
dant permettant un site de connatre son posi-
tionnement global sur les moteurs de recherche : La dmarche est encore plus simple que pour les annuaires. En effet, la soumis-
le VU . Ce dernier est calcul partir des princi- sion se rsume juste spcifier lURL de votre site et parfois une adresse e-mail
pales recherches relles des internautes sur les associe (voir figure 4-11).
moteurs de recherche, de la popularit des
moteurs et de lemplacement des rsultats dans
les pages pour ces recherches.
Pour connatre la visibilit de votre site web :
B http://www.vumetrix.com

Figure 411
Pour soumettre votre site auprs des moteurs
cliquez sur les liens Ajouter une URL ou
Enregistrer un site (http://fr.altavista.com
et http://www.google.fr).

Les URL sont gnralement values entre quatre et six semaines aprs le rf-
rencement. Comme dans le cas des annuaires, si pass ce dlai votre site nest
toujours pas prsent, nhsitez pas soumettre de nouveau votre site.

116 Groupe Eyrolles, 2004


4 Russir le rfrencement de son site web
Le fichier Robots.txt
Il sagit dun fichier texte utilis par la plupart des moteurs de recherche. Ce
dernier vous permet de spcifier comment vous autorisez lindexation de votre
page. Ce fichier peut donc savrer utile :
pour restreindre les points dentre vers votre site ;
pour empcher lindexation de certaines pages.
Le fichier Robots.txt est toujours plac la racine du site, par exemple,
www.netalya.com.com/robots.txt, et il est constitu dune liste dinstructions
destines
aux spiders. Il nexiste que deux commandes qui soient reconnues par tous les
moteurs :
La commande User-agent permet de sadresser un ou plusieurs spiders.
Chaque robot sera dsign par son nom (User-agent) : Slurp pour Inktomi,
Architextspider pour Excite et Webcrawler, Scooter pour AltaVista, Goo-
glebot pour Google Pour sadresser en mme temps tous les moteurs de
recherche, il suffira dutiliser un * .
La commande Disallow permet dinterdire un ou plusieurs moteurs un
fichier ou un rpertoire dsign par son URL.
Voici des exemples dutilisation :
User-agent: * 3 Interdit tous les moteurs la page fichier.html,
Disallow: /fichier.html situe la racine.
User-agent: Scooter 3 Interdit Altavista le rpertoire Toto .
Disallow: /Toto/
User-agent: * 3 Interdit tout le site tous les moteurs.
Disallow: /

Figure 412
Vous trouverez ladresse
http://www.robotstxt.org une liste
des User-Agents des robots.

Groupe Eyrolles, 2004 117


Russir un projet de site web

Les SiteMaps
Si votre site comporte des pages ou un contenu dynamiques auxquels il est diffi-
cile daccder en suivant simplement les liens, vous pouvez utiliser un fichier
Sitemap pour fournir les informations relatives ces pages. Cela permet aux
robots dexploration de connatre les URL disponibles sur votre site et la fr-
quence laquelle celles-ci sont modifies. Actuellement, Yahoo! Search et
Google acceptent lutilisation de ce type de fichiers pour informer et piloter
leurs robots dexploration.
Dans un premier temps, il vous faut crer un plan Sitemap dans lun des formats
suivants :
protocole Sitemap (XML) ;
OAI-PMH (Open Archives Initiative Protocol for Metadata Harvesting) ;
flux de syndication ;
fichier texte.
Le format le plus complet est le XML, mme si Yahoo! ne le lit pas encore. Il
OUTILS
permet de spcifier pour chaque URL dun site donn des informations comme
Vous trouverez sur Internet plusieurs
gnrateurs de fichiers Sitemaps la date de dernire modification, la priorit dindexation ou la frquence de mise
jour.
B http://www.xml-sitemaps.com/
B http://www.sitemapspal.com/
Une fois le fichier Sitemap dit et ajout la racine du site (exemple http://
www.netalya.com/map.txt),
il suffit davertir le moteur en entrant ladresse du fichier
B http://www.resourceseo.com/sitemaps.php
partir dun compte.
Les avantages dutiliser ce type de fichier sont multiples :
meilleure prise en compte des pages juges importantes ;
simplification de rindexation des modifications dun site.
noter cependant que cet outil ne remplace pas les mthodes classiques
dindexation des spiders. Son objectif est simplement de communiquer aux
moteurs des informations complmentaires.

Le rfrencement payant (Trusted Feed ou Paid


Inclusion)
Depuis 2001, les formules payantes de rfrencement se sont gnralises parmi
NOTER les moteurs de recherche et les annuaires. lheure actuelle, ce type de formules
nest pas encore une obligation. En effet, les outils de recherche continuent
Les offres de rfrencement payant garantissent
lindexation des pages mais pas leur positionne-
proposer des formules de soumission dites basiques , cest--dire gratuites.
ment. Les offres payantes proposent de rfrencer le site dans un dlai garanti
(moins dune semaine). Ce type de solution inclut galement la possibilit de
ractualiser frquemment les informations relatives au site soit par une rin-
dexation rgulire des pages (moteur) soit par une possibilit de renouveler la
soumission (annuaire).

118 Groupe Eyrolles, 2004


4 Russir le rfrencement de son site web
Outre une garantie dindexation rapide, le rfrencement payant est galement
utilis pour faire prendre en compte, par loutil de recherche, du contenu diffi-
cile indexer de manire naturelle, tel le contenu des bases de donnes, les pages
conues en Flash.

Les liens promotionnels (SEM)


Apparus en 2001 avec le programme AdWords de Google et gnraliss depuis
T Le Search Engine Marketing (SEM)
par les autres outils de recherche, les liens promotionnels reprsentent de nos
jours prs dun tiers des visites issues dun moteur (source : Xitimonitor, la diffrence du SEO qui dsigne les pratiques
novembre 2005. http://www.xitimonitor.com/etudes/interet4.asp) et ont fait natre une doptimisation dun site en vue damliorer son
rfrencement naturel, le SEM dsigne la gestion
spcialit, le SEM (Search Engine Marketing).
des liens sponsoriss, achets auprs des rseaux
Les outils de recherche permettent donc un diteur de site donn de faire comme ceux de Google, Yahoo! search ou MSN.
apparatre son site sous forme de liens sponsoriss sur une page de rsultats
pour des mots-cls spcifiques. Les montants de telles prestations se basent sur
deux modes de facturation diffrents : le cot pour mille affichages (CPM) ou le
cot par clic (CPC). Ainsi, par exemple, si on effectue une recherche sur le mot
voyages , on verra apparatre, sur un fond bleu, en haut de la liste de rsultats
fournie par Google trois liens commerciaux de sites de voyages en ligne ainsi
que toute une liste sur la colonne de droite. Ces annonceurs ont tout simple-
ment achet, sur un principe denchres, le mot voyages pour que leur
marque soit visible aux internautes ayant effectu une recherche avec ce mot-cl.

Figure 413
Les liens sponsoriss, la principale source de
revenus du moteur Google.

Groupe Eyrolles, 2004 119


Russir un projet de site web

Attention, ce principe de liens sponsoriss achets aux enchres nassure pas les
premires places pour autant. En effet, au lieu de simplement afficher une
publicit manant dun annonceur qui est prt payer le prix le plus lev, le
moteur tablit un classement de ses publicits en se basant sur une formule qui
prend en compte galement le nombre de clics sur la publicit (voir ce sujet la
parole dexpert de Marc Pfohl).

Tableau 43 Les principaux rseaux franais de liens sponsoriss

Rseau Description URL

Google Adwords Le rseau de recherche Adwords propose non https://adwords.google.com


seulement de faire apparatre vos liens promo-
tionnels sur le moteur de recherche mais gale-
ment sur le service groupe de Google, le moteur
de club-internet.fr ainsi que celui de cegetel.net.

MSN AdCenter & MSN Keywords Reprsente respectivement la nouvelle plate- http://adcenter.msn.fr/
forme publicitaire et loffre de liens sponsoriss
pour le moteur de recherche MSN Search.

Yahoo! Search Marketing Anciennement nomm Overture, le rseau de http://searchmarketing.yahoo.fr/fr_FR/


liens sponsoriss de Yahoo! propose dintgrer
ladresse de votre site dans les rsultats de
recherche de plusieurs moteurs (Yahoo!, Wana-
doo, Voila, Lycos, Altavista)

MIVA Miva (socit issue de la fusion entre langlais http://www.miva.com/fr/


Espotting et lamricain Findwhat) propose de
diffuser des liens sponsoriss vers votre site sur la
liste de rsultats de moteurs de recherche pr-
sents sur plusieurs sites tels que lemonde.fr,
e-sante.fr, weborama.fr

CONSEIL La rdaction de votre annonce


Partant de votre slection de mots-cls, vous allez devoir rdiger votre
annonce qui saffichera en tant que lien sponsoris. Cette dernire sera consti-
tue dun titre et de deux lignes de texte, comportant une centaine de carac-
tres au total. Les rseaux mettent gnralement votre disposition des com-
mandes vous permettant dinsrer dynamiquement les mots-cls recherchs
soit dans le titre, soit dans la description de lannonce : {mot-cl} pour MSN
Search et {KeyWord:mot par dfaut} pour Google.
Par exemple, si vous mettez {KeyWord:en chocolat} dans le titre de votre
annonce et que vous achetez des affichages pour le mot-cl Confiserie .
chaque recherche employant ce terme, le titre de votre annonce sponsorise
sera Confiserie en chocolat .

120 Groupe Eyrolles, 2004


4 Russir le rfrencement de son site web
Parole dexpert : comment grer sa campagne de liens ?
Par Marc Pfohl

Dfinir sa campagne Il est tout dabord ncessaire danalyser le contenu de


Les liens sponsoriss sont un moyen de communication votre site afin de dterminer les principales catgories de
qui se doit de respecter les rgles de communication votre activit. Ensuite, il faut dvelopper tous les mots qui
comme tous les autres mdias. Il faut donc commencer tournent autour de ce que les internautes pourraient
par bien identifier la cible de ce que vous offrez. On ne rechercher sans oublier :
sadresse pas des 15-25 ans comme des catgories les pluriels ;
socio-professionnelles leves. Il faut aussi dterminer les synonymes ;
quel est le plus produit ou lavantage de votre offre les mots avec les fautes dorthographe.
qui va vous permettre de vous diffrencier de vos concur-
rents. Ainsi avant mme de commencer communiquer
Les majuscules et les minuscules ne sont pas lues, ne perdez pas de
sur un rseau, posez-vous les questions suivantes :
temps faire des combinaisons qui prennent en compte les deux.
Qui sont mes clients et mes prospects ?
Qui sont mes concurrents (leurs offres, leurs grilles
Prenons un exemple : pour Expedia, nous annonons sur
tarifaires) ?
les mots de la catgorie voyage . Si on prend une sous-
Comment mes concurrents annoncent-ils sur les catgorie les billets davion , nous obtenons les combi-
rseaux ? naisons suivantes :
En quoi puis-je me diffrencier (produit moins chers, billet avion, billet avion Marseille, billet avion New
disponibilit immdiates, qualit) ? York, billet avion [destinations] ;
O sont mes clients (national, international) ? vol, vol Paris,vol [destinations],
Vais-je communiquer diffremment par cibles ou par avion, avion Londres..., avion [destination] ;
produits ?
compagnies ariennes ;
Quels sont les offres ou produits que je vais promouvoir
voyage avion ;
(produits dappel, produits qui convertissent le mieux,
offre la plus comptitive) ? avion pas cher ;
Quel est le retour sur investissement que jattends, horaire avion ;
compte tenu des mes taux de transformation actuels ? etc.
(Cet lment est important pour dfinir le budget dans
un second temps.)

Dterminer les bons mots-cls pour sa


campagne
Pour que vos annonces soient vues, elles doivent corres-
Figure 414
pondre ce que les internautes recherchent dans les
moteurs.
Comme vous le voyez, si on dcline toutes les destinations
noter : ce nest pas forcment la marque ou le nom dun produit de cette sous-catgorie, on obtient trs rapidement des
qui sont recherchs. listes de plusieurs milliers de mots-cls. Lexercice peut
alors rapidement devenir compliqu ; Il faut donc veiller
regrouper les mots-cls lintrieur de familles. Vous pou-
Cette tape est cruciale dans les campagnes de mots spon- vez ainsi les regrouper par gammes de produits ou par
soriss car il faut sortir de la peau du vendeur pour se thmes.
mettre dans celle de lacheteur.

Groupe Eyrolles, 2004 121


Russir un projet de site web

Cette catgorisation vous permettra de gagner du temps Rdaction des annonces


quand vous allez rdiger les annonces, vous pourrez pren-
dre la mme accroche pour une mme catgorie. Pour ce Le but de votre annonce est dtre clique ! Il faut donc
faire, veillez : quelle soit attractive. Ceci est dautant plus important
que votre positionnement sur la page de rsultats dpen-
identifier les principaux thmes et produits au sein de la
dra de votre taux de clics. En effet, plusieurs rseaux tels
liste ;
Google et MSN utilisent la rgle Taux de clics x Cot du
placer les synonymes au sein du mme groupe ; clic pour dterminer votre position sur la page ; meilleur
regrouper les orthographes incorrectes dans les ce ratio sera et meilleure sera votre position sur la page.
groupes.
Votre taux de clics a un impact direct sur le prix que vous
allez payer pour prendre des positions.
Par exemple, nous pouvons regrouper certains mots-cls Pour cela, veillez :
Expedia en deux familles : les gnriques destination
mettre laccent sur les points forts de votre offre ou pro-
(voyage Madrid, Paris Madrid, sjour Madrid, etc.) et les
duit (une diffrentiation par rapport vos concurrents,
produits htel (htel Madrid, htel Barcelone, htel
un prix, un pourcentage de rduction) ;
Paris, chambre dhtel New York, etc.).
Chaque famille aura la mme accroche et la mme rdiger vos annonces partir de vos mots-cls. Google
annonce. met disposition un outil dinsertion automatique de
mots-cls dans vos annonces. Elles correspondront ainsi
Pour les gnriques destination : exactement ce que linternaute aura tap et appara-
tront en plus en gras pour plus de lisibilit ;
Titre : [Mot-cl] en promo.
inciter laction en utilisant des mots fort comme gratuit,
Ligne 1 : courts et longs sjours dgriffs.
-30 %, spcial promo
Ligne 2 : bnficiez des tarifs trs ngocis.
Exemple pour les requtes comprenant les mots-cls
URL : www.expedia.fr.
htel Paris : tarif ngoci, htel jusqu -40% ! Offre
coup de cur 57 /nuit en 2*
Pour les produits htel :
Titre : [Mot-cl] jusqu 40 %. Afin de voir ce qui se fait dans votre univers de concurrence, vous
Ligne 1 : tarifs spciaux - dernires minutes. pouvez utiliser loutil gratuit Moklic :
Ligne 2 : coups de coeur - promotions htels. B http://www.moklic.com/
URL : www.expedia.fr.
Afin de bien dterminer le champ smantique et les mots Des URL de destination pour transformer
utiliser, les diffrents moteurs mettent disposition plu-
sieurs outils : Cest un moment trs important, car votre annonce a plu,
vous avez suscit un clic, linternaute, le prospect va donc
Google : entrer sur votre site. Il est trs important de bien choisir
https://adwords.google.com/select/KeywordToolExternal lURL qui va dfinir la page sur laquelle il va arriver. Trop
Yahoo Search : de liens sponsoriss redirigent encore sur une page
http://inventory.fr.overture.com/d/searchinventory/suggestion/ daccueil, obligeant linternaute chercher lui-mme sur
le site loffre quil a vue dans lannonce.
Recherche sur le Web en gnral :
http://www.keyword-search-engine.com/ Un internaute est trs volatile, il faut alors lui faciliter la
tche en lui rendant laccs linformation quil recherche
Une fois que vous avez identifi la volumtrie des mots
le plus facile possible.
que vous avez slectionns, vous pouvez commencer
budgtiser le montant que vous voulez octroyer chaque
mot. Noubliez pas : votre concurrent nest qu un clic de votre site !
Les outils cits en chapitre 6 par Nicolas Chu vous permettent
davoir ces indicateurs. Vous pouvez vous y rfrer afin doptimiser
vos campagnes.

122 Groupe Eyrolles, 2004


4 Russir le rfrencement de son site web
Pour cela, veillez : Nous avons donc 15 de marge nette par vente.
ce que la page de destination reprenne ce que vous Il vous faut 1/0,02 clic pour faire une vente soit 50 clics.
avez mis sur votre annonce. Il faut retrouver le mme
Au regard du cot au clic de 0,2 , il vous en cotera 10
produit, la mme offre et la mme promesse. Si vous
pour faire une vente.
mettez un prix sur lannonce, il faut que linternaute
retrouve le mme sur le site. Vous gagnez donc 5 .
faciliter autant que possible la navigation sur la page de
destination ;
partir de l, vous avez plusieurs possibilits.
aider linternaute trouver les complments dinforma-
tion en moins de trois clics. 1. Augmenter votre volume de transactions soit en aug-
mentant votre taux de clics avec des annonces plus effi-
caces, soit en augmentant votre cot du clic sachant
Analyse de rsultats et optimisation que votre seuil de rentabilit se trouve 0,3 par clic
Cette partie est fondamentale et vous prendra le plus de dans cet exemple.
temps. Pour mesurer les ventes faites par vos annonces, il 2. Augmenter votre ROI en essayant de perdre le moins de
faut les suivre. Vous devez utiliser un outil de tracking qui volume possible en diminuant par exemple progressive-
vous permet de savoir quel mot a gnr quelle transac- ment et lentement votre cot au clic.
tion. Pour ce faire, analysez chaque mot sparment pour
Votre position dpend aussi fortement de la stratgie de
connatre son efficacit et ainsi dterminer le cot au clic
vos concurrents sur ces mmes mots. Surveillez donc de
que vous tes prt payer.
prs leurs optimisations pour affiner la vtre.
Assurez-vous que loutil de tracking utilis vous remonte
les informations suivantes :
Quel mot a gnr quelle transaction.
Quel produit a t vendu.
Le montant du panier. Marc Pfohl a dbut sa carrire en 1999 dans lInternet au sein de
Ces 3 indicateurs sont ncessaires pour optimiser vos cam- Spray o il a expriment les premiers pas du marketing viral sur
pagnes, ils vous permettent de calculer la marge dgage Internet. Il a ensuite rejoint Voyage-SNCF.com pour y mettre en
par le mot-cl et donc de calculer son ROI (Retour sur place les techniques de marketing online. Depuis 2004, il soccupe
investissement). des stratgies de communication de la marque Expedia.fr en tant
Prenons un exemple : que directeur mdia et tudes.
B Contact : pmarco@gmail.com
vous vendez un produit X au prix de 100 dont la
marge est de 15 % ;
votre taux de transformation (ventes/clic) est de 2 % ;
votre taux de clics sur Google est de 5 % ;
le cot au clic est de 0,2 .

Groupe Eyrolles, 2004 123


Russir un projet de site web

tape 4 : le suivi
Deux mois aprs la soumission, il est ncessaire de contrler votre rfrence-
ment auprs des principaux outils partir dune slection de mots-cls. En
fonction des rsultats, une adaptation des principaux lments peut tre
ncessaire : titre des pages, balises Mta, structure des URL, contenu rdac-
tionnel,suivi dune nouvelle soumission auprs des moteurs.

Figure 415
Loutil Soumission Manuelle vous permet
de mesurez gratuitement et facilement la
prsence de votre site web sur les
principaux outils de recherche
(http://www.soumission-manuelle.com).

Audit de positionnement
Une fois votre site rfrenc, un audit rigoureux devra tre entrepris afin de con-
natre lvolution de son emplacement dans les listes de rsultats des moteurs de
recherche. Cette tape est indispensable pour maintenir et amliorer sa position
car cette dernire pour un mot-cl donn peut tre compltement diffrente
quelques mois dintervalle.
Plusieurs raisons peuvent expliquer de tels changements :
La modification rgulire des algorithmes de classement afin de djouer les
tentatives de spamdexing.
Lindexation de nouveaux sites.
Linaccessibilit dune page web lors dun passage dun spider (si une page
donne nest pas accessible lors du passage dun moteur, elle est prsume
comme inexistante et supprime de lindex).

124 Groupe Eyrolles, 2004


4 Russir le rfrencement de son site web
Un grand nombre doutils peuvent vous aider dans votre dmarche daudit de
positionnement. En voici une liste non exhaustive :
Agent Web Ranking : http://www.agentwebranking.fr/fr/
Indexweb : http://www.indexweb.fr/
Search Engine Commando : http://www.searchenginecommando.com/
SeeYouRank : http://www.yooda.com/produits/soft/index.php
SeoWebRanking : http://www.seowebranking.com/

Analyse de statistiques
Par le biais doutil danalyse daudience (voir le chapitre 6), une tude dtaille
des expressions gnrant le plus de connexions permettra une optimisation du
rfrencement dans le temps. Il est en effet important de connatre les requtes
et outils pour lesquels le site est bien ou mal rfrenc et agir en consquence.
Lobjectif est lgrement diffrent selon si le site web est un site de vente en
ligne ou pas :
Dans le premier cas, on regardera le taux de transformation (nombre de ven-
tes/nombre de connexions) gnr par les visites issues du moteur.
Dans le second, on regardera surtout la dure de connexion des visites issues
du moteur.
Cette analyse permettra dadapter votre site en fonction de ce que recherche les
internautes. Par exemple, si ladministrateur dun site de formation en ligne voit
que plusieurs visites sont issues de requtes sur les mots-cls Cours Franais ,
il pourra entreprendre un travail doptimisation afin damliorer le positionne-
ment sur ces mots-cls (en augmentant par exemple lindice de densit de ces
mots lintrieur des pages).

Figure 416
Les outils danalyse daudience proposent
des fonctionnalits vous permettant de connatre
les requtes et outils pour lesquels le site est bien
ou mal rfrenc (http://www.xiti.com).

Groupe Eyrolles, 2004 125


Russir un projet de site web

Il se peut galement que votre site soit consult et optimis pour des requtes
inattendues. Profitez-en alors pour dvelopper une partie spcifique correspon-
dant aux intrts des internautes. En reprenant notre exemple de site de forma-
tion, si un nombre non ngligeable dinternautes recherchant des cours en
France arrivent sur le site, nous pouvons mettre en place une partie spcifique
sur le site ddie au rfrencement dtablissements de formation en France.
Cela permettra de rpondre une demande et surtout de faire connatre le site
une cible lgrement diffrente de celle identifie au dbut du projet.

Synthse : critres doptimisation pour les


moteurs de recherche
Aspect Critres doptimisation

Le contenu visible de la page La balise <TITLE> : descriptif avec mots-cls.


Le nombre de mots-cls prsents dans le texte de la page doit tre lev.
Le texte mis en forme (<B>, <I>, <H1>,) est considr comme plus important par les
moteurs de recherche.
Le texte situ en haut de page (200 premiers caractres) est pris davantage en considra-
tion par les moteurs.

La partie invisible de la page Lattribut ALT du tag IMG doit tre systmatiquement prsent.
Les balises meta Description et Keywords peuvent donner des indications compl-
mentaires aux moteurs.

Les caractristiques de la page LURL complte doit contenir des mots-cls.


Lemplacement de la page dans larborescence du site est important ; vitez la multipli-
cation des sous-dossiers dans la structure de votre site.
Le poids de la page ne doit pas dpasser 70 ko.
La date de mise jour est prise en considration par le moteur.

La popularit du site Le nombre de pages et limportance des sites pointant vers votre site sont des critres
importants pour amliorer votre positionnement.

Le nombre de pages rfrences Lensemble de vos pages doivent tre indexes par le moteur de recherche.

La gestion des frames Utilisez la balise <NOFRAMES> pour donner des indications au moteur.
Ralisez un site sans frames avec des liens vers les pages du site.

Lutilisation de Flash et du JavaScript Ralisez une version non Flash du site.


Utilisez des balises <NOEMBED> et <NOSCRIPT>.
Doublez les rollovers par des liens textes.
Ralisez des pages Hallway.

126 Groupe Eyrolles, 2004


4 Russir le rfrencement de son site web
Testez vos connaissances
Quappelle-t-on un site optimis pour le rfrencement ?
Comment seffectue la soumission dun site web auprs des annuaires et des
moteurs de recherche ?
Quels sont les avantages et inconvnients dune soumission automatique ?
Quest-ce que la technique du cloacking ?
Quest-ce quune page Hallway, une page satellite, une page alias ?
Quest-ce que le spamdexing ?

En rsum
lment cl de la promotion russie dun site web, un bon rfrencement aug-
mentera la visibilit de ce dernier. Cependant, il est prfrable de disposer dun
trafic cibl de peu denvergure plutt que dun trafic non cibl important. Dans
le premier cas, les nouveaux internautes acquis par le rfrencement vous seront Rfrencement
beaucoup plus fidles (si bien sr la qualit du contenu est relle) alors que, dans
Vous trouverez plus dinformations sur les diff-
le deuxime cas, il ny aura pas de fidlisation. En effet, si linternaute arrive sur rents aspects du rfrencement sur le site
un site qui ne lintresse pas a priori, il ny restera pas plus de quelques secondes. dOlivier Andrieu.
Au cours de ce chapitre, nous avons essay de vous prsenter une mthodologie B http://www.abondance.com
pour bien rfrencer votre site. Mme si celle-ci ne prtend pas vous assurer une Vous trouverez aussi sur lannuaire du rfren-
position dans les tous premiers rsultats dun outil de recherche, elle a t exp- cement plus de 500 sites traitant du rfrence-
ment et de problmatiques connexes :
rimente sur notre site Netalya - et vous pouvez constater, sur un moteur tel
B http://www.annuaire-referencement.com
que Google.fr, notre positionnement pour des requtes de types Cours Visual
Basic , Cours ASP , Cours SQL

Groupe Eyrolles, 2004 127


chapitre 5

Groupe Eyrolles, 2004


Stratgies de promotion
et danimation

SOMMAIRE
B Publicit en ligne
Un site russi au niveau de sa conception et de son ergonomie B Affiliation
ne se distinguera pas des autres sans une vritable stratgie de B Netlinking
communication. Ce chapitre prsente les diffrentes formes B Cybermarketing
de promotion et danimation destines faire connatre un site B Groupes de discussions
web et informer de ses volutions. B Communiqus de presse
B Supports off-line

MOTS-CLS
B Publicit
B Netlinking
B Marketing
B Cybermarketing
B Affiliation
B Syndication
B Communiqus de presse
B Sponsoring

Groupe Eyrolles, 2004


Russir un projet de site web

La publicit en ligne
Tout usage de la publicit en ligne pour la promotion de votre site devra passer
par une phase de dfinition devant permettre didentifier le public cible ainsi
que le message faire passer.

Dfinir la publicit
Le public cible
T Annonceur La publicit en ligne prsente au moins deux avantages pour les annonceurs par
LAcadmie des Sciences commerciales dfinit un rapport ses homologues des mdias traditionnels :
annonceur comme une entreprise ou un orga- Elle dispose du mme support de diffusion que votre site : le Web. Vous avez
nisme, public ou priv, sadressant au public par la ainsi lassurance quelle ne sera diffuse qu des internautes, donc des per-
publicit .
sonnes beaucoup plus susceptibles de visiter votre site que celles qui ne dis-
B http://www.dictionnaire-commercial.com
posent pas dordinateur.
Elle vous permet de toucher une cible avec plus de prcision par un position-
nement sur des sites spcifiques touchant un public dtermin. Il est indispen-
sable de connatre par avance la typologie des internautes qui vous intressent
selon que vous souhaiterez faire de la publicit pour gnrer du trafic sur votre
site dinformation ou que vous inciterez un achat sur votre boutique en ligne.
En prenant le temps, en dbut de campagne, de dfinir la cible, on vitera les
erreurs de positionnement. Un nombre important daffichages ne constitue
aucune garantie de retour sur investissement. Par exemple, si votre site traite des
animaux de compagnie, vous navez aucun intrt tre prsent sur un site
dinformation sportive (mme si ce dernier dispose dun trafic important).

Les moyens : message dappel et prsentation visuelle


La publicit en ligne ne doit pas tre passive tel un simple raccourci vers votre
site. Elle doit attirer lattention des internautes et le message dappel doit tre
suffisamment accrocheur pour les inviter cliquer dessus.
Le comportement humain rsultant de la communication publicitaire se dve-
loppe par phases. Divers modles thoriques ont t noncs pour expliquer ces
tapes, notamment le modle Hovland-McGuire dvelopp par lUniversit de
Yale et le modle A.I.D.A : pour quune annonce publicitaire soit efficace, elle
doit attirer lattention (A) puis soulever son intrt (I) afin de susciter le dsir
(D) pour finalement provoquer laction (A) dachat (ou du clic dans notre cas).
Nous pouvons facilement appliquer ces modles pour dcrire les diffrents effets
de chaque stade du comportement humain quune publicit en ligne russie doit
susciter :
1 Linternaute prend conscience de la publicit sur le site quil visite par un
bruit, une animation, des couleurs chaudes
2 Il dveloppe une motion par rapport au message produit par cette publicit.
3 Il clique sur la publicit, action rsultant des deux stades prcdents.

130 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
Figure 51
Le journal du net prsente chaque semaine les
cinq crations publicitaires en ligne les plus
cratives, les plus pertinentes ou les plus effi-
caces (www.journaldunet.com).

Voici quelques suggestions pour laborer des annonces publicitaires visant les
effets susmentionns :
Laspect visuel : lattention des internautes se fixe en premier lieu sur le
design. Votre publicit naura que quelques secondes pour convaincre un
internaute de cliquer dessus et de poursuivre son surf sur votre site.
Sa prsentation, son temps de chargement, le choix des couleurs sont autant Mots percutants
dlments prendre en considration pour sa ralisation
Charles Mallory, dans son ouvrage intitul Marke-
Les techniques de marketing direct : par exemple, le principe de loffre ting direct, cest magique, liste les principaux mots
limite , pour inciter les internautes venir sur votre site rapidement, ou percutants parmi lesquels nous trouvons : nou-
lusage de limpratif ( Cliquez ici pour nous connatre ! , Venez visiter veau, conomiser, scurit, preuve, amour, dcou-
verte, garantie, sant, rsultats, vous, confortable,
notre site ! )
doux, gagner, meilleur, offrir, parfait, qualit, satis-
Les mots percutants : il existe une centaine de mots utiliss pour capter faction, etc.
lattention des consommateurs. Selon les auteurs, ils sont appels mots R C. Mallory, Marketing direct, cest magique,
chocs , mots vendeurs ou mots arguments . Les Presses du Management, 1994
Le teasing, technique publicitaire couramment utilise sur le Web pour
aiguiser la curiosit et attirer lattention sur le lancement des films. Il sagit
de faire passer le message en deux temps : dabord on aguiche (tease) le con-
Exemples de teasing : Comment faire des
sommateur en ne communiquant quune information incomplte, voire une
conomies ? , Comment gagner de largent
interrogation. Ensuite, on enrichit cette information en rvlant le produit tout en en dpensant ?
ou la rponse.
Lhumour : la publicit qui utilise la drision aura de fortes chances dtre
diffuse par vos internautes si ces derniers la trouvent vraiment amusante
(voir ce sujet la section sur le marketing viral).

Groupe Eyrolles, 2004 131


Russir un projet de site web

POUR ALLER PLUS LOIN Publicit en ligne


Neuf suggestions pour russir ses formules publicitaires en ligne :
Create a lyrical rhythm. Adoptez un ton lyrique en trois temps : initier, convaincre, con-
clure.
Keep it single and simple. Ne traitez que dune seule ide par publicit et rsumez-la par
quelques mots seulement.
Show, dont tell. Pour faire passer vos messages, utilisez des images. Ces dernires per-
mettent une assimilation de linformation plus rapidement que ne le fait le texte.
Write visually. Appliquez des effets visuels vos textes (zoom, rtrcissement, tirement,
passage).
Offer an offer. Votre offre doit paratre vraiment intressante en proposant par exemple
une rduction de prix, un tlchargement gratuit
Justify the click. Donnez des indications linternaute : cliquez ici pour plus
dinformation , cliquez ici pour une dmonstration
Brand with benefits. Mettez en valeur les bnfices de la marque : accrotre votre
productivit , perdez du poids
Nix the tricks. vitez la tromperie et le mensonge qui ne peuvent fonctionner quune seule
fois et qui vous donne une mauvaise rputation.
Test as the user. Testez lannonce en interne : est-elle crdible ? Simple ? Assez irrsistible
pour que linternaute quitte le site sur lequel il se trouve ?
Source :
B http://www.clickz.com

Les formes de publicit


Une fois le public cibl et le message dfini, on peut procder au choix de la
forme que prendra la publicit.

Les objets publicitaires


Les objets publicitaires (connus sous le diminutif de Ads dans le jargon de la
publicit en ligne) reprsentent lensemble des crations visuelles utilises
comme format publicitaire sur les sites Internet. Ils peuvent tre statiques
(images GIF, code HTML) ou animes (images GIF animes, applet Java, code
Exemple de ciblage DHTML ou fichier Flash) et leurs dimensions, varies (voir tableau 5-1).
dun objet publicitaire Les objets publicitaires sont gnralement servis par une plate-forme logicielle
Sur un annuaire de recherche, un internaute effec-
externe aux sites supports et spcialise dans la gestion des campagnes (de la
tue une requte portant sur un sjour Londres. Sur programmation des objets publicitaires jusquau suivi statistique en ligne). Cette
la page de rsultats, linformation Destination plate-forme se nomme un serveur de publicit (Ad Server) et permet une gestion
peut tre envoye au serveur de publicit. Ds de la publicit indpendamment de celle des pages ditoriales.
rception de linformation, ce dernier peut afficher
Le principe est le suivant :
une bannire proposant un lien direct vers des sites
spcialiss dans les voyages Londres. 1 Un code est plac sur les pages du site support, ce dernier contient un appel
vers le serveur de publicit en lui transmettant des informations spcifiques :
emplacement et format de la publicit, nom de la page, informations sur
lutilisateurs et son comportement sur le site
2 Ds rception des donnes, le serveur de publicit va renvoyer une rponse
contenant la fois ladresse de lobjet publicitaire et un identifiant unique.

132 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
Ce mcanisme de requte-rponse permet galement deffectuer un ciblage
de lobjet publicitaire.
3 Si linternaute clique sur la publicit, une nouvelle requte est envoye
lAd server. Cette fois-ci, ce dernier comptabilise certains indicateurs (voir
plus loin) et redirige vers la page de destination.

1
2
Publicit

Figure 52
Reprsentation de la diffusion dune publicit
sur un site support par lintermdiaire dun
Ad Server Serveur dimages
serveur de publicit.

Afin dviter aux annonceurs dtre continuellement obligs de redimensionner


leurs formats publicitaires, lIAB (Interactive Advertising Bureau, http://www.iab.net)
a dfini plusieurs dimensions standards (voir tableau 5-1).

Tableau 51 Les diffrents formats dfinis par lIAB

Appelation Dimensions Descriptifs


Bannire 468 x 60 pixels Les bannires sont gnralement places en haut de page, en dehors de la zone de contenu. Il sagit
234 x 60 pixels des formats les plus utiliss lheure actuelle. Ils sont gnralement reconnus et bien accepts par les
internautes.
Boutons 88 x 31 pixels Les boutons sont prsents gnralement sur les cts (dans le menu par exemple). Pratiques et ne pre-
120 x 90 pixels nant presque pas de place, ces formats risquent cependant de passer compltement inaperus dans une
120 x 60 pixels page trs charge.
120 x 240 pixels
125 x 125 pixels
Leaderboard 728 x 90 pixels Le Leaderboard est un format trs imposant prenant toute la largeur de la zone de contenu. On le
retrouve habituellement tout en haut de la page. Il permet plus de libert de cration aux annonceurs
mais diminue fortement lespace de contenu.
Skyscrapers 120 x 600 pixels Les skyscrapers sinscrivent dans une colonne troite sur toute la hauteur dun cran dordinateur, le
160 x 600 pixels plus souvent sur la droite des sites. La visibilit est maximale mais leur utilisation intensive peut nuire
300 x 600 pixels la bonne lisibilit du contenu de la page.
Pop-ups 250 x 250 pixels La pop-up est un format publicitaire saffichant dans une fentre de navigateur au-dessus dune page
web active et dont la fermeture ncessite une intervention de linternaute. Aussi intrusif soit-il, ce for-
mat a longtemps possd les plus forts taux de clics. Cependant, avec larrive des barres doutils capa-
bles de bloquer louverture automatique de nouvelles fentres dans son navigateur et surtout la mise
jour SP2 de Windows XP (proposant ce mme type de fonction), ce format est condamn disparatre.
Rectangles 300 x 250 pixels Afin de remplacer le support de type pop-up, lIAB propose ce format qui se fond dans la partie dito-
240 x 400 pixels riale du site tout en offrant une visibilit maximale lannonceur. Le rectangle est de plus en plus utilis
336 x 280 pixels par les portails et les sites de contenus.
180 x 150 pixels

Groupe Eyrolles, 2004 133


Russir un projet de site web

Page interstitielle
Il sagit de la diffusion dune page publicitaire dans linterstice avant laffichage
ATTENTION Impact ngatif de certains dune page web. Cette dernire napparatra que si linternaute ferme la page
formats de publicit. interstitielle. Elle peut prendre la forme dune fentre en plein cran ou dune
Un article de Jakob Nielsen du 6 dcembre 2004 pop-up. Mme si ce type de publicit prsente certains avantages (fort impact
prsente les techniques de publicit les plus reje- grce leffet de surprise), il ne doit tre utilis que dans des cas exceptionnels.
tes par les internautes. Nous y retrouvons les En effet, la majorit des internautes rejettent le caractre intrusif de ce format
pop-ups, les fausses accroches, lomission dun quelle considre comme une coupure dans sa navigation.
bouton de fermeture et la page interstitielle.
B http://www.useit.com/alertbox/
20041206.html Parrainage en ligne (sponsoring)
Ce mode de promotion, beaucoup moins utilis que les bannires, consiste
parrainer un site ou une rubrique particulire en y associant son nom, sa marque
ou son image. Le parrainage est avantageux lorsquil y a adquation entre le
EXEMPLE profil de la cible du site parrain et le thme du site filleul . Il est difficile
Le site dune Socit de service dingnierie infor-
dvaluer exactement la part du sponsoring car sa dfinition est large et peut
matique (SSII) peut parrainer la rubrique carnet aller jusqu la cration de sites entiers par une ou plusieurs entreprises (tel le site
des entreprises dun webzine (magazine en ligne) cyberbricoleur.com par le BHV) en passant par laffichage de bandeaux publici-
spcialis dans les technologies de linformation. taires des emplacements spcifiques.
En y associant son image, la SSII peut profiter de
cette audience cible pour proposer ses services.
Lintrt du sponsor est donc de lier une relation long terme avec un partenaire
(six mois un an) et de bnficier ainsi dune reconnaissance plus forte que lors
dune campagne traditionnelle. Le sponsoring est en effet mieux tolr par les
internautes que les bandeaux et autres pop-ups, et dispose lheure actuelle dun
meilleur ratio affichage/clic.

Figure 53
Un exemple de sponsoring en ligne : lhuile
Lesieur sponsorise la bote recettes du
site aufminin.com (www.aufeminin.com).

Les acteurs
Pour la diffusion de votre publicit en ligne, il existe plusieurs acteurs.

134 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
Agents de communication interactive
Un agent de communication est un prestataire de services (personne physique
ou morale) qui peut assurer pour le compte et au nom des annonceurs :
la dfinition dune stratgie de communication en ligne,
la conception et la ralisation des diffrents formats de publicit en ligne,
REFERENCE
lachat despaces publicitaires auprs des sites support, des rgies ou des cen-
trales dachats, Vous trouverez sur le site de lAACC (Association
des agences conseil en communication) un ensem-
la mise en place de parrainage avec des sites cibls. ble darticles, de liens ainsi quune liste des agen-
Lagent de communication doit tre indpendant du client pour lequel il tra- ces conseil en communication :
vaille ainsi que des supports auxquels il transmet ses consignes. Il peut tre son B http://www.aacc.fr
compte, ou bien appartenir une agence traditionnelle, une agence interactive
ou une Web agency.

Rgies publicitaires
De nombreux organismes se sont spcialiss dans le commerce et la gestion
despaces publicitaires sur Internet. Nous retrouvons sous cette catgorie aussi
bien les grandes rgies pour les mdias traditionnels (presse, tlvision, cinma,
affichage, radio) ayant dvelopp depuis quelques annes un service sur
Internet, que des rgies exclusivement consacres au Web (voir tableau 52).

Tableau 52 Les principales rgies publicitaires du Web francophone

Nom Description Site Web


Ad Majorem Rgie indpendante qui compte dans son portefeuille plusieurs http://www.admajorem.com/
sites communautaires.
Ad pepper Socit de vente et de marketing pour la publicit en ligne. http://www.adpepper.com/
Adlink Rgie publicitaire pour sites Internet. http://www.adlink.fr/
Advertising Rgie publicitaire pour sites Internet. http://www.advertising.com
AWE Rgie Rgie spcialise dans le march de ladulte on line. http://www.awe.fr/
Click-Fr Rgie publicitaire pour sites Internet. http://www.click-fr.com/
ComClick Rgie publicitaire pour les petits et moyens sites Internet. http://www.comclick.com/
DoubleClick France Lune des principales rgies publicitaires mondiales sur Internet. http://www.doubleclick.com/
Miva Rgie publicitaire spcialise dans les pages de rponse des outils http://www.miva.com/fr/
de recherche.
Google Adwords Rgie publicitaire spcialise dans les pages de rponse du https://adwords.google.com
moteur Google (liens sponsoriss).
Hi Media Rgie publicitaire pour sites Internet. http://www.hi-media.com/
Interdeco Multimedia Rgie apartenant au groupe Hachette Filippachi. http://www.interdeco.fr
Lagardere Active Rgie du groupe Lagardre Mdia, elle cohabite avec Interdeco http://www.lagardere-active-pub.com/
Publicit Internet Multimedia et est spcialise autour de trois ples dactivits : la
radio, la tlvision et les services interactifs.

Groupe Eyrolles, 2004 135


Russir un projet de site web

Tableau 52 Les principales rgies publicitaires du Web francophone (suite)

Nom Description Site Web


Mdia Rgie Europe Rgie du groupe Publicis ayant dans son portefeuille les sites http://www.mediasetregieseurope.fr
lemonde.fr et liberation.fr
Net and Pub Rgie publicitaire exclusivement lie au monde du nautisme. http://www.netandpub.com/
Yahoo! Search Marke- Rgie publicitaire spcialise dans les pages de rponse de plu- http://searchmarketing.yahoo.fr/fr_FR
ting sieurs outils de recherche (Yahoo!, Wanadoo, Voila, Lycos, Alta-
vista, etc.).
24/7 Real Media Filiale de lune des principales rgies publicitaires mondiales sur http://www.fr.realmedia.com/
France Internet.
TF1 publicit Internet Rgie du groupe TF1. http://www.tf1pub.fr/
Value Click France Filiale de lune des principales rgies publicitaires mondiales sur http://www.valueclick.fr/
Internet.

T Cot par mille (CPM) et cot par clic Bien que la majorit des offres soit payante (cot par mille ou cot par clic), il
La majorit des offres payantes des rgies publici- existe galement sur Internet des rgies gratuites spcialises dans lchange de
taires fonctionne sur deux principes diffrents de bannires (tel promobenef.com). Ce type doffre oblige cependant diffuser sur
facturation. son site les bandeaux dautres sites et ne concerne gnralement que les petites
Le premier consiste facturer lannonceur sur la structures. De plus, selon ce systme, deux, voire trois publicits affiches sur
base de forfaits pour mille affichages (on parle votre site quivalent une diffusion de la vtre sur un autre site. Lautre partie
alors de cot par mille ou CPM). Les tarifs gnra-
lement pratiqus varient entre dix et cent euros
des affichages tant rserve aux clients payeurs ou bien lautopromotion
pour mille affichages. de la rgie. En somme, ce type de promotion est assez adapt pour les pages
Le second fonctionne au principe du cot par clic, personnelles ou les sites hbergs gratuitement, nullement pour les sites profes-
cest--dire que lannonceur ne sera factur que si sionnels.
linternaute a effectivement cliqu sur la publicit.
Le cot de ce type de campagne avoisine un deux
euros par visite gnre.

Figure 54
Les rgies dchanges de bannires
sont assez adaptes pour la promotion des
sites personnels (www.promobenef.com).

136 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
Sites supports
Les sites supports ou sites diteurs sont ceux qui hbergent de la publicit en
ligne. Bien que la majorit dentre eux passent par des rgies publicitaires, un
certain nombre, pouvant revendiquer un trafic important, commercialisent
directement des emplacements sur leurs pages. Le mode de facturation retenue
est gnralement celui du CPM et les tarifs dpendent de plusieurs critres :
le trafic du site support,
la dure de la campagne,
le positionnement de la publicit dans la page,
le positionnement de la page accueillant la publicit dans larborescence du site,
et le thme de la page (permettant ainsi de prsenter un bandeau cibl).
La diffusion directe auprs des sites supports est trs utilise pour le sponsoring
en ligne. Dans ce cas, la rmunration de ce dernier se base habituellement sur
un forfait pour une dure dtermine : six mois, un an

Agences mdias interactives


Auparavant intgres dans les agences en communication, les agences mdias
sont apparues en tant que telles dans les annes 1980 avec la multiplication des
mdias (journaux, chanes de tlvision, radios, etc.). Lexplosion dInternet la
fin des annes 1990 a vu natre au dbut des annes 2000 un nouveau type
dagence mdias : les agences mdias interactives (ou Internet). Mandates par
un annonceur ou une agence en communication, elles offrent gnralement
toute une palette de solutions complmentaires (cration de publicit, affilia-
tion, achat despaces, achat de liens promotionnels, Analyse daudience) pour
recruter des clients et des prospects en ligne..

Figure 55
Les agences mdias on line se veulent
une alternative aux groupes traditionnels
(www.timetobuy.net).

Groupe Eyrolles, 2004 137


Russir un projet de site web

Analyse des rsultats


En tant quannonceur ayant pay un certain montant pour placer de la publicit
sur un site, vous avez un droit daccs aux rsultats. Ceux-ci peuvent tre
obtenus par un outil de mesure daudience (voir chapitre 6) ; en outre, la plupart
des rgies publicitaires et/ou des sites supports proposent un accs aux statisti-
ques relatives votre publicit. Ces informations peuvent tre extrmement
POUR ALLER PLUS LOIN Publicit en ligne compltes ; il faut donc savoir distinguer ce qui est essentiel et ce qui lest moins.
Le site du groupe Stratgie prsente toute lactua-
lit de la publicit et de la communication en
ligne :
B http://www.strategies.fr/
Le portail de la communication :
B http://www.toutsurlacom.com/
noter :
Quel que soit son type, la publicit pourra tre con-
sidre comme russie partir du moment o le
taux de clics atteindra 1 2 %, cest--dire partir
du moment o elle gnrera dix visites pour mille
affichages.

Figure 56 Exemple de loutil statistique de la rgie ComClick (www.comclick.com)

Enfin, les serveurs de publicit proposent plusieurs indicateurs de suivi tels :


les clics (nombre de fois o un objet publicitaire a t cliqu),
les impressions (nombre de fois o un objet publicitaire est totalement tl-
T Affilieur, affili charg sur le client),
et programme daffiliation les pages vues avec publicit ou PAP (nombre de pages affiches sur lesquel-
Un site affilieur est celui qui est initiateur dun les figure lobjet publicitaire),
programme daffiliation. Il peut tre un site mar- le taux de clics (reprsentant le ratio nombre de clics sur nombre dimpres-
chand tel amazon.com ou ditorial tel 01net.com sions).
et propose selon les cas un produit, un service ou
un contenu (texte, images).
Un site affili est un site personnel ou profes-
sionnel qui adhre un programme daffiliation
lanc par un affilieur. Laffili joue alors le rle de Laffiliation
distributeur dun produit, dun service ou dun
contenu. Ne outre-atlantique avec les sites CDnow.com et amazon.com, la technique
Un programme daffiliation est un contrat daffiliation sur le Web dcoule du systme des revendeurs de la distribution
entre laffilieur et laffili. Il doit indiquer, si besoin, classique. Ce mcanisme a pour but de constituer un rseau de sites web par un
les montants de commission attribus selon les
site marchand ou ditorial afin de lui apporter une visibilit et un trafic cibl
transactions effectues (clic, prospect, vente) et
prciser les modalits de laffiliation : type de lien vers celui-ci. Laffiliation est donc un partenariat entre deux sites web : celui qui
ou de contenu fourni, tag insrer sur ces pages, propose un service en ligne, laffilieur (vente dun produit, diffusion dinforma-
comptabilisation... tion, etc.) et celui qui va distribuer ce service, laffili. Elle peut prendre deux
formes : laffiliation marchande et la syndication de contenu.

138 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
Affiliation marchande

Prsentation
Ce type de promotion est largement utilis par les sites de commerce lectro-
nique. Laffiliation marchande est rmunre au rsultat qui se base soit sur la
vente ralise, soit sur le nombre de clics ou de prospects ainsi gnrs.
Selon les cas, le lien daffiliation entre les deux sites partenaires est visible sous
plusieurs formes :
une bannire ou un bouton pointant vers la page daccueil ou vers des pages B.A-BA Les programmes daffiliation
dtermines ; cl en main
un moteur de recherche donnant accs au catalogue du site marchand ; La mise en place dun programme daffiliation
un simple lien textuel pointant vers un produit, une famille de produits, ou marchand ncessite gnralement le dveloppe-
ment dune application spcialise et un suivi
un formulaire pour saisir un profil. administratif rigoureux des affilis et des ventes
Gnralement, le site marchand attribue chacun de ses affilis un code unique ralises. Si vous ne souhaitez pas investir trop
qui, plac au niveau du lien, permettra didentifier le site partenaire, de suivre la dargent ou de temps, sachez quil existe sur Inter-
progression du visiteur et de calculer le chiffre daffaires gnr. net de nombreux services vous permettant de
crer votre programme daffiliation. Moyennant le
prlvement dun pourcentage sur la somme
reverse par laffiliant, le service prendra en
charge les aspects administratif et technique.
Figure 57 Le systme daffiliation Voici une liste non exhaustive de services en ligne
dAmazon est un des premiers proposant des plates-formes daffiliation cl en
avoir t mis en place. main :
CibleClick :
B http://www.cibleclick.com/
First Coffee :
B http://network.first-coffee.com/
Les diffrentes formes de rmunration de laffiliation TradeDoubler :
marchande B http://www.tradedoubler.com/

En fonction des programmes daffiliation, il existe en tout six formes diffrentes Affiliate Vista :
pour rmunrer les sites affilis : B http://affiliation.fotovista.com
Effiliation :
Le pourcentage sur la vente ralise : un site affili dirige ses internautes vers
B http://www.effiliation.com/
le site marchand et ce dernier lui reverse un pourcentage (gnralement
NetAffiliation :
10 %) du chiffre daffaires ralis par son intermdiaire.
B http://www.netaffiliation.com/
Le fixe sur vente : un montant fixe par type de produits vendus est redistri- Public-ides :
bu aux sites affilis qui ont aid la vente. B http://www.publicidees.com
La rmunration aux clics : laffili touche une commission pour chaque
visite gnre partir de son site vers le site marchand.
Le paiement aux double-clics : le double-clic est laction de cliquer sur un
bandeau ou lien dirigeant vers un annonceur, puis de cliquer sur un lien du
site de lannonceur dans le but dafficher une seconde page. Ce type de
rmunration assure lannonceur dtre sr de ne payer que pour des visi-
teurs intresss.

Groupe Eyrolles, 2004 139


Russir un projet de site web

La rmunration au contact qualifi (Lead) : laffili reoit une certaine


somme si linternaute laisse sur le site marchand ses coordonnes ou sil rem-
plit un formulaire pour sinscrire un des services.
La rmunration pour mille affichages (CPM). Comme vu prcdemment,
le cot par mille pages vues dfinit la somme que laffili gagne chaque
fois quil affiche mille fois lun des objets publicitaires du site affilieur. Trs
avantageux pour laffili, ce mode de rmunration tend disparatre.

Syndication de contenu
La syndication de contenu est une forme particulire daffiliation. Ce type de
partenariat permet un site de contenu (site syndicateur) de dvelopper son
trafic et sa notorit tout en proposant un site affili (site syndiqu) de lui
apporter un contenu valeur ajoute. La principale forme de syndication fonc-
tionne avec un fichier spcifique, dit fichier de syndication. Le principe est le
suivant (voir figure 5-8) :

Syndicateur Syndiqu

Fichier de URL
syndication Client

Redirection
vers pages web

T Le format RSS

Le format RSS (Rich Site Summary) est une Figure 58 Principe de la syndication de contenu avec fichier de syndication
manire de dcrire le contenu dune page web
mise jour de faon chronologique : vne- 1 Le site syndicateur propose un fichier de syndication, qui peut tre soit un fichier
ments, articles, informations
XML faisant appel au format RSS, soit un fichier JavaScript et permet dafficher
Bas sur XML, RSS permet une description du
site et est formalise dans une structure balise. un contenu divers (texte, images) avec un lien vers le site syndicateur.
Du fait de sa simplicit, ce format est largement 2 Le site syndiqu intgre dans une de ses pages ce fichier qui reste physique-
utilis pour la cration des fichiers de syndica- ment chez le site syndicateur (appel via une URL par exemple).
tion de contenu. Cette mthode permet donc 3 Lorsquun internaute clique sur le lien ainsi propos, il est automatiquement
aux sites syndiqus dafficher automatiquement
redirig vers les pages du site syndicateur.
les derniers titres parus sur le site de contenu, et
de leur faire un lien. Il ncessite cependant du Prenons un exemple. Un site spcialis dans linformation sportive,
ct du syndiqu de disposer dun outil suscepti- Sportgenial.com , dcide de syndiquer une partie de son contenu : le fil
ble de pouvoir le parcourir ( parser ) et de dactualit du football en mettant disposition sur son serveur un fichier de
linterprter en HTML pour tre affich. syndication en javascript nomm filfoot.js. Ce dernier, contient les lments
suivants : le titre de lactualit, un chapeau dcrivant lactualit, un lien vers
larticle complet prsent sur le site Sportgenial.com.
Chaque site souhaitant bnficier de cette information naura plus qu intgrer
dans ses pages un code faisant appel au fichier filfoot.js (voir figure 5-9).

140 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
Exemple de code source pour le fichier filfoot.js :
document.write("<A target=blank HREF=http://www.sportgenial.com/ 3 Titre de lactualit avec un lien pointant vers la
article1.html>Victoire de lOM !</A> par Nicolas Herzog<BR>") page article1.html prsente sur le site sportge-
nial.com
document.write("<FONT SIZE=1>Incroyable vicoire de lOM grce 3 Chapeau dcrivant lactualit
un but 11 minutes avant la fin du temps rglementaire !</
FONT>")

Figure 59 Exemple dune page ayant intgre


le script filfoot.js avec son code source

Ds que le site Sportgenial.com remplace le contenu du fichier filfoot.js,


cela met automatiquement jour toutes les pages qui font appel ce fichier.
Lavantage est donc double : Sportgenial.com apporte un contenu mis jour par
ses soins rgulirement aux sites affilis et ces derniers apportent au site syndi-
cateur du trafic grce aux liens situs sur le fil dinformation.
Il existe galement une autre forme de syndication : la diffusion directe de con-
tenu. Le principe est le mme, ceci prs que le site syndicateur ne propose pas
de fichier de syndication mais fait parvenir dune manire ou dune autre au site
syndiqu un contenu spcifique. Libre ce dernier ensuite de lintgrer ou non
dans ses pages, en faisant bien sr rfrence la source et en plaant un lien vers
le site syndicateur.
Si cette forme savre trs intressante pour la diffusion darticles de presse, voire
de dossiers apportant ainsi lauteur une certaine notorit, elle nest cependant
pas recommande pour un contenu dont la mise jour est rgulire. En effet, le
processus dintgration tant manuel, la charge de travail pour le site syndiqu
risque de devenir trs vite rdhibitoire.

Groupe Eyrolles, 2004 141


Russir un projet de site web

Le netlinking
Lune des stratgies de promotion les plus simples et les moins onreuses con-
siste en lchange de liens (netlinking) avec dautres sites. Il sagit dun partena-
riat qui, aprs accord des deux parties concernes, repose sur un change crois
de liens entre deux sites web. Ces derniers peuvent prendre lapparence de sim-
ples liens hypertextes ou dimages cliquables (logos, Gif anims).
ATTENTION Le netlinking Cette dmarche permet videmment daugmenter mutuellement la frquenta-
ne remplace pas un vritable contenu tion des sites. En multipliant les changes de liens avec des sites partenaires, un
Nabusez pas des liens croiss. Si un site riche dtenteur de site a de fortes chances dattirer ainsi de nouveaux visiteurs.
en contenu na rien craindre du netlinking, un Bien entendu, ces changes doivent tre pertinents et chaque partie doit y
site ayant peu de contenu ou faible valeur trouver son compte. Par exemple, un portail dinformation sur la chasse naura
ajoute, mme sil pointe vers dautres sites, ne
verra jamais son audience augmenter.
aucun intrt tre prsent sur le site de la SPA, et inversement.
Lchange de liens constitue souvent la premire tape vers un partenariat plus
pouss entre deux sites : change de contenu, syndication, affiliation, voire une
fusion des arborescences.

Choix des sites partenaires


En premier lieu, il est ncessaire de dfinir une liste de sites qui pourront poten-
tiellement devenir vos partenaires. Ces derniers devront bien entendu rpondre
certains critres de slections.
Leur contenu devra tre en accord avec votre thme et votre public. Cepen-
dant, il vous faut rechercher des sites qui apportent un complment au vtre
et non des sites qui seraient directement en concurrence.
Leur notorit : un site ne traitant pas exactement du mme domaine mais
bnficiant dune notorit importante peut influer sur le comportement des
internautes. Par exemple, si le site dune grande radio recommande votre
site, les retombes promotionnelles ont de fortes chances dtre importantes.
Le fond et la forme devront tre de qualit. Il ne sagit pas de faire un lien
juste pour le principe.
Leur emplacement dans les pages de rsultats des outils de recherche. Tous
les sites traitant dun mme domaine ne sont pas forcment concurrents et le
fait de sassocier avec un site ayant une trs bonne position augmentera la
popularit du vtre (voir chapitre 4, sur le rfrencement).
Leur audience est galement un critre important mais non dterminant.
Cet aspect est en effet assez subjectif. La tendance naturelle vous poussera
choisir un site ayant le mme nombre de pages vues que le vtre afin
quaucune partie ne se sente lse. Cependant, un site de moins grande
envergure mais proposant un contenu de qualit peut savrer trs intressant
pour vos internautes. Nous vous recommandons de choisir un site sur la qua-
lit de son audience plutt sur la quantit de ses visites.

142 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
Prise de contact
Deuxime tape, la prise de contact. Il convient de vous mettre en relation avec les
sites slectionns afin de conclure un accord. Pour cela, il vous suffit dadresser un
courrier lectronique lditeur du site et de lui proposer dinsrer un lien vers le
vtre. Gnralement le netlinking ne ncessite aucune autre contribution. Mais ce
nest pas toujours le cas, certains sites vous demanderont une rmunration (voir la
section sur laffiliation), dautres exigeront un change de contenu, etc.

Figure 510 La rubrique Nos partenaires du site 2si-systmes (www.2si-systemes.fr)

Aprs acceptation des deux parties, dterminez ensemble les futurs emplace-
ments de vos liens respectifs, ces derniers se retrouveront gnralement soit dans
une rubrique du type Nos partenaires (voir figure 5-11) soit sur une page de
liens spcialement cre cet effet. Vous devez tre vigilant sur cet aspect car un
mauvais positionnement du lien risque de napporter que peu de visiteurs.
Afin de constater, aprs quelques temps, lefficacit du partenariat ainsi tabli,
vous pouvez recourir des outils de mesure daudience pour connatre le nombre
de visites gnres par les liens qui pointent vers vous (voir chapitre 6).

Groupe Eyrolles, 2004 143


Russir un projet de site web

Trois formes de cybermarketing pour la


promotion et lanimation dun site
B.A.-BA Marketing et cybermarketing Internet nest pas une technologie qui rvolutionne le marketing en apportant
de nouvelles lois et de nouvelles techniques. Le cybermarketing est trs souvent
Le marketing est lensemble des actions, outils et une adaptation des techniques du marketing traditionnel, la vraie rvolution se
techniques mis en uvre en vue de promouvoir la
croissance dune activit.
situant surtout au niveau des cots, de la gestion du temps et de la dimension
Le cybermarketing est un marketing utilisant les gographique. Il existe plusieurs formes de marketing sur Internet, nous
nouvelles technologies de linformation et de la dtaillerons celles qui permettent plus particulirement la promotion et lanima-
communication, notamment le rseau Internet, tion dun site web : le marketing direct, le marketing viral et le marketing tribal.
comme moyen de promotion, de vente ou dtude
de march (sites, e-mailing, mailing list, news-
groups, liens, tudes en ligne). Btir une campagne de marketing direct avec Internet
Votre plan de communication peut tre optimis par un programme dactions de
marketing direct. Outre les actions classiques dans ce domaine (fax-mailing,
T Le marketing direct mailing, tlmarketing), vous pouvez galement utiliser les possibilits offertes
pour un site web par le rseau des rseaux pour annoncer louverture de votre site web ou le lance-
ment dun nouveau service, voire dun nouveau contenu.
Ensemble des techniques visant tablir un con-
tact personnalis et mesurable entre un site web et
des visiteurs potentiels slectionns selon divers Campagne de e-mailing et permission marketing
critres partir dun ou plusieurs fichiers.
Malgr lengouement pour laspect multimdia du Web, le-mail demeure de
loin le service dInternet le plus utilis. Eu gard la promotion dun site web,
ce vecteur prsente toutes les caractristiques des mailings traditionnels avec
T Le spam linstantanit en prime (un simple clic suffit pour rpondre la sollicitation
Un spam est un message non sollicit, constitu dun e-mail) et un cot bien moindre (pas dimpression, pas de mise sous plis,
essentiellement de publicit et diffus massive- pas de frais denvoi).
ment par courrier lectronique ou sur des forums Mais si le-mailing peut tre un bon moyen de promotion, il faut lutiliser bon
de discussion.
escient car la lgislation interdit lenvoi spontan de courriers lectroniques des
R Halte au spam, F. Aoun, B. Rasle, Eyrolles, 2003.
fins de prospection commerciale, sans accord pralable du destinataire.
Plutt que de diffuser linformation sans une relle segmentation des cibles et
tre accus ainsi de spam, prfrez le permission marketing, qui confre au client
une place centrale dans la mise en uvre des actions de marketing direct en lui
permettant de communiquer son adresse e-mail et de grer lui-mme la
demande dinformation, voire dimplication.
T Le permission marketing Cette technique permet une vritable interaction avec un internaute et apporte
(marketing consensuel) des garanties supplmentaires sur le taux dacceptation de vos campagnes.
Technique de marketing et de communication en
Obtenir au pralable des internautes la permission de leur envoyer des messages
ligne fonde sur lutilisation dadresses e-mails (respect de la rgle de lopt-in), augmente considrablement les chances quils
collectes avec le consentement de leurs titulaires les lisent.
(voir louvrage de Seth Godin, Permission marke- Lune des formes les plus connues de marketing consensuel est le principe de la
ting).
newsletter. Il sagit dune lettre dinformation envoye par e-mail et soumise
B http://www.permission.com
un abonnement gratuit ou payant. Dans le premier cas, elle consiste gnrale-
ment informer les visiteurs du site des nouveauts mises en place, des change-

144 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
ments oprs sur les pages, voire des amliorations ou nouveaux services pro-
poss. Dans le second, elle diffuse des informations spcifiques (articles,
dossiers, etc.). Pour disposer dune newsletter, vous pouvez soit dvelopper votre
propre outil de gestion soit utiliser les nombreux services de liste de diffusion
que lon retrouve sur Internet. Certains sont gratuits, dautres payants. Citons
entre autres : poplist.fr, splio.fr, cabestan.comQuelle que soit la solution
retenue, votre newsletter devra proposer linternaute la possibilit de sy dsa-
bonner tout moment (voir figure 5-12).
RETENIR La rgle de lopt-in
Cette rgle consiste demander le consente-
ment du titulaire dune adresse e-mail afin de
pouvoir lui envoyer des messages lectroni-
ques. Cet accord nest valable que pour des uti-
lisations prcises lors de la rcupration des
donnes.
On parle parfois de double opt-in et dopt-in
Figure 511 Exemple dun module de souscription/dsabonnement une newsletter passif. Dans le premier cas, laccord de linter-
naute est demand deux fois (la premire sur le
site et la seconde par un e-mail de confirma-
Enfin, une fois ralise, vous pouvez galement inscrire cette dernire auprs tion). Dans le second cas, le consentement de
dannuaires spcifiques comme : www.francopholistes.com ou www.buongiorno.com afin linternaute est obtenu par une case pr-coche
daugmenter le nombre dabonns. dans un formulaire.
Depuis le 21 janvier 2002, le Conseil europen
a adopt une position commune sur la directive
Push Concernant le traitement de donnes carac-
La technologie du push permet denvoyer directement et intervalles rguliers, tre personnel et la protection de la vie prive
dans le secteur des communications lectro-
par le biais dapplications informatiques spcifiques, des informations aux utili- niques et a pris position en faveur de lopt-
sateurs connects. Cette technologie est apparue depuis quelques annes avec in . Selon son article 13, lutilisation de ()
lmergence de logiciels permettant daccder des centaines de chanes dinfor- courrier lectronique des fins de prospection
mation (CNN, New York Times, Washington Post, etc.). Parmi ces logiciels, directe ne peut tre autorise que si elle vise
citons PointCast, Marimba et BackWeb. des abonns ayant donn leur consentement
pralable . Tout autre type de collecte est donc
Appliqu la promotion et lanimation dun site web, le push dsigne dornavant considr comme illgal.
lensemble des vecteurs de communication permettant un site donn denvoyer
une information ses internautes aprs que ces derniers ont dfini leur besoin.
Par exemple, quand un internaute se rend sur un moteur comme Google pour y
mener une recherche, on dit quil tire linformation de loutil de recherche. On
parle alors de technologie pull. Dans une optique de push, en revanche, lutilisa-
teur joue un rle moins actif car linformation est pousse du site vers son ordi-
nateur. Il sagit donc denvoyer rgulirement un client une information cible
et actualise, donc danticiper ses attentes tout en vous permettant de prospecter
et de fidliser vos internautes.
Lun des principes de push le plus pris est celui utilisant le vecteur mail. Pre-
nons lexemple des sites de recherches demploi (Monster, Emailjob, Keljob)
Tous proposent aux candidats la possibilit de crer des profils de recherche en
spcifiant leurs critres de slections (type de poste, type de contrat, secteur
dactivit) ainsi que la possibilit de recevoir par e-mail les offres susceptibles

Groupe Eyrolles, 2004 145


Russir un projet de site web

Figure 512 Les sites de recherche demploi sont de bons exemples


dutilisation du push mail (www.keljob.com et www.monster.fr).

de pouvoir les intresser en fonction de leur profil. On parle alors de push mail
(voir figure 5-13).
Autre exemple, lutilisation des flux RSS pour pousser une information sp-
cifique vers lutilisateur. De plus en plus de personnes utilisent des agrgateurs
Ne tournez plus votre marketing vers nimporte de flux RSS, leur permettant de se tenir informs de lactualit dun site.
qui ! Transformez plutt vos ides en pidmies et Beaucoup plus personnalise que la simple newsletter, la technologie du push
invitez vos clients faire votre marketing votre permet de slectionner linformation envoyer aux internautes en fonction de
place . leurs besoins.
Seth Godin.

T Marketing viral
Stratgie de marketing viral
Le marketing viral sur Internet est lquivalent du bouche--oreille dans la vie
La marketing viral sur le Web concerne la vente de
produits, le vote en ligne, les tudes de satisfac-
courante. Votre message passe dun courrier lectronique lautre, par exemple,
tions Ce modle conomique est apparu dans ou se rpand par un autre moyen. Toutes les stratgies peuvent tre utilises
les annes 1950 aux tats-Unis avec les fameuses pour faire passer votre annonce au plus grand nombre dinternautes. Plus votre
runions Tupper Ware o des femmes au foyer ru- message sera visible et influent, plus il se transmettra. Ces stratgies jouent aussi
nissaient chaque mois leurs voisines pour leur van- sur la multiplication exponentielle du passage du message dinternaute en inter-
ter les miracles de ces botes en plastique pour la
conservation des aliments et, bien sr, pour leur en
naute. En rsum, une stratgie de marketing virale peut tre considre comme
vendre. russie partir du moment ou vous navez plus le contrle de la diffusion de
linformation !

146 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
Si votre site est intressant, il bnficiera naturellement du bouche--oreille.
Vous pouvez toutefois accentuer ce phnomne par des outils marketing spcifi-
ques tels les mcanismes de recommandation ou la mise disposition gratuite
dun service ou dun goodie.

Mcanismes de recommandation
Ltre humain fait plus naturellement confiance aux conseils dun ami quaux
annonces publicitaires. De ce fait, vous devez encourager vos visiteurs recom-
mander votre site ou un contenu spcifique de votre site en crant soit un lien
vers un formulaire, soit directement une bote denvoi (par exemple
Recommander ce site ou bien Envoyer cet article un ami ). Cet outil
incitera le visiteur laisser le-mail de la personne quil souhaite prvenir. Ces
donnes seront rcupres par une petite application qui gnrera automatique-
ment un message prcrit et lexpdiera ladresse voulue (voir figure 5-13).
Vous pouvez dvelopper vous-mme vos outils de recommandation en faisant
appel des langages de scripts serveurs du type ASP ou PHP ou utiliser les
outils de certains sites spcialiss en change de la diffusion dune publicit ou
de la mention service propos par (voir figure 5-14).
Figure 513
Loutil de recommandation incite le visiteur
laisser son nom et le-mail de la personne

Figure 514 De nombreux sites vous proposent dutiliser gratuitement


leurs outils de recommandations en ligne (www.swisstools.net).

Mise disposition dun service ou dun goodie


Une autre forme de marketing viral est de proposer gratuitement un service en
ligne (e-mail gratuit, outil pour un site web, etc.) ou un goodie. Ce dernier peut
tre un petit utilitaire, un gadget, un jeu, un conomiseur dcran, une carte pos-
tale virtuelle, etc., et devra toujours faire rfrence votre site (URL, logo). Si
les internautes y trouvent un intrt, ils nhsiteront pas lenvoyer leur pro-
ches ou leurs connaissances afin de leur en faire profiter. Aprs rception, si le
destinataire trouve le goodie utile ou amusant, il le fera suivre ses proches, etc.

Groupe Eyrolles, 2004 147


Russir un projet de site web

Vous faites ainsi connatre votre image et votre site au plus grand nombre en
ayant investi un minimum au dpart.

Figure 515 Le site du constructeur Peugeot propose le tlchargement


en ligne de fonds dcran, de photos ou de vidos (www.peugeot.com).

Facile mettre en uvre et peu onreux, le marketing viral, pour russir, a


cependant besoin doffrir une relle valeur ajoute et doit tre facile dutilisation
afin de permettre une communication au plus grand nombre.

EXEMPLE
En 1997, une socit dcide de distribuer une adresse e-mail gratuite. chaque envoi par un
utilisateur, un encart tait plac au bas des e-mails : bnficiez dune adresse e-mail gra-
tuite sur, http://www.... . Une fois le message reu, le destinataire connaissait ainsi le ser-
vice et pouvait y souscrire. Cette technique a permis la socit davoir plus de 50 millions
de consommateurs rapidement et dtre rachete par Microsoft : le service Hotmail !

EXEMPLE
Prenons lexemple dune agence de voyages. Celle-ci souhaite proposer ses offres promo-
tionnelles de voyages sur Internet. Afin de se dmarquer des autres sites institutionnels, elle
dcide de mettre en place une communaut virtuelle autour du voyage avec des forums de
discussion, des articles en ligne, des fiches pays, des outils permettant dobtenir des informa-
tions pratiques (mto, devises, etc.). Trs rapidement, les personnes passionnes par le
domaine se retrouvent sur le site afin de partager leur exprience ou de bnficier des outils
mis leur disposition. Pour engendrer ladhsion, le site organise mme une confrence sur
le thme Les offres discount du voyage et invite tous ses communautaires y participer.
Au bout de quelque temps, lagence dispose dune population quelle sait intresse par les
voyages et peut ainsi lui proposer des offres promotionnelles pour aller dans tel ou tel pays.
Tout le monde y trouve ainsi son compte, lagence en vendant ses produits, les communau-
taires en ayant leur disposition des offres qui correspondent leur centre dintrt.

148 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
Marketing tribal
Ce type de marketing repose sur lide de communaut. Communiquer, recher-
cher, changer, acheter fonctionnant sur le principe Ce que lon propose
lun intressera srement lautre .
Les objectifs du marketing tribal consistent rassembler des personnes aux int-
rts concordants et former un groupe unique et identifi : une communaut
virtuelle.
La dmarche est la suivante :
1 Constitution dune communaut. Vous offrez sur Internet un espace de
communication pour changer, publier, dbattre, lire autour dun centre
dintrt particulier : une passion, une activit, un sport
2 Organisation dun vnement. Le groupe ainsi constitu, vous pouvez orga-
niser un vnement (salon, confrence, cocktail, etc.) afin de fdrer ses
membres. Il sagit de la retranscription de votre communaut du monde vir-
tuel au monde rel.
3 Proposition du service ou du produit. Votre communaut vous permet de
disposer dune population cible et qualifie laquelle vous pourrez proposer
des services cibls qui correspondront ses attentes. Le commerce tant la
suite logique du partage des centres dintrts et se prsentant sous la forme
dune opration verticale (du site vers les communautaires) ou horizontale
(entre les membres de la communaut).

Figure 516
Le site Cyberbricoleur, initi par la
direction marketing du BHV, est une
communaut virtuelle sur le bricolage
proposant forums, fiches pratiques,
salles de chat
(www.cyberbricoleur.com).

Groupe Eyrolles, 2004 149


Russir un projet de site web

Autres moyens de communication

Participation des groupes de discussion


Nous pouvons comparer un groupe de discussion sur Internet un panneau
daffichage traitant dun thme spcifique et o lon peut placer des messages,
des questions ou des rponses. Le groupe de discussion permet donc un dia-
logue en diffr entre internautes du monde entier.
Il peut prendre selon les cas trois formes diffrentes :
les listes de discussion qui ne fonctionnent que par courrier lectronique ;
les forums de discussion au sein dun site web o les internautes postent et
lisent les messages travers leur navigateur ;
les groupes de news, proposant laccs plusieurs centaines de milliers
Plus dinformations sur le service Usenet sur le site
Un nouveau guide dInternet ladresse :
despaces de discussions. Pour y accder, il est ncessaire davoir en premier
B http://guide.ungi.net/chap10.htm
lieu un client de news (souvent le mme que celui utilis pour le courrier
lectronique) et un accs des serveurs de news. Il ne faut pas les confondre
avec les forums cits ci-dessus.
Quelle que soit leur forme, la participation ces groupes est un bon moyen de
ATTENTION Communication faire connatre votre site.
via des groupes de discussion
Il faut dabord trouver un, voire plusieurs groupes de discussion qui traitent du
Attention respecter les usages des groupes de mme sujet que votre site. Votre fournisseur daccs vous donne accs gnrale-
discussion en question ! Lobjectif reste
dchanger des informations et non pas de faire
ment au service Usenet en vous attribuant un accs un serveur de news (ren-
sa propre promotion. seignez-vous auprs de lui pour connatre ladresse de ce dernier). Autre possibi-
lit, trouver sur le Web des forums ou des adresses de liste de discussion.
Pour vous aider dans votre dmarche, citons loutil trs pratique Google Group,
propos par le clbre moteur de recherche (http://groups.google.com/). Ce dernier
vous permettra de reprer la fois les groupes traitant dun thme donn et
deffectuer une recherche dans les messages dj posts.
Ensuite, imprgnez-vous de lambiance qui y rgne, rpondez des questions,
participez Vous pourrez faire connatre votre site des gens aprs avoir gagn
une confiance mrite. Et de nombreux internautes visiteront votre site.

Communiqus de presse
Les communiqus de presse peuvent savrer un excellent vecteur de promotion
pour votre site web. Leur rdaction doit suivre certaines rgles lmentaires,
RAPPEL Hirarchiser linformation tant sur le fond en datant, titrant et hirarchisant votre information, que sur la
forme : tre bref, lisible, avec des phrases courtes et sans document attach.
Pensez la pyramide inverse dcrite au chapi-
tre 2. La rdaction ne simprovise pas et chaque mot a son importance. Pour un jour-
naliste, le communiqu de presse est un outil de dtection de linformation,
peut-tre le point de dpart dune enqute. Ses attentes sont donc forcment
trs diffrentes de votre objectif : faire passer votre message.

150 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
Voici quelques suggestions :
Le titre doit concentrer, en moins de deux lignes, les lments dinformation
les plus importants : Qui ? et Quoi ? . Ne cherchez pas pater le
journaliste mais donner linformation brute le plus clairement possible ;
vitez les superlatifs et les slogans publicitaires (exemple : Le meilleur site
de commerce lectronique ou lentreprise numro un... ).
Commencez toujours votre communiqu par un chapeau de quelques lignes.
Ce dernier doit fournir au lecteur des faits complmentaires qui lui permet-
tront de juger de lintrt de votre communiqu avec le comment , le
quand et le pourquoi .
Les premires lignes du corps de texte reprsentent ce que les spcialistes
nomment lattaque . Il sagit ici de dtailler les informations contenues
dans le titre et le chapeau, en insistant cette fois sur ce qui met en valeur
votre information.
Pour tre lu, lensemble doit tre relativement court, simple, lisible et effi-
cace. Quelques paragraphes suffisent pour expliquer larrive dun nouveau
site, ses objectifs, son contenu et ses cibles : un feuillet doit suffire, soit 250
300 mots.
La dernire partie du communiqu (la chute ) donne un contexte
lannonce faite par le titre. Il peut sagir du rappel de la stratgie commer-
ciale dun site web, ou encore des bons rsultats de lentreprise sur ce mar-
ch. Ces lments fournissent un dbut de rponse la question que ne
manquera pas de vous poser le journaliste : pourquoi fates-vous ceci plutt
que cela ?

EXEMPLE Communiqu de presse pour le lancement dun site web

NC-Sports lance le portail des passionns du cyclisme lancer un portail destination des passionns du cyclisme explique
Cyclosuperweb.com Nicolas Chu, PDG de NC-Sports. Cest notre quatrime site sportif.
Nous esprons tre prsents sur tous les sports cls dici lan 2005 .
Paris, France, 04 mai 2003 -- loccasion de la confrence Cyclos 2003 , la
socit NC-Sports, spcialise dans la diffusion dinformation sportive par le
propos de NC-Sports
Web, diteur des sites sportifs comme foottoujours.com ou encore tenni-
sautop.com, annonce le lancement dun portail ddi aux passionns du NC-Sports (http://www.nc-sports.com), a pour activit principale la dif-
cyclisme Cyclosuperweb.com . fusion dinformations sportives au travers du monde via le mdia Inter-
Ce portail propose de nouveaux articles chaque jour, des informations net. Le groupe possde dj quatre sites dactualit sportive parmi les-
sur les nouveaux produits, des conseils en termes de prparation et quels nous retrouvons : foottoujours.com (450 000 pages vues / mois),
dentranement, un agenda des manifestations de cyclisme en France et tennisautop.com (375 000 pages vues / mois), squashtosquash.com
un service de newsletters envoyes chaque semaine par e-mail. (500 000 pages vues / mois) et cyclosuperweb.com.
Cyclosuperweb.com se veut un site la hauteur de ses internautes pas-
sionns par le cyclisme : toutes les informations et les rubriques seront Votre contact
rdiges par des professionnels du cyclisme sous la coupe ditoriale de Sverine F., responsable de la communication NC-Sports
Philippe Leconte, journaliste et champion de cyclisme reconnu de tous. e-mail : contact@nc-sports.com
Cette nouvelle dition dun site web spcialis sur un sport rpond au Tlphone : 01 45 48 45 48
projet dexpansion de NC-Sports : crer des sites web et des portails
ddis aux sports les plus rputs : Nous sommes ravis de pouvoir

Groupe Eyrolles, 2004 151


Russir un projet de site web

Noubliez pas dindiquer la fin du communiqu toutes vos coordonnes :


adresse du site, e-mail, adresse postale... ainsi que celles de la personne que
le journaliste pourra contacter pour obtenir de plus amples informations.
Enfin, en complment, vous pouvez prsenter la fin du texte votre organi-
sation en quelques lignes (chiffre daffaires de lanne prcdente, nombre
demploys, dernier rachat ou fusion en dates, parts de march, un ou deux
noms de clients prestigieux, etc.).
Votre communiqu rdig, il vous faudra lenvoyer aux divers mdias pouvant
tre concerns par votre annonce :
la presse informatique/ Internet,
la presse en ligne (dont les sites web de la presse papier),
les confrences de presse virtuelles (http://www.conferencevirtuelle.com,
http://www.prnewswire.com/ ),
les sites web qui reprennent les communiqus (soit directement, soit par
enregistrement sur leur site),
les mdias traditionnels (radio, tlvision) qui disposent dune rubrique ou
dune mission Internet et les nouvelles technologies .
Un mme communiqu peut aussi bien intresser la presse conomique que la
presse spcialise, mme si les attentes des uns et des autres sont trs diffrentes.
Les uns, par exemple, souhaiteront disposer dinformations financires indites
ou rcentes sur votre entreprise, tandis que les autres voudront en savoir plus sur
la technologie utilise.
Pour diffuser votre communiqu, une premire possibilit consiste rcuprer
les adresses des journalistes, soit sur les sites des organes de presse, radio ou tl-
vision, soit auprs dorganismes qui vous proposent la location de leurs fichiers.
Lalternative est dutiliser un service de diffusion spcialis qui se chargera
denvoyer vos communiqus des journalistes adhrents. Envoyer un commu-
niqu de presse des journalistes peut tre efficace, mais attention ne pas en
abuser. Votre dmarche doit tre cible, sous peine de se retourner contre vous.
Un journaliste peut avoir lire plus de 500 communiqus de presse par semaine.
Pour lui, vous ntes quune information potentiellement intressante parmi
dautres. Vous devez donc viser les personnes directement concernes par le ou
les thmes de votre site et viter de dcrire un site qui ne prsente aucun intrt
pour leurs publics.
Enfin, sachez quil existe de nombreuses agences spcialises dans les relations
presse. Ces dernires peuvent soccuper aussi bien de la rdaction du commu-
niqu que de sa diffusion.

152 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
Microsites et jeux en ligne
Ils sadressent une audience particulire et sont utiliss pour des oprations EXEMPLE
vnementielles, limites dans le temps, par exemple, le lancement dun produit, Le lancement dun ouvrage portant sur la conduite
voire dun film. Lun des aspects originaux de ce type de promotion est le jeu en de projets web peut tre associ la diffusion dun
ligne. En associant un jeu (QCM, petits jeux daction, jeux concours, loteries) petit QCM en ligne avec la cl pour les gagnants
un vnement, vous associez laspect ludique la promotion. des exemplaires du livre.

Sachez cependant que la promotion par jeu fait lobjet en France dune rgle-
mentation trs protectrice des consommateurs. La loi du 21 mai 1836, article
1er, dclare en effet les loteries de toute espce prohibes sauf si ces dernires RFRENCE Droit et Internet
sont offertes au public sans obligation dachat direct ou indirect ni frais de parti-
R Mmento Francis Lefebvre, Droit des affaires.
cipation. Les gains sont accords aprs un tirage au sort ou par moyen faisant Concurrence, Consommation, 2000.
appel au hasard. Linscription au jeu fait gnralement lobjet dun questionne-
ment pralable sur linternaute et ses habitudes de consommation, ce qui permet
lditeur de disposer dune base de prospects pour sa communication en ligne.

Figure 517 Pour assurer le lancement de son site franais en 2004, le voyagiste a orga-
nis un jeu dont la promotion tait essentiellement assure par un dispositif de marketing
viral. Un million dinternautes ont particip en un mois (http://www.expedia.fr).

Groupe Eyrolles, 2004 153


Russir un projet de site web

Parole dexpert : de lutilit dun espace presse sur son site web
Par Nathalie Weinryb

Quel que soit son objet, la notorit de votre site web Le journaliste de presse magazine, lui, sattachera la
ne tient pas seulement un rfrencement efficace, richesse du catalogue, aux prix de vente, et aux condi-
mais aussi la promotion qui peut en tre faite dans la tions et dlais de livraison.
presse. Do lutilit dun espace consacr aux journalis-
tes, qui sera, de trs rares exceptions prs, la seule
source dinformations sur votre activit et lvolution de
Faites simple, mais efficace
votre site. Les remarques gnrales, quant la perti- Nhsitez donc pas classer par thmes les informations
nence des documents auxquels vous donnez accs ou la que vous mettez disposition des journalistes. Par exem-
facilit de navigation, valent videmment pour cette ple, une section Finances regroupera toutes les infor-
zone de votre site. Mais il sagit malgr tout dun espace mations relatives la vie financire de votre entreprise, y
particulier, car son objectif est de sduire et de convain- compris les communiqus de presse. Dans tous les cas de
cre quelquun dont les conclusions, sous forme darticle, figure, lensemble de ces informations doit tre accessi-
peuvent dfaire ou faire la crdibilit de votre site ou ble rapidement, par exemple au moyen dun menu th-
influer sur limage de votre entreprise. matique, puis par types de documents (communiqus de
presse, dossiers, photos, etc.) ou par produits ou services.
Avoir quelque chose dire la presse Comme toujours, le plus efficace est souvent le plus sim-
ple.
La cration dun espace presse nest donc pas une
dmarche innocente. En le faisant, vous affichez votre Noubliez pas quun journaliste peut visiter jusqu une
volont de parler la presse . Cela signifie donc que centaine de sites web dans une journe lors de la prpa-
vous avez quelque chose dire. Si la plupart des journa- ration de ses articles. Plus linformation recherche sera
listes apprcient, dans le cadre de la prparation dun longue localiser, plus il hsitera revenir sur votre site
article, de trouver un espace presse sur le site quils visi- pour approfondir sa documentation. Les sites les plus
tent, ils sattendent y trouver des informations perti- faciles consulter sont ceux qui fournissent un accs
nentes, et radicalement diffrentes de celles que vous rapide aux pages relatives un produit. Souvent, il sagit
mettez la disposition de vos visiteurs habituels. Un dune simple liste droulante o sont numrs tous les
journaliste ne se contentera pas dun simple coup dil produits ou services pour lesquels des photos ou des
votre espace presse. Sil est intress ou si votre activit communiqus de presse sont disponibles. Noubliez pas
est au cur de son sujet, il explorera votre site en dtail, dy ajouter une liste des contacts tlphoniques et des
histoire de faire surgir les questions quil vous posera adresses e-mails, cest souvent linformation la plus
ensuite, gnralement au cours dun entretien tlpho- importante que le journaliste vient chercher sur votre
nique. site.

Diffrents types de publics Un espace priv


Les attentes du journaliste sont galement trs diffren- Mme sil est pleinement intgr au site web gnral,
tes de celles de vos visiteurs habituels. Il ne sagit pas de lespace presse a ses exigences propres. Celles-ci concer-
les convaincre ou de les divertir mais, trs souvent, de nent non seulement lorganisation des pages dans
leur fournir des informations sur la faon dont vous avez lespace presse mais aussi la nature des informations
conu le service ou le fond documentaire que vous met- mises disposition. La plupart des entreprises choisissent
tez disposition sur le Web. Et tous les journalistes ny par exemple de ne pas divulguer sur le Web de grilles
cherchent pas la mme chose. Si votre site, par exemple, tarifaires pour leurs produits et services, afin dinciter les
est une boutique en ligne, le journaliste conomique clients potentiels se manifester. Un journaliste, en
sintressera logiquement vos rsultats financiers et revanche, ne vous appellera pas forcment pour avoir ce
vos marges bnficiaires ; informations qui nintresse- type dinformation, surtout si son objectif nest que de
ront que dans une moindre mesure le journaliste de citer en exemple vos produits ou services pour illustrer
presse spcialise, dont les questions seront plus centres son propos sur, par exemple, une avance technologi-
sur linfrastructure logicielle mise en uvre. que.

154 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
La meilleure approche consiste faire de lespace presse Utilisez les autres ressources de votre site
un espace priv, ce qui permet au passage de recueillir Pour autant, lespace presse ne doit pas tre isol du reste
quelques-unes des coordonnes des journalistes qui vien- de votre site web. Bien au contraire, vous avez tout int-
nent vous visiter. Mais, l-encore, la simplicit doit primer rt, pour allger les contraintes de mise jour, tablir
sur toute autre considration. Un journaliste acceptera autant de liens que possible avec les prsentations com-
sans rechigner dentrer son adresse e-mail dans un mini merciales ou techniques, les forums aux questions ou les
formulaire pour avoir accs aux pages dsires, mais il ne catalogues existant sur votre site. Pourvu que les liens
remplira pas un questionnaire en trois tapes. soient pertinents.
Et si, pour des raisons de confidentialit, vous souhaitez Par exemple, vous pouvez choisir dexpliquer trs simple-
vrifier que ladresse e-mail saisie est bien valide, rien ne ment vos internautes le fonctionnement de votre nou-
vous empche dajouter votre page un script de vrifica- veau tlviseur connect Internet. Cette explication
tion qui tentera denvoyer un e-mail ladresse en ques- nintressera pas forcment le journaliste qui y prfrera
tion. le document rdig par votre directeur technique ou le
rsum ralis par votre cellule de marketing. En revan-
Rfrencez votre espace presse che, la fiche dcrivant les caractristiques fonctionnelles
Il y a deux raisons pour lesquelles un journaliste viendra du produit fait partie de ces informations pratiques quun
visiter votre espace presse, parce que larticle quil prpare journaliste, surtout en presse spcialise, apprciera
concerne votre entreprise, ou parce que votre entreprise davoir porte de la main.
peut avoir quelque chose dire sur le sujet trait. Dans ce
second cas, la visibilit du message de votre entreprise
dpend uniquement de votre capacit signaler au jour-
naliste que votre entreprise constitue une source digne
dintrt. Pour ce faire, la seule mthode viable est Nathalie Weinryb est Directrice de Parme Communication, agence
dengager une campagne de rfrencement Web de votre de communication, avec une forte expertise dans le domaine des
espace presse, de faon ce que les informations quil nouvelles technologies informatiques et industrielles. Sa mission est
contient apparaissent dans les listes de rponse des de concevoir et de grer les programmes de relations presse et
moteurs de recherche gnralistes. Notez quil sagit l daccompagner ses clients dans leurs autres actions de marketing et
dun rfrencement spcifique puisquil correspond un communication (marketing stratgique, marketing oprationnel,
public particulier. Le journaliste, lorsquil lit le rsum communication externe et interne, cration de sites web, vne-
fournit par les moteurs de recherche, effectue un premier mentiel).
tri. Pour passer ce filtre, les critres de rfrencement doi- B http://www.parmecommunication.com
vent tre bien tudis, afin que les pages auxquelles ils
correspondent tiennent leur promesse. En loccurrence, la
qualit des critres de rfrencement choisis lemportera
sur la quantit, et garantira que le journaliste viendra
effectivement rendre visite votre espace presse.

Groupe Eyrolles, 2004 155


Russir un projet de site web

Supports off-line
La promotion hors ligne ne doit pas tre nglige car elle complte la promotion
en ligne. Selon les cas elle peut prendre la forme de trois types dactions.

Promotion interne
Comme Ford le mentionnait, le premier client dune entreprise est son per-
sonnel. Ce dernier reprsente en effet pour chaque entreprise un fabuleux vec-
teur de marketing viral. Soyez attentif ce que chacun connaisse ladresse et le
contenu du site web au mme titre que le numro de tlphone du standard.
Une bonne connaissance de ces informations permettra aux employs dorienter
les clients potentiels vers le site en fonction de leurs besoins. Proposez gale-
ment que chaque membre de lentreprise mentionne lURL du site la fin de
son courrier lectronique ou sur sa bote vocale.

Promotion directe du site


Si votre budget vous le permet, la promotion directe vous permettra de disposer
dune visibilit maximale en un temps rduit. Elle peut se traduire par lachat
despaces publicitaires dans des revues ou journaux ou par des spots publicitaires
Cot dun sponsoring tlvisuel TV ou radio. Lusage doutils de marketing direct tels le fax-mailing, le mailing
Le cot dun sponsoring dune mission tlvisuelle
ou le tlmarketing peuvent galement se rvler intressant et complter judi-
varie beaucoup suivant laudience, la chane et cieusement votre stratgie de communication sur Internet.
lmission en elle-mme. Cela peut aller de 10 K Nous vous conseillons galement, lors de louverture de votre site ou lors du lan-
700 K par mois. Par exemple, il faut compter en cement dun nouveau service en ligne, de placer pendant quelques semaines un
moyenne 150 K par mois pour le parrainage
dune srie tlvisuelle en seconde partie de soire.
encadr sur tous vos documents avec une mention du type Dcouvrez notre
site Internet http://www.monsite.fr ou encore Dcouvrez notre nouveau service
en ligne : http://...

Promotion indirecte du site


De nombreux moyens vous permettent de communiquer indirectement sur
votre site. Lun des vhicules les plus puissants du marketing est de pouvoir
bnficier de la notorit dun tiers. Offrir vos services ou ceux dun de vos col-
laborateurs titre de confrencier, rdiger des articles gratuitement pour des
publications, participer des salons ou forums sont autant de solutions qui vous
permettent dtablir une rputation dexpert dans votre domaine. tablir une
telle rputation ne cote rien hormis un certain investissement personnel et
permet votre site de bnficier directement de ce prestige. Si les personnes
trouvent vos prestations intressantes, elles nhsiteront pas visiter votre site
pour obtenir plus dinformations.
Autre procd, la mention systmatique de ladresse du site lors de campagnes
publicitaires presse ou TV pour un autre de vos produits. Vous fates ainsi deux
communications en une seule !

156 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
Enfin, nhsitez pas imprimer ladresse de votre site, ainsi que ladresse e-mail
sur les cartes de visite, papiers en-tte, documents commerciaux, catalogues,
packaging des produits, cartes de vux, etc., afin que toute personne, grce ces
supports, sache comment contacter votre socit sur Internet.

Rcapitulatif des stratgies de promotion


et danimation
Tableau 53 Tableau rcapitulatif des stratgies de promotion et danimation dun site web

Type Description Avantages Prcautions prendre

Publicit en Peut prendre la forme de bannires, de Mme support de diffusion que votre Selon les formes, peuvent exasprer les
ligne pop-ups, de carrs, dinterstitiels ou de site web. internautes (pop-up, interstitiel,) et
sponsoring en ligne. Permet un ciblage prcis du public. donc avoir un effet nfaste sur la promo-
tion.

Affiliation Permet la constitution dun rseau de Diffusion du service dune manire plus Les campagnes daffiliation marchande
marchande sites web diffusant lun de vos services large que sur un seul site. peuvent savrer trs onreuses et
ou de vos produits (forme de Prconise pour les sites de commerce ncessitent un suivi rigoureux de ldi-
distibuteurs en ligne). lctronique. teur.

Syndication de Diffusion dune partie du contenu dun Principe dchange win-win o les deux Vous devez tre trs vigilant sur le type
contenu site sur dautres sites web. partenaires trouvent un avantage : gain de diffusion de votre information. Selon
de notorit pour lun, mise disposi- les cas, linternaute peut ne pas se ren-
tion dun contenu de qualit pour dre compte que le contenu vient de votre
lautre. site. Le gain en notorit est alors nul.

Netlinking change crois de liens entre deux sites. Permet dattirer sur un site de nouveaux Un mauvais positionnement du lien vers
visiteurs. votre site ne vous apportera que peu de
Permet daccrotre la popularit dun site visiteurs.
dans les moteurs de recherche.

Cybermarke- Peut prendre la forme de campagnes Permet un contact personnalis et mesu- Respecter la rgle de lopt-in en deman-
ting direct demailing, de newsletter (lettre dinfor- rable entre un site Internet et des visi- dant le consentement prlable du titu-
mation) ou de push (technique denvoi teurs potentiels. laire avant tout envoi dinformation.
dinformation en fonction de critres Ne jamais faire du spam.
dtermins par linternaute).

Cybermarke- quivalent sur Internet du bouche-- Facile mettre en uvre et peu on- Ncessite doffrir une relle valeur ajou-
ting viral oreille. Peut prendre la forme de recom- reux, le cybermarketing viral permet une te et doit tre facile dutilisation afin de
mandations, de tlchargement dun diffusion rapide de linformation un permettre une communication au plus
goodie grand nombre. grand nombre.

Cybermarke- Consiste rassembler des personnes Permet lditeur du site de disposer Doit, pour russir, offrir une relle valeur
ting tribal aux intrts concordants et former un dune population cible qui a de fortes ajoute en termes de services : chat,
groupe unique et identifi (communaut chances dtre intresse par les servi- forum, outils pratiques, informations
virtuelle) en parallle du site web. ces quil propose. pertinentes

Groupe Eyrolles, 2004 157


Russir un projet de site web

Tableau 53 Tableau rcapitulatif des stratgies de promotion et danimation dun site web (suite)

Type Description Avantages Prcautions prendre

Groupe de Participation aux groupes de Moyen peu onreux pour gnrer du tra- Doit, pour russir, offrir une relle valeur
discussion discussions : forums, listes de discus- fic cibl sur un site web (en fonction du ajoute dans les rponses apportes.
sion, groupes de news. thme du groupe de discussion) Attention, lobjectif reste dchanger des
informations, pas de faire ouvertement
de la publicit.

Communiqus Diffusion dun message auprs de la Moyen de communication auprs des Ce moyen de communication doit tre
de presse presse relatant la sortie dun site et/ou divers mdias. utilis bon escient. Il est important de
dun nouveau service. Permet un nouveau canal de promotion. cibler les journalistes directement con-
cerns par votre information et de ne
surtout pas les harceler.

Micro-site et Mini-sites web axs entirement sur la Trs utiles pour des oprations vne- Attention respecter la lgislation en
jeux en ligne promotion dun autre site. mentielles limites dans le temps. vigueur dans le cas dune mise en place
dune loterie en ligne.

Supports Peut prendre la forme de trois types Complte efficacement la promotion en Hormis la promotion indirecte, ce type
off-line daction : ligne. de promotion peut savrer trs on-
promotion interne lentreprise Permet de disposer dune visibilit maxi- reux.
(auprs des employs) male en un temps rduit. De plus, de telles campagnes doivent
promotion directe du site (espaces tre rflchies et budgetes longtemps
publicitaires, publipostage) lavance.
promotion indirecte (par la participa-
tion des salons, forums, par la
rdaction darticles)

Testez vos connaissances


Que signifie lacronyme A.I.D.A. ?
Quelles sont les diffrentes formes de publicit sur Internet ?
Expliquez la diffrence entre un agent de communication interactive et une
agence mdia interactive.
En quoi consiste le principe de laffiliation entre deux sites ?
Quels sont les principes dune stratgie de netlinking ?
Quappelle-t-on une stratgie de marketing viral sur Internet ?
Quappelle-t-on une stratgie de marketing tribal sur Internet ?
Comment les groupes de discussions peuvent-ils servir la promotion dun
site web ?
Comment russir un communiqu de presse ?
Quelles sont les trois formes de promotion off-line applicables pour la pro-
motion ou lanimation dun site web ?

158 Groupe Eyrolles, 2004


5 Stratgies de promotion et danimation
En rsum
Pour quun site Internet soit visit par un maximum de personnes, il convient de
respecter une certaine dmarche. La diffusion dun site doit faire lobjet dune
rflexion stratgique : vers qui souhaitez-vous communiquer ? Comment et sous
quelle forme ? En ligne ? Hors ligne ?
Nous avons tent dans ce chapitre de prsenter lensemble de ces moyens de
promotion et danimation. Ils sont complmentaires et doivent tre poursuivis
pendant toute la dure de vie de votre site.
Une tude de Cognitiative (cite sur http://marketing-internet.com/articles/strategie/
publicite.html) sur la faon dont les personnes dcouvrent de nouveaux sites a
fourni les rsultats suivants :
Pour les particuliers : bouche oreille (100 %), liens (83 %), publicit
(67 %), articles de magazines (61 %), articles de journaux (50 %), confren-
ces (17 %).
Pour les professionnels : articles de magazine (94 %), liens (88 %), publicit
(76 %), bouche oreille (71 %), articles de journaux (53 %), confrences
(47 %).

RFRENCES
Abc-netmarketing :
B http://www.abc-netmarketing.com/
Marketing-Internet :
B http://www.marketing-internet.com
ClickZ :
B http://www.clickz.com
e-marketing :
B http://www.e-marketing.fr/

Groupe Eyrolles, 2004 159


chapitre 6

Groupe Eyrolles, 2004


Analyse et mesures daudience

SOMMAIRE
B Les outils
Analyse et mesure daudience offrent des statistiques prcises B Identifier le trafic dun site
sur le trafic et les performances dun site web. Ces statistiques B Connatre le profil de ses
peuvent renseigner aussi bien sur les qualits de rfrencement, internautes
le nombre de visites ou visiteurs et le taux de clics, que sur la B Analyser les comportements
frquence de tlchargement dune information, le type de B Les statistiques techniques
foyers connects, le parcours des internautes B valuer la notorit dun site

MOTS-CLS
B Statistiques
B Site-centric
B User-centric
B Panels
B tudes
B Logs
B Visites
B Visiteurs
B Clic
B Chemins
B Nombre de pages vues
B Pays dorigine
B Popularit des pages
B Referers

Groupe Eyrolles, 2004


Russir un projet de site web

Panorama des approches de mesure et


danalyse daudience
Les outils danalyse daudience se distinguent selon deux approches : la pre-
mire, dite user-centric, est centre sur lutilisateur ; la seconde, dite site-centric,
est centre sur le site. Ces deux familles doutils ont leurs avantages et inconv-
nients respectifs.

Mesures ct client (user-centric)


RETENIR Analyse centre utilisateur Cette approche repose sur ltude dchantillons de population. Tous les sites
Lapproche centre utilisateur, qui repose sur visits donnent lieu une mesure, qui peut tre utilise ds lors que le site
ltude dchantillons de population, est similaire recueille un nombre important de visites.
celle utilise par les instituts dtudes de march. Cette tude peut tre ralise par des enqutes (tlphoniques, en ligne ou en
Une telle approche est intressante pour les trs
face face) qui permettent la fois de rcuprer des informations relatives aux
gros sites fort trafic.
caractristiques des foyers, et de connatre les comportements, freins, motiva-
tions et projets de ceux qui ne sont pas encore internautes.
Elle peut aussi tre ralise en couplant un logiciel danalyse aux PC dun panel
dinternautes, pour enregistrer leurs habitudes de navigation (type de sites
visits, temps de connexion, parcours, etc.) de faon similaire au calcul de
laudimat pour la tlvision,
Comme pour tout sondage, la fiabilit de la mesure daudience par panels
dpend de plusieurs facteurs, commencer par la reprsentativit des chan-
tillons considrs. Ceux-ci doivent reprsenter le plus fidlement possible la
population des internautes dans son ensemble : ge, catgorie socio-profession-
nelle, niveau dtude, sexe, situation gographique, quipement informatique
Les volutions notables sont prises en compte, chaque chantillon pouvant tre
revu mois aprs mois, par exemple si une catgorie donne augmente en propor-
tion, ou pour tenir compte de la dmocratisation de lusage dInternet.
EN PRATIQUE Cot des sondages de Ces analyses prsentent dindniables avantages : elles renseignent sur les ten-
comportement dances gnrales du trafic sur Internet (attitudes, modes de consommation) et
Laccs aux informations dune analyse de compor- offrent des informations dordres sociologique et dmographique.
tement cote en moyenne quelque 16 000 euros Malheureusement, lutilisation de ces outils est coteuse (en moyenne, plus de
annuels En outre, ce type danalyse porte rare-
16 000 euros par an pour accder aux informations). De plus, ces tudes ne pro-
ment sur le comportement des internautes sur leur
lieu de travail. posent que trs rarement des donnes sur le comportement des internautes dans
leur environnement de travail : les informations recueillies ne concernent que les
connexions partir des foyers connects Internet, ce qui nous empche de dis-
poser de deux types de mesures :
celles relatives aux sites vocation professionnelle (essentiellement consults
sur les lieux de travail),
celles relatives aux sites visits pendant les pauses djeuner des employs :
webmails, bourse en ligne, achats en ligne, actualits

162 Groupe Eyrolles, 2004


6 Analyse et mesures daudience
Sur le march franais, citons quelques solutions danalyse centres sur
lutilisateur :
pour les enqutes, Mdiamtrie avec son observatoire des usages de lInter-
net (http://www.mediametrie.fr), et les tudes Mdias & Internet dIpsos
(http://www.ipsos.fr).
Pour les panels, Nielsen//Netratings (http://www.nielsennetratings.com, commer-
cialise en France par Mdiamtrie) et Novatris (http://www.novatris.fr).

Mesures ct serveur (site-centric)


Lanalyse site-centric mesure laudience en comptabilisant le nombre de con-
nexions un site web donn. Cela permet dapprhender les volumes de trafic
quil gnre, grce trois types doutils :
ceux fonctionnant partir de lanalyse des fichiers de connexion (analyse des logs) ;
ceux utilisant le marquage de chaque page du site (analyse distance) ;
ceux reposant sur le balayage du trafic de rseau et de serveur (analyse des
B.A.-BA Fichiers de connexion (logs)
sniffers).
Un fichier de log dun serveur web consigne
mesure toutes les donnes des connexions servies,
Outils danalyse des logs notamment ladresse IP du visiteur, le nom et la
Certains logiciels sont spcialiss dans lanalyse automatique des fichiers de con- taille des fichiers demands et la date prcise de la
nexion (ou logs) dun serveur web. Les principales donnes ainsi collectes sont : requte.
ladresse IP du visiteur, le nom et la taille des fichiers appels ainsi que les horaires.
Lanalyse de fichiers de connexion prsente lavantage de ne ncessiter aucune EN PRATIQUE Mise en cache
des pages web les plus consultes
intervention pralable sur le site analyser.
Cependant les informations recueillies manquent parfois de fiabilit, car toutes La mise en cache permet dconomiser les trans-
ferts de donnes entre un serveur web et un client,
celles qui sont stockes en cache (cache de proxies ou de navigateurs) sont diffi- en gardant en mmoire les pages les plus deman-
cilement exploitables, les requtes les plus rcurrentes ntant comptabilises des. Ces pages sont alors servies plus rapidement
quune seule fois dans les logs. Cette contrainte est importante, car, selon les aux internautes.
sources, la minoration daudience provenant du phnomne de mise en cache Dans le cas des caches situs du ct du naviga-
peut varier de 10 60 % (Bertrand Bathelot, sur son site abc-netmarketing.com, teur, les donnes sont stockes sur le disque dur du
client. Une page web consulte est enregistre
estime cette minoration entre 20 et 50 %).
dans un dossier spcifique. Si cette page est rede-
Il existe un grand nombre doutils danalyse de logs, certains sont payants, mande, le navigateur la rcupre directement
dautres gratuits : dans ce dossier, et son affichage est instantan.
Dans le cas des caches situs chez les fournisseurs
Webtrends http://www.netiq.com/webtrends/default.asp daccs Internet ou administrateurs de rseaux
Surfstats http://www.surfstats.com (voir figure 6-1) dentreprises, ces derniers ont mis en place des ser-
Analog http://www.analog.cx veurs spcialiss, dits serveurs proxy, qui la
rception dune requte, stockent le rsultat sur
Summary http://summary.net
leur disque. Si la mme requte leur est nouveau
Webalyzer http://www.webalizer.com (voir figure 6-1) envoye, ils vrifient que le rsultat na pas t
Wusage http://www.boutell.com/wusage modifi et renvoient celui gard en mmoire.
Dans ces deux cas, lappel dune page mise en
cache nest pas comptabilis dans les fichiers logs
Signalons galement que les hbergeurs proposent souvent, dans le cadre de car elle nest pas servie par le serveur du site.
leurs prestations, laccs lun de ces logiciels.

Groupe Eyrolles, 2004 163


Russir un projet de site web

Figure 61
Les analyseurs de logs
Surfstats et Webalyzer

Outils danalyse distance


Choisir des outils danalyse distance Le principe gnral des outils danalyse distance est de marquer les pages dont
certifis par le label OJD Bureau on veut mesurer laudience, laide dun tag.
Internet Multimdia
Lorsquune page ainsi marque est charge par un internaute, une requte est
LOJD a pour vocation de certifier la diffusion, la envoye un serveur externe danalyse daudience qui comptabilise les donnes
distribution et le dnombrement de tout mdia, en relatives cette visite. Cette technologie a vu le jour dbut 1998.
priorit la presse. Il vrifie galement les crits sp-
cialiss, les supports imprims, les supports audio- Les outils danalyse distance prsentent plusieurs avantages :
visuels et les services tlmatiques et multimdias. La page appele est comptabilise dans les statistiques du site, mme si cette
Le rsultat de ses contrles sert de rfrence page provient dun serveur proxy (cela permet de contrer les minorations
llaboration des tarifs de publicit.
Plusieurs outils danalyse site-centric ont reu le
dues la technique de mise en cache).
label ODJ Bureau Internet Multimdia exploitable Toutes les mesures se font sur un serveur extrieur et nutilisent donc pas les
en vue de jouer le rle de tiers certificateurs pour ressources du serveur sur lequel est hberg le site web.
les donnes de frquentation des sites web.
La mesure tant effectue par un prestataire neutre, lditeur du site peut
B http://www.ojd.com/fr/bureaux/bur_bim.php
utiliser cette dernire comme une solution de certification de son trafic.
Lors des requtes envoyes au serveur de statistiques, certaines informations
peuvent tre galement passes en paramtre ce qui permet par la suite de
suivre des lments autres que purement trafic : prix dun produit slec-
tionn, critre de la recherche effectue, type de paiement utilis, nom du
lien cliqu, etc.
Voici une liste non exhaustive des principaux outils utilisant la technologie des tags :
Sitecatalyst http://www.omniture.com/product_tours/sitecatalyst
Google Analytics http://www.google.com/analytics/fr-FR/
XITI http://www.xiti.com
Weboscope http://www.weboscope.com

164 Groupe Eyrolles, 2004


6 Analyse et mesures daudience
eStat http://www.estat.com
HitBox http://www.websidestory.com
WEBandSTATS http://www.audientia.com
UCatchIt http://www.ucatchit.com/
Wysistat http://www.wysistat.com
Webabacus http://www.webabacus.com

Figure 62
Les outils danalyse distance
Estats et Xiti

Balayage du trafic de rseau et de serveur


Cette technique ncessite linstallation de logiciels spcifiques sur le serveur T Un sniffer
web : les sniffers, qui permettent de prlever directement les informations au Un sniffer est un dispositif (logiciel ou matriel) qui
niveau TCP/IP et de les analyser par paquets. permet de capturer toutes les informations transi-
Ce type danalyse permet de recueillir les donnes en temps rel. Cependant, tant sur un rseau donn. Cet outil peut ainsi servir
dceler les failles de scurit ou bien rcuprer
comme dans le cas de lanalyse des logs, les pages stockes dans les caches des
les informations de connexions.
navigateurs ou des proxies ne sont pas prises en compte. En outre la technologie
des sniffers ncessite une mise en place complexe et ne vise ainsi que les trs gros
systmes.

Combiner les analyses de logs et les techniques de tags


Si lon met de ct lapproche user-centric et la technologie des sniffers, surtout RETENIR Analyse des logs
intressantes pour les trs gros sites fort trafic, il faut savoir quil est profitable de et technique des tags
combiner lanalyse de logs et lanalyse distance, car les dcalages qui apparaissent Lanalyse des logs et la technique des tags sont des
lorsquon compare les informations recueillies montrent quelles se compltent. approches complmentaires plutt que concurren-
tes. Chacune possdant ses forces et ses faiblesses,
Rappelons en effet que les pages mises en cache ne sont pas comptabilises par
lidal est de disposer des deux types doutils.
les analyseurs de logs, mais le sont par lanalyse distance ; inversement, une
page interrompue dans son chargement avant son affichage complet sera prise
en compte par une analyse de logs mais pas forcment par un outil utilisant la
technologie des tags ce dernier ne lance la requte au serveur distant quune
fois charg.

Groupe Eyrolles, 2004 165


Russir un projet de site web

Estimations du trafic
Les outils de mesure et danalyse daudience permettent de recueillir un grand
nombre dindicateurs pour mieux connatre le trafic dun site. Ces indicateurs
sont essentiels pour lvaluation du potentiel global de votre site, et ce quelle que
soit la vocation de ce dernier : ditoriale, commerciale, publicitaire, extranet

Nombre de pages vues


T Page vue Cest lindicateur le plus souvent utilis. Il reprsente le nombre de pages char-
Une page vue est une page considre comme ges sur le poste de linternaute lorsquil consulte le site.
un tout cohrent du point de vue du navigateur, Souvent exprim en volume global, il peut tre influenc par la structure du site :
quel que soit le nombre dlments quelle inclut. il augmente lorsquun mme contenu est rparti sur plusieurs pages, ou diminue
dans le cas dun regroupement dinformations au sein dune mme page.
NOTER Nombre de pages vues
Par exemple, une information dcoupe artificiellement entre plusieurs pages
vs nombre de fichiers accds
web engendrera automatiquement un nombre de pages vues beaucoup plus
Certains outils de mesure daudience vous propo- important que si cette dernire est prsente sur une seule page. Toutefois le
sent galement comme indicateur de trafic le nom-
phnomne de mise en cache (voir section prcdente) peut rendre cet indica-
bre daccs, qui correspond au volume de fichiers
demands par un visiteur (image, page, fichier teur compltement erron pour un analyseur de logs : les pages mises en cache
texte, etc.) et de ce fait, ne correspond pas exacte- ntant dans ce cas pas comptabilises.
ment au nombre de pages vues.

Figure 63 Exemple dvolution du nombre de pages vues (source : Weboscope)

Le nombre de pages vues est un bon indicateur connatre avant dengager des
T Session web ngociations de partenariats (change de liens, diffusion de campagnes publici-
Ici, nous lassimilons la priode de temps qui taires...) avec dautres sites car il reprsente indniablement lun des aspects de la
commence lorsquun internaute affiche la premire popularit dun site web.
page dun site web et se termine lorsque le visiteur
quitte le site ou reste inactif au-del de la dure
maximale dinactivit. Pour une limite dinactivit Nombre de visites ou nombre de sessions
de trente minutes par dfaut, nous avons donc :
Session web = dure de navigation sur un site + 30 Il sagit du nombre de fois o le site a t visit pendant un intervalle de temps
minutes. spcifi. Cette information est couramment employe pour connatre limpor-
tance dun site en termes de trafic. Cependant, elle doit tre apprhende avec

166 Groupe Eyrolles, 2004


6 Analyse et mesures daudience
prcaution, car elle ne permet pas de savoir si 40 000 visites mensuelles corres-
pondent 40 000 visiteurs venus une fois dans le mois, ou 8 000 visiteurs
venus 5 fois
En outre, deux visites espaces de moins de 30 minutes (du mme client) ne
sont comptabilises par loutil danalyse que comme une seule visite (la dure
moyenne dune session web est gnralement de 30 minutes).

Nombre de visiteurs
Cet indicateur est utilis pour savoir si un mme visiteur est venu plusieurs fois T Cookie
sur une priode donne. Pour obtenir cette information, les outils danalyse Variable stocke pour une dure donne sur la
daudience utilisent des cookies. machine de lutilisateur et qui permet de conserver
Lorsquun internaute refuse lenregistrement des cookies sur son poste, le calcul des informations relatives lidentit du client et
ses actions sur le site. Lors de la premire visite, le
du nombre de visiteurs est gnralement bas sur ladresse IP et la variable
serveur enregistre ces informations dans un fichier
denvironnement user agent (systme dexploitation et type de navigateur). texte quil conserve sur le disque dur du visiteur.
Attention, le terme visiteur dsigne ici le poste qui accde au site et non son Lors des visites suivantes, le serveur recherche le
utilisateur. La diffrence est importante, car cet indicateur ne permet pas de cookie et se configure en fonction des informations
fournies.
savoir si, pour accder au site, sept internautes ont utilis chacun une fois le
De nos jours, les principaux navigateurs donnent la
mme ordinateur ou si un internaute a utilis sept fois sa propre machine. Seule possibilit aux internautes de refuser lenregistre-
une authentification permettra de connatre vritablement le nombre dinter- ment des cookies sur leur ordinateur.
nautes distincts dun site donn (ceci ncessitera que laccs au site web soit res-
treint, ce qui nest gnralement pas le cas dun site grand public). B.A.-BA Authentification
Au del de cet aspect, le nombre de visiteurs est un lment apprciable pour Procd qui rserve laccs des ressources Internet
apporter lditeur dun site une visibilit plus qualitative de son trafic (voir (ou intranet) aux seuls visiteurs qui sidentifient
figure 6-5). laide dun nom dutilisateur et dun mot de passe..

Figure 64 Figure 65
Exemple dvolution du nombre de visites (source : Xiti) Exemple dvolution du nombre de visiteurs (source : Xiti)

Groupe Eyrolles, 2004 167


Russir un projet de site web

Identification du profil des internautes

Pays dorigine
Cette indication peut se rvler fort utile si la stratgie dune entreprise est
dinternationaliser son mdia en ligne. Lditeur pourra ainsi tester limpact
pour chaque pays et corroborer linformation ainsi obtenue avec les marchs
quil avait au pralable cibls.

Configurations et quipements des internautes


Figure 66 Bilan donnant lorigine
des visiteurs dun site web (source : Xiti) Ces indicateurs identifient pour les visiteurs dun site :
les types et versions de leur navigateur,
EXEMPLE les types et versions de leur systme dexploitation,
Si lunanimit des internautes dun site donn dis- les rsolutions et les couleurs disponibles pour leur cran.
pose dune rsolution dcran au minimum de En reliant ces informations, nous obtenons une vision pertinente nous permet-
800 600 px, il sera alors inutile de continuer tant de dceler automatiquement les problmes dinadquation entre le site et
dvelopper ce dernier pour une fentre cible de
ses visiteurs. Cela permet de mieux adapter lergonomie du site et peut
640 420 px (voir chapitre 2).
influencer le choix de telle ou telle technologie.

Figure 67
Exemples de bilans des configurations
et quipements des internautes
(sources : Weboscope et Urchin)

168 Groupe Eyrolles, 2004


6 Analyse et mesures daudience
Analyse du comportement des internautes
La mesure daudience dun site web permet de comprendre le comportement
des internautes et dagir en consquence.

Les indicateurs de comportement

Pages dentres et de sorties


Ces indicateurs identifient les pages par lesquelles les utilisateurs accdent au
site ainsi que celles partir desquelles les visiteurs le quittent.
Figure 68
Exemples de listes des
principales entres et sorties
(sources : Surfstats et
Webtrends)

Les pages dentres peuvent savrer utiles pour dcouvrir que laccs au site se
fait autrement que par la page daccueil, ou pour suivre concrtement limpact
dun partenariat ou dune publicit qui pointe directement sur une page donne.
La liste des sorties est galement significative pour connatre les pages :
qui ne retiennent pas lattention des visiteurs ou, au contraire, qui leur four-
nissent linformation recherche ;
qui orientent les internautes vers un autre site (succs dun lien renvoyant
un site partenaire, par exemple).
De plus, si les pages de sorties correspondent en majorit aux pages dentres, cest
que le site dispose de plus dinternautes de passage que dinternautes fidliss.

Groupe Eyrolles, 2004 169


Russir un projet de site web

Principaux itinraires et popularit des pages


Utiles pour les activits de marketing et de promotion, ces indicateurs
prsentent :
les chemins que les visiteurs suivent le plus souvent (en commenant par la page
quils ouvrent en premier puis toutes les pages successives pendant leur visite) ;
les pages les plus demandes ;
les pages qui ne sont presque jamais visites.

Figure 69
Exemples de pages les plus populaires
et des chemins prfrs des internautes
(sources : Urchin et Webtrends)

Ces informations aident lditeur mieux organiser la structure de son site en lui
prsentant ses zones chaudes et ses zones froides . De la mme manire en
grande distribution, lamnagement dun point de vente est en grande partie
dfini par le comportement du consommateur : par le biais doutils danalyse
sophistiqus relis aux camras de surveillance, le distributeur peut suivre un
consommateur et noter tous ses arrts devant les rayons, les soldes, etc. Cette
technique fait apparatre les zones chaudes (points de passage les plus fr-
quents) et les zones froides (points de passage les moins frquents) du
magasin et permet didentifier les meilleures places pour les produits.
Il en va de mme pour un site web. Lanalyse de ces indicateurs permettra
lditeur :
pour un site dinformation, de dfinir les meilleures pages pour placer un
renseignement important ou une publicit ;
pour un site de commerce en ligne, de suivre le parcours complet des inter-
nautes dans le processus de commande et didentifier combien parmi eux se
sont arrts laction de commander sans aller jusqu lacte de paiement.

170 Groupe Eyrolles, 2004


6 Analyse et mesures daudience
Si le site web comprend un moteur de recherche interne, nous pouvons gale-
ment coupler ces informations avec les mots-cls utiliss par les internautes, et
ainsi identifier sil existe une adquation entre les informations demandes et
celles effectivement consultes.
Enfin, ces indicateurs vous permettent dvaluer la prsentation, le design de
votre site web et laccessibilit dune page.

Dure moyenne des visites et temps de consultation par page


Il sagit du nombre de minutes pendant lequel le site web ou lune de ses pages a
t consulte par un visiteur. Mme si ces informations permettent de valider la
pertinence de mise en ligne de certaines informations, elles doivent tre inter-
prtes avec prcaution.
En effet, ce type dindicateur dpend en grande partie du thme du site. Par
exemple, la dure moyenne dune visite sur un site de jeux en ligne sera certaine-
ment beaucoup plus longue que celle dun site prsentant lactivit dune entreprise.

Figure 610
Exemple de dure moyenne dune visite
(source : Weboscope )

Jours et heures de visites


Les jours et heures de visites renseignent sur les niveaux dactivit du serveur
web pour une priode spcifie. Les informations gnralement disponibles
sont :
le niveau dactivit en semaine et pendant le week-end (nombre de pages
vues et nombre de visites) ;
le niveau dactivit par jour (nombre de pages vues et nombre de visites) ;

Figure 611 Exemple de niveaux dactivit Figure 612 Exemple de niveaux dactivit
par heure de la journe (source : Estat) par jour de la semaine (source : Webtrends)

Groupe Eyrolles, 2004 171


Russir un projet de site web

lidentification du jour de la semaine le plus actif et le moins actif ;


lidentification des heures les plus actives et les moins actives.
Ils permettent la fois de connatre la priode la moins pnalisante pour un
arrt de service (pour une maintenance technique, par exemple) et de mieux
cerner les lieux de connexions au site : entreprise ou domicile.

Ratios issus des indicateurs de comportement

Nombre de visites en fonction du nombre de pages vues


Ce ratio permet de connatre lactivit moyenne dun site donn. linstar du
nombre de pages vues, il peut tre influenc par la structure et le thme du site.
Par exemple, il est intressant de savoir quun site dinformation atteint en
moyenne un taux de cinq pages par visite.

Figure 613
Exemple du nombre de visites
en fonction du nombre de pages vues
(source : Webtrends)

Taux de visites une page


Il sagit du rapport entre le nombre total de visites et le nombre de visites une
page. Un taux lev indique que linternaute ne reste pas sur le site et permet
dagir en consquence (pages pas assez accrocheuses , erreur du systme de
navigation, information mal distribue).

172 Groupe Eyrolles, 2004


6 Analyse et mesures daudience
Figure 614
volution du taux de visite une page
(source : Xiti)

Frquence de visite
Cest une moyenne permettant de savoir combien de fois un visiteur est revenu
sur un site pour une priode donne (un jour, une semaine...). Ce chiffre est
gnralement proche de 1 ; lorsquil dpasse 2, cela montre que les visiteurs
reviennent sur le site trs frquemment (ce qui est normal pour un site diffusant
de lactualit, par exemple).

Figure 615
volution de la frquence de visite
(source : Xiti)

Nombre de pages vues la minute


Il sagit du ratio entre le nombre de pages vues par visite et la dure dune visite.
Il reprsente une sorte de vitesse de lecture des pages. Un ratio faible montre
que les internautes ont pris leur temps pour lire le contenu des pages, alors quun
ratio lev traduit une grande rapidit de lecture (ce cas arrive notamment
lorsque linternaute connat bien le site).

Figure 616
volution du nombre de pages vues la
minute (source : Xiti)

Groupe Eyrolles, 2004 173


Russir un projet de site web

Connatre la performance et la notorit


dun site web
Les outils de mesure daudience permettent dobtenir un classement des princi-
pales voies daccs au site ainsi que des statistiques techniques le concernant.
Ces informations sont trs utiles pour tablir la performance de votre site (fiabi-
lit, erreurs, etc.) ainsi que celle de votre travail de promotion et de rfrence-
ment.

Statistiques techniques

Fiabilit du site
B.A.-BA Erreurs ct client et ct serveur En comparant le nombre daccs vos pages au nombre dchecs, vous obtenez
Les erreurs ct client se produisent si la demande une reprsentation assez fidle de la fiabilit de votre site.
mise par le navigateur dun visiteur nest pas Pour chaque erreur rencontre, loutil danalyse dtaille :
valide. Les erreurs client sont numrotes dans la
la requte qui en est lorigine (formulaire, appel dune page ou dune image
plage 400 des codes dtat HTTP (voir ci-dessous).
Les erreurs ct serveur signalent des problmes non existante, etc.) et vous permet ainsi didentifier tous les bugs qui
apparus lorsquun serveur web a essay de rpon- subsistent ;
dre la requte dun client, et sont numrotes son type, sil sagit dune erreur ct client ou ct serveur ;
dans la plage 500 des codes dtat HTTP.
son code dtat HTTP afin de connatre les diffrents types derreurs ren-
contres au cours de la navigation.

DFINITION Codes HTTP signalant un chec


Les codes dtat HTTP dune demande de fichier indiquent si le
transfert a russi ou non, et pourquoi.

Code dtat HTTP Signification Code dtat HTTP Signification


400 Demande errone 412 chec de la prcondition
401 Non autoris 413 Demande dentit trop grande
402 Paiement exig 414 Demande dURL trop grande
403 Interdit 415 Type de support non pris en charge
404 Introuvable 416 Impossible de satisfaire la plage demande
405 Mthode non autorise 417 chec de lattente
406 Inacceptable 500 Erreur de serveur interne
407 Authentification du serveur proxy requise 501 Non mis en uvre
408 Temporisation de la demande 502 Passerelle incorrecte
409 Conflit 503 Service indisponible
410 Termin 504 Temporisation de passerelle
411 Longueur requise 505 Version HTTP non prise en charge

174 Groupe Eyrolles, 2004


6 Analyse et mesures daudience
Figure 617
Les indicateurs derreurs
(source : Webtrends)

Formulaires utiliss
Cette section indique le nombre de formulaires soumis avec succs par les utili-
sateurs et le comparent au nombre dchecs. Cet indicateur permet didentifier
les requtes le plus souvent demandes : demande dinformation, commande,
recherche, etc.

Figure 618
Les formulaires soumis
(source : Urchin)

Groupe Eyrolles, 2004 175


Russir un projet de site web

Bande passante consomme


Le graphique et le tableau de bande passante identifient le nombre doctets
transfrs partir de votre site web pour la priode de temps spcifie. Ces
informations sont prcieuses pour savoir si la consommation de bande passante
ncessite de faire voluer le dbit de la connexion Internet ou le trafic allou
par lhbergeur (voir chapitre 3).

Figure 619
Exemple de bande passante
consomme
(source : Surfstats)

Performance du travail de promotion et de rfrencement


Ltude des diffrents modes daccs au site permet dvaluer lefficacit du tra-
vail de promotion et de rfrencement. Trois types daccs sont distingus :
laccs direct, par lien ou par moteur.

Accs direct
Il sagit dun accs par la saisie directe de lURL dans le navigateur ou partir
dun signet, ou par un lien depuis un e-mail. Ces informations donnent une
indication quant au nombre de visiteurs fidliss.

Figure 620
Exemple de rpartition entre les diffrents
type daccs un site web (source : Xiti)

Accs par liens


Ce sont les visites gnres par un lien sur un autre site (dnommes galement
referers). Ce type dinformation donne des indications sur les sites prescripteurs et
permettent de constater lefficacit des partenariats et des campagnes de publicit.
En identifiant ainsi les provenances de sites partenaires ou affilis, il est possible
de vrifier si le lien est bien situ sur la page dfinie avec votre partenaire, mais
aussi de reprer les liens rfrents dont vous naviez pas connaissance et didenti-
fier ainsi les sites qui ont spontanment tabli un lien vers le vtre.

176 Groupe Eyrolles, 2004


6 Analyse et mesures daudience
Figure 621
Exemples de referers dun site web
(source : SurfStats)

Accs par moteur ou par annuaire


Certains outils danalyse renseignent galement sur le trafic gnr par les outils PERFORMANCES Calculer le retour sur
de recherche. Ils donnent des informations sur : investissement des campagnes
les rsultats des campagnes de rfrencement (il est possible ainsi de recou- En mettant en corrlation les indicateurs de prove-
per des informations prcises sur la proportion du trafic provenant des nances cits ci-dessus et les divers cots engendrs
par vos campagnes de promotion, vous pouvez trs
moteurs de recherche) ;
facilement calculer votre retour sur investissement.
limpact de chaque outil de recherche (donnes communiques gnrale- Par exemple, le cot par visite peut sobtenir en
ment en pourcentage et en nombre de visites) ; divisant le montant dpens pour la campagne de
les mots-cls et expressions spontanment utiliss par les visiteurs pour acc- marketing, divis par le nombre de visiteurs que la
campagne a attirs sur le site (bannires, liens,
der votre site. Ces derniers ne sont pas toujours ceux que vous avez imagi- rfrencement).
ns. Ils peuvent vous aider rorienter ou complter votre stratgie de rf-
rencement et gagner ainsi des visiteurs.

Figure 622
Mots-cls et rpartition du trafic gnr par les
outils de recherche (source : Estat)

Groupe Eyrolles, 2004 177


Russir un projet de site web

Parole dexpert : objectifs et enjeux de la mesure daudience


par Bertrand Bathelot

La mesure et lanalyse daudience sont des dmarches On peut, par exemple, estimer quune demande de devis
indispensables dans la gestion dun site web. Ne pas lutili- sur site est en moyenne moins porteuse de motivation (et
ser peut tre assimil grer un magasin sans connatre donc moins prcieuse) quune demande faite par courrier
son chiffre daffaires, sa frquentation ou le comporte- rponse. Le but nest donc pas ici forcment de trouver un
ment de ses clients. canal qui vienne remplacer les autres, mais dutiliser un
canal complmentaire qui donne de nouveaux contacts
un cot moins lev.
Objectifs internes de la mesure daudience
La valorisation du temps pass ou du nombre de pages
La cration dun site est un investissement commercial et vues sur un site qui a pour seule ambition de promouvoir
lentreprise doit ce titre tre capable den mesurer la une marque est encore plus dlicate.
rentabilit. Laudience est un des indicateurs qui permet-
Dautres indicateurs peuvent permettre dtudier les co-
tent dapprcier cette rentabilit. Si le site pratique la
nomies ralises grce au site dans le domaine du
vente en ligne, laudience ne sera quun indicateur com-
support :
plmentaire du volume de vente gnr.
nombre de patchs tlchargs ;
Si le site na quun objectif de promotion de la marque et
de prsentation des produits, laudience est alors le princi- nombre de drivers tlchargs ;
pal indicateur de rentabilit de linvestissement, mais il nombre de consultation des pages daides techniques ;
doit tre complt par des tudes qualitatives ponctuelles nombre doprations de tracking logistique effectues
permettant de mesurer limpact des visites sur limage et sur le site.
la connaissance de la marque et des produits. Pour valider Lestimation des conomies ralises peut tre faite de
lexistence dun rel retour sur investissement, le respon- manire relativement prcise, car les entreprises sont
sable marketing peut alors comparer une partie de son gnralement capables destimer le cot dun appel sur
investissement de prsence Internet avec le budget publi- une hotline ou les frais denvoi de documentation.
citaire ncessaire pour obtenir les mmes effets avec des
Attention cependant ne pas surestimer les gains. Il peut
investissements mdias traditionnels.
tre judicieux de sintresser la baisse ventuelle des
Dans le cas dun site mdia, laudience est lie une appels sur une hotline plutt quau nombre de recours
opportunit, variable selon le titre, de gnrer des reve- aux services en ligne. En effet, dans le cas des services de
nus publicitaires et a des effets qualitatifs relationnels. Par tracking des socits de messagerie, 100 000 usages en
exemple, les auditeurs visitant le site dune station radio ligne du service ne correspondent pas 100 000 appels en
peuvent gnrer quelques revenus publicitaires, mais ils moins sur les plates-formes dappel car la simplicit du ser-
peuvent surtout se sentir plus proches de la station et tre vice en ligne en encourage lutilisation.
ainsi fidliss.
Les renseignements donns par lanalyse daudience per-
Pour une analyse plus fine, dautres indicateurs peuvent mettent galement une gestion dynamique et une opti-
tre utiliss selon le domaine dactivit en complment misation du contenu du site. Ces indicateurs de gestion
des donnes gnrales daudience : sont trs prcieux, car ils peuvent parfois mettre en vi-
nombre de demandes dinformations ou devis ralises dence des lacunes ruinant les efforts de promotion con-
en ligne (formulaires ou e-mails) ; sentis. ce sujet, les indicateurs les plus utiles sont ceux
nombre dadresses de distributeurs recherches ; lis aux comportements des internautes, tels que les itin-
nombre de pages produit ou service consultes ; raires de visites, les heures de consultation et les pages
dentre et de sortie.
.
Lanalyse du nombre de visites sur deux pages apparte-
Lorsque les indicateurs sont dtermins, se pose encore le
nant un itinraire cl sur un site est aussi une donne
problme de la valorisation des actions retenues. Les
trs prcieuse. Il est par exemple dune importance fonda-
demandes dinformations ou de devis peuvent tre ven-
mentale pour un site marchand de comparer le nombre
tuellement valorises par comparaison avec les cots
de visiteurs mettant un produit dans un caddie virtuel et
dobtention par un autre canal (marketing direct, VRP...),
le nombre final de commandes.
mais la comparaison nest pas forcment aussi simple.

178 Groupe Eyrolles, 2004


6 Analyse et mesures daudience
Par exemple, sur Abc-netmarketing.com, nous avons com- lments visuels publicitaires (bandeaux, logotypes, etc.),
par le nombre de visiteurs sur la page dinscription nos la solution la plus simple est souvent dutiliser les donnes
newsletters, aux nombres dindividus finalement abonns de reporting dun serveur publicitaire pour valider les
que nous retrouvions sur la page de confirmation dabon- chiffres du partenariat.
nement. Cela nous a permis de mettre en vidence un Dans le cadre particulier du processus de valorisation des
taux de transformation que nous trouvions trop faible et socits Internet, les donnes daudience publies furent
que nous avons pu augmenter de 20 % par une refonte une poque trs importantes. Outre le nombre dabon-
de notre page dinscription. ns ou de clients, le nombre de pages vues et le temps
pass sur un site taient des lments cls de lapprcia-
Objectifs externes de la mesure daudience tion de la valeur. Les acteurs financiers scrutaient les chif-
fres daudiences fournis par le site ou les panels. Dorna-
Lobjectif externe est essentiellement de fournir des don- vant, les donnes daudience sont passes au second plan
nes daudience destination des partenaires potentiels dans les processus de valorisation derrire les donnes de
de lentreprise : annonceurs, rgies, agences, financiers chiffre daffaires gnr.
Les donnes daudience sont videmment un lment
Dune faon gnrale, la mesure daudience sur Internet
central pour attirer les annonceurs et autres acteurs des
obit de plus en plus des objectifs de gestion interne
campagnes publicitaires en ligne lorsque le site est un
dans le domaine commercial et marketing. Les outils vo-
support potentiel. Cependant, deux faits sont spcifiques
luent dans ce sens en sorientant vers la simplicit et le
Internet :
confort dutilisation pour les responsables marketing et
1. Les donnes daudience fournies par le site ne sont sou- en incluant des indicateurs relatifs au nombre et au mon-
vent quun moyen dattirer lattention des annonceurs tant des commandes dans les interfaces de reporting des
ou les rgies. Ce sont les donnes issues des statistiques sites marchands.
du serveur publicitaire appartenant la rgie ou au site
qui feront foi.
2. Contrairement au support TV, laudience ninfluence
pas directement le tarif du support puisque les effets de
volumes sont gomms par la tarification CPM (cot Bertrand Bathelot est fondateur dABC-Netmarketing, site de conte-
pour 1 000 pages vues avec publicit). nus relatifs aux problmatiques et techniques du marketing interac-
La mesure daudience peut galement servir de base la tif. Actuellement, ABC-Netmarketing regroupe une communaut de
ngociation lorsquun site tablit un partenariat avec plus de 10 000 professionnels.
dautres sites pour la mise en place de liens rciproques ou B http://www.abc-netmarketing.com
dautres formes de partenariat. Dans cette optique, il
importe que loutil de mesure saccompagne dune proc-
dure de certification dans laquelle un tiers indpendant
(certificateur) attestera de la ralit des chiffres fournis.
Comme ce type de partenariat utilise le plus souvent des

Groupe Eyrolles, 2004 179


Russir un projet de site web

Synthse : comment utiliser les indicateurs


de mesure daudience ?

Afin dobtenir des informations pour utilisez les indicateurs suivants

Une ngociation de partenariats ou une campagne publicitaire Nombre de pages vues


Nombre de visites
Nombre de visiteurs
Nombre de pages vues par visites

Amliorer lergonomie du site Configurations et quipements des internautes


Les pages de sorties
Le taux de visite une page
Nombre de pages vues la minute

Suivre limpact dune publicit ou dun partenariat Les pages dentres


Laccs par liens
Identifier les meilleures pages pour placer une publicit ou une infor- Les chemins prfrs
mation importante Les pages les plus populaires

Suivre le processus dune commande en ligne Les chemins prfrs


Les pages de sorties

Valider la pertinence des informations Dure moyenne des visites


Temps de consultation par visite
Nombre de pages vues la minute
Les pages de sorties

Planifier un arrt du service Jours et heures de visites

Connatre les lieux de connexion Jours et heures de visites


Pays dorigine

Corriger les bugs Les erreurs


Les pages de sorties

Faire voluer le dbit de la bande passante Bande passante consomme

Connatre le nombre de visiteurs fidliss Laccs direct


Nombre de pages vues la minute

Connatre les rsultats de votre campagne de rfrencement Laccs par moteurs ou annuaires

180 Groupe Eyrolles, 2004


6 Analyse et mesures daudience
Testez vos connaissances
Quelles diffrences existe-t-il entre les outils user-centric et les outils site-
centric ?
Quest-ce que la technique de mise en cache ?
Comment peut-on identifier le trafic dun site web ?
Quels sont les indicateurs permettant danalyser le comportement des inter-
nautes (indicateurs de comportement et leurs ratios) ?
Comment peut-on dfinir la notorit dun site ?

En rsum
La mesure et lanalyse daudience sont des dmarches indispensables dans la
gestion dun site web. Elles permettent non seulement lditeur de connatre la
frquentation de son site et de mesurer son retour sur investissement (gain en
notorit, gain en image, gain financier), mais peuvent mettre en vidence les
erreurs de conception du site et faciliter son optimisation ergonomique. Enfin,
lanalyse daudience peut servir de base pour toute ngociation de partenariat
avec un autre site ou bien pour vendre des espaces publicitaires le nombre de
pages vues et le temps pass sur un site tant des lments cls pour mesurer son
importance.

POUR ALLER PLUS LOIN Terminologie du CESP


Le CESP (Centre dtude des supports de publicit) est lassociation interprofessionnelle
charge de laudit et du contrle des tudes daudience des mdias en France.
Le Collge Internet du CESP a publi une terminologie de la mesure daudience web qui
reprsente actuellement une rfrence incontestable. La dernire version a t finalise
courant mai 2002 et est disponible ladresse :
B http://www.cesp.org/docs/fd_docs_pub0002.htm

Groupe Eyrolles, 2004 181


annexe A

Groupe Eyrolles, 2004


Modle de plan projet

SOMMAIRE
Un plan projet est un document qui permet de dgager les B Prsentation gnrale du projet
orientations structurantes et de fixer le cadre des travaux
B Orientations fonctionnelles
venir dun projet. Initi partir dune expression de besoin,
B Travaux et activits
puis complt en fonction de lanalyse de cette expression de
B Acteurs
besoin (faisabilit, dfinition de la solution, travaux raliser,
estimation des charges et planning), il est destin faciliter B Plan dassurance qualit
la comprhension du projet pour lensemble des acteurs B Planning
concerns, y compris et surtout lquipe de ralisation. B Budget

Groupe Eyrolles, 2004


Russir un projet de site web

Le modle prsent dans cette annexe doit tre adapt aux spcificits du projet
trait et de lentreprise ou de lassociation concerne.

Estimation I. Prsentation gnrale du projet


La prsentation gnrale du projet reprsente en Cette partie doit dcrire les motivations, les bnfices attendus et doit permettre
moyenne 15% du plan projet. de dfinir les priorits (MSM : Must, Should, May). Voici une description de
son contenu :

Titre du paragraphe Description

Les objectifs Les objectifs gnraux du site se dduisent des besoins exprims par le client.

Les enjeux Les enjeux sont les opportunits induites par la cration du site.
Vous devez ici donner une description exhaustive des enjeux internes et externes (clients, concurrences).

Le primtre Il faut indiquer ici ce que vous allez faire de structurant pour la ralisation du projet.

Les limites Prciser ici ce qui nest pas du ressort de votre projet. Ce point est crucial pour le cadrage du projet et permet de
complter le primtre.
Lobjectif de cette section est dviter les confusions, les incomprhensions et de lever toute ambigut en mention-
nant les sujets que certains acteurs pourraient croire inclus dans le primtre du projet.

Les cibles Cet lment va influencer votre conception. Cette dernire sera diffrente en fonction du type de public (profession-
nels, grand public), de leur attente, du type dquipement dont ils disposent, de leur connaissance dInternet et de
leur origine gographique.

Les risques Il faut distinguer ici deux types de risques : ceux lis la mise en place de votre site et ceux lis au fait de ne pas
faire le site.

184 Groupe Eyrolles, 2004


A Modle de plan projet
Mise en place dun portail pour la socit Ivradia
Objectifs
Les objectifs de ce projet sont pour la socit Ivradia de :
mettre en uvre un espace de travail unique pour ses employs ;
proposer ses clients un accs privilgi et personnalis divers services en ligne ;
dvelopper un nouveau moyen de communication vis--vis de ses partenaires.

Enjeux
Ltude dopportunit nous a permis didentifier les enjeux suivants :
amliorer la productivit des services de lentreprise ;
fidliser nos clients ;
conqurir de nouveaux clients ;
se diffrencier par rapport la concurrence en proposant un panel des services valeur ajoute en ligne ;
gagner en notorit dans le domaine des nouvelles technologies ;
rduire les temps de commandes en favorisant linformation en temps rel avec nos partenaires.

Primtre
Le primtre de ce projet induit :
la rdaction des spcifications fonctionnelles dcrivant prcisment pour chaque fonctionnalit les acteurs, les divers scnarii pos-
sibles et les rsultats voulus ;
la ralisation des templates, dune maquette et la dfinition de la charte graphique ;
la ralisation des dveloppements, tests et recettes fonctionnelles ;
la mise en place de lhbergement (appel doffre, choix du prestataire, mise en uvre) ;
la prparation lexploitation : dfinition des processus, dfinition des postes, recrutement...

Limites
Le projet na pas pour objectif deffectuer la promotion du futur portail ni son rfrencement auprs des principaux outils de recher-
ches.

Cibles
Pour le march franais, les cibles identifies sont :
1. Nos clients actuels et les prospects intresss par le secteur dactivit de la socit Ivradia (Poste PC standard/Pentium III
800 MHz/256 Mo de RAM/Internet Explorer/Connexion modem 56 K).
2. Nos partenaires, professionnels de la gestion des stocks de matriels informatiques (Poste PC professionnel/Pentium III 1,3 GHz/
512 Mo de RAM/Internet Explorer/Connexion haut dbit).

Risques
En mettant en uvre un portail destination de ses clients et de ses partenaires, la socit Ivradia sexpose aux risques suivants :
copyright : une fois des informations publies sur Internet, il devient facile de les copier et den tirer profit ;
acceptation des clients : possibilit de rejet du nouveau canal par les utilisateurs ;
problmes lgaux : peu de textes encadrant le fonctionnement dInternet ;
scurit : rseau ouvert donc accroissement des risques dintrusions.

Groupe Eyrolles, 2004 185


Russir un projet de site web

II. Orientations fonctionnelles


Estimation Cette partie doit dfinir les orientations fonctionnelles qui rpondent aux objec-
La prsentation des orientations fonctionnelles tifs indiqus dans la partie prcdente. Il sagit de dcomposer le site en modules
reprsente en moyenne 25% du plan projet. et de prsenter les fonctionnalits avec une description dtaille du contenu et/
ou du rsultat voulu. Un schma orient utilisateur de larchitecture fonction-
nelle pourra tre ajout ici afin dillustrer cette partie.

Orientations fonctionnelles dun module emploi

Fonctionnalit Description Rsultat attendu


Les mtiers de lentreprise Prsentation des mtiers de lentreprise, les rles, les rponsabi- _
lits, les directions
Offre demploi Recherche dans la base de donnes des offres demploi par Description des postes
mots-cls et/ou par types de poste Profil requis
Avantages et rmunration
Les salons Dates et lieux des salons o sera lentreprise Nom du salon
Date et lieux
Plan daccs
Dposer son CV Possibilit au candidat de dposer son CV en ligne au format
word
Bourse de stages Accs aux stages et contrats de qualification proposs par Description des stages
lentreprise Profil requis
Avantages et rmunration

186 Groupe Eyrolles, 2004


A Modle de plan projet
III. Estimation des travaux et activits du Estimation

projet Lestimation des travaux et activits peut reprsen-


ter en moyenne 25% du plan projet.
Chacune des activits du projet devra tre identifie et pourra tre dcrite dans
un tableau qui se prsentera comme suit :

lment Description
Responsable Nom et service de lintervenant projet (normalement membre du comit de pilotage) responsable de latteinte des
objectifs et de la production des livrables
Participants Autres services impliqus
Objectifs Objectifs de lactivit
Contenu Travaux raliser
Prrequis lments ncessaires pour raliser ces travaux, dpendance par rapport dautres activits
Livrables lments attendus en rsultat, qui concrtisent la fin des travaux
Dlais Date de dbut et date de fin de lactivit
Charges Temps de travail prvu pour effectuer cette activit (en jours/hommes)

Une activit Runion de lancement

lment Description
Responsable Chef de Projet : M. Intel
Participants Mme Rouge (Service Marketing)
M. Vert (Service Commercial)
M. Bleu (Service Technique)
Mme Jaune (Service Client)
Objectifs Lancer le projet et dfinir lorganisation de ce dernier
Contenu Organiser la runion (Invitation, dfinir lordre du jour, salle, matriel, support)
Effectuer la runion
Rdiger le compte rendu et le diffuser
Prrequis Salle disponible
Participants disponibles
Livrables Compte rendu de la runion avec les points cls et les actions entreprendre
Dlais Dbut : 15/04/2002
Fin : 30/04/2002
Charges Organiser la runion (une personne/deux heures)
Effectuer la runion (cinq personnes/deux heures)
Rdiger le compte rendu (une personne/deux heures)
Soit un total de 14 heures de charges (2 Jours/homme)

Groupe Eyrolles, 2004 187


Russir un projet de site web

Estimation
IV. Acteurs
Lidentification des acteurs peut reprsenter en Cette partie doit permettre didentifier les acteurs du projet et leur principale
moyenne 8% du plan projet. responsabilit : qui gre le projet ? Qui pilote le projet ? Quelle est linstance de
dcision ? Qui doit intervenir ? Sous quelles formes ?

Gestion du projet
La gestion du projet est la charge de M. Rouge, responsable de projet.

Pilotage du projet
Le pilotage du projet est assur par un comit de pilotage compos Le comit de pilotage est en charge de :
des personnes suivantes : lancer lensemble des activits du projet ;
contrler leur bon droulement ;
Nom Rle
prendre toute dcision ncessaire au bon fonctionnement du projet
M. Rouge Responsable de projet et latteinte des objectifs (ralisation, calendrier et budget), dans
M. Vert Chef de produit marketing la mesure o la dcision nimplique aucune modification de ces
objectifs.
M. Bleu Responsable technique
Mme Jaune Responsable du service client

Comit directeur
Toute dcision ayant pour consquence la modification dun des Nom Poste
objectifs du projet est prise par le Comit directeur du projet. Ce der-
M. Orange Directeur gnral
nier est compos des personnes suivantes :
Mme Beige Directrice marketing
M. Indigo Directeur informatique

Intervenants
quipe de ralisation quipe cliente

Nom Rle Nom Poste


M. Noir Concepteur/Webdesigner Mme Farine DRH
Mme Bordeau Ergonome M. Chocolat Charg de communication
M. Blanc Directeur artistique (DA) M. Sucre Ingnieur daffaires
M. Turquoise Infographiste Mme Framboise Juriste
M. Crme Rdacteur/Responsable des contenus M. Caf Responsable de la documentation
Mme Violet Ingnieur/Dveloppeur web M. Vanille Assistance
M. Gris Architecte web
Mme Rose Charge dtude

188 Groupe Eyrolles, 2004


A Modle de plan projet
V. Plan dassurance qualit Estimation
Le plan dassurance qualit doit rsumer les actions ou consignes principales qui Le plan dassurance qualit peut reprsenter en
permettront de faire un travail de meilleure qualit tout au long du projet, et moyenne 8% du plan projet.
traiter en particulier :
de la gestion documentaire (nomenclature utilise, norme suivre) ;
du pilotage du projet (dfinition du comit de pilotage, organisation, mem-
bres, rles) ;
du reporting : qui ? sous quelle forme : prsentation, runion, document ?
quelle chance ?
de la communication du projet : processus de validation, accord de confiden-
tialit

Gestion documentaire
Pour assurer la cohrence des documents, on utilisera si possible la norme documentaire
Ivradia pour lcriture des documents (modles disponibles auprs du chef de projet).

Pilotage du projet
Un comit de pilotage se runira toutes les deux semaines. Chaque participant devra four-
nir pour chaque tche lui tant attribue les informations permettant de faire voluer le
planning : avancement, temps pass, temps restant estim.

Participants
Membre du comit de pilotage
Tout intervenant additionnel selon lordre du jour.

Ordre du jour type


Validation du compte rendu prcdent
Ralisations des semaines prcdentes
Problmes rencontrs
Actions en cours
Suivi du planning
Suivi de la qualit
Prochaines tapes

Reporting
Un rapport dactivit mensuelle sous forme de FAP (fiche davancement projet) sera rdig
et transmis au directeur de la socit.

Communication
Le responsable de projet dispose de la vision globale du projet. Par consquent, il est
garant de lhomognit des informations dispenses ; toute communication (en particu-
lier externe) sur le projet doit tre soumise son approbation.

Groupe Eyrolles, 2004 189


Russir un projet de site web

VI. Planning
Il peut se prsenter sous diffrentes formes : diagramme de Gantt ou rseaux de
PERT, et doit tre constitu des lments suivants : nom de lactivit, dure,
charge, date dbut, date fin, ressources associes et liaisons (relation livrables/
prrequis entre chaque tche). Ce tableau peut stendre sur plusieurs pages.

T Diagrammes de Gantt et rseaux PERT

Du nom de son inventeur, ce diagramme reprsente le planning dun projet sous la forme de barres
horizontales lies une chelle de temps. Chaque tche est visualise dun trait dune longueur
proportionnelle sa dure.
Le rseau de tches dun projet constitue un PERT (Program Evaluation and Review Technical). Ce
type de graphique permet de visualiser simplement les dpendances entre tches (les livrables des
uns sont les prrequis des autres).

Figure A1 Planning dun projet web sous forme de Gantt

190 Groupe Eyrolles, 2004


A Modle de plan projet
VII. Estimation budgtaire Estimation
Cette partie a pour objectif de prsenter vos estimations budgtaires pour la ra- Lestimation budgtaire peut reprsenter en
lisation de votre projet. Elle se dcoupe en plusieurs sections : moyenne 10% du plan projet.
les charges internes (j.h), valorises selon les rgles de lentreprise ;
le cots des achats prvoir (licences logicielles, machines) ;
le cot des prestations (expertise externe, formation) ;
les cots logistiques (voyages).

Figure A2 Reprsentation du budget dun projet par poste de travail

Figure A3 Reprsentation des cots dachat et de prestations dun projet web

Groupe Eyrolles, 2004 191


annexe B

Groupe Eyrolles, 2004


Modle de charte graphique

SOMMAIRE
Pour donner lutilisateur des repres au sein dun site et B Dimensions et dcoupes
faciliter sa visite, il est impratif de dvelopper une cohrence
B Typographie
pour lensemble de vos pages. Lors de la conception du site
B Contenu
web, il faut tablir (ou faire tablir) une sorte de guide
B Structure des pages
lattention des personnes qui vont le raliser, voire lalimenter
ou le modifier : la charte graphique.

Groupe Eyrolles, 2004


Russir un projet de site web

I. Dimensions et dcoupes
Cette section prsente, pour chaque modle de page du site, la taille de la fentre
cible ainsi que les diffrents objets gnriques la composant (logos, menus, titres,
images, onglets, barres de dfilement, puces) avec leurs dimensions.

Figure B1
Dimensions : modle gnrique
de page pour le portail Netalya

Figure B2
Dcoupes : modle gnrique
de page pour le portail Netalya

194 Groupe Eyrolles, 2004


B Modle de charte graphique
Tableau B1 Un tableau rcapitulatif pour le format des pages et des objets

Appellation Commentaires Dimensions

Page Type Dimensions globales des pages du site. 760 420 px


La hauteur doit pouvoir sadapter au contenu de la page.

Logo Image : logo.gif 65 106 px

Bandeau Image : bandeau.gif 65 654 px

Objet de Menu Cet objet comprend le titre de la rubrique et des section. ? 140 px
La hauteur doit pouvoir sadapter au contenu (nombre de sections).

II. Typographie
Cette section dcrit tous les attributs de caractres et styles appliqus
aux textes des pages web ;
aux liens ;
et aux objets graphiques utilisant du texte.

Figure B3
Reprsentation des principaux lments
typographiques : la rubrique cours du
portail Netalya

Groupe Eyrolles, 2004 195


Russir un projet de site web

Attributs de caractres et style applicables pour la


rubrique cours du portail Netalya

lment Principales caractristiques Feuille de style associe


Texte corps de la page Police : Arial, Verdana, Helvetica
Taille : 10 px
.texte
Couleur : #330033
Alignement : gauche
Texte des Menu Police : Arial, Verdana, Helvetica
Taille : 11 px
Couleur : #FFFFFF .menu
Poids : gras
Alignement : Gauche
Titre Niveau 1 Police : Arial
Taille : 15 pt
Couleur : #FFFFFF
Poids : gras
.titre1
Alignement : centr
Couleur de Fond : #3366FF
Bordure : type solide de couleur #000000
Marge du bas : 10 px
Titre Niveau 2 Police : Arial
Taille : 14 pt
Couleur : #0000CC
Poids : gras
Alignement : gauche
Titre Niveau 3 Police : Arial .titre3
Taille : 12 pt
Couleur : #FF6600
Poids : gras
Alignement : gauche
Titre Niveau 4 Police : Arial .titre4
Taille : 10 pt
Couleur : #000080
Poids : gras
Alignement : gauche
Soulignement : oui
Lien Police : Arial A:link
Couleur : #0000CC
Poids : gras
Lien actif Police : Arial A:active
Couleur : #0000CC
Poids : gras
Lien visit Police : Arial A:visited
Couleur : #0000CC
Poids : gras

196 Groupe Eyrolles, 2004


B Modle de charte graphique
III. Contenu
Cette section prsente tous les lments composant le contenu des pages web :
pictogrammes illustratifs, boutons dactions
couleurs utilises : numrotation hexadcimale des couleurs du fond de page,
des en-ttes, des textes, des rubriques, des onglets, du pied de page, des filets
sparateurs
attributs des lments de formulaires.

Pictogrammes : la rubrique dossiers du site Netalya


Liste des dossiers du mme Imprimer le dossier
auteur
Recommander le dossier un Passer la page suivante
ami
Liste des dossiers du mme Passer la page prcdente
thme

Figure B4 Palette de couleurs avec description

Groupe Eyrolles, 2004 197


Russir un projet de site web

Attributs des lments de formulaires du portail Netalya

lment Principales caractristiques Feuille de style associe Reprsentation

Champs texte Police : Arial


Taille : 12 px
Couleur du texte : #202020
.inputStyle
Bordure : type solide de couleur #000000
Hauteur : 18 px
Largeur : 100 px

Champs texte 2 Police : Arial


Taille : 12 px
Couleur du texte : #202020
.inputStyle2
Bordure : type solide de couleur #c0c0c0
Hauteur : 18 px
Largeur : 200 px

Zone de texte Police : Arial


Taille : 12 px
Couleur du texte : #202020
.inputstyle3
Bordure : type solide de couleur #c0c0c0
Hauteur : 60 px
Largeur : 200 px

Bouton Envoi Police : Arial


Taille : 10 px
Poids : gras
Couleur du texte : #FFFFFF .inputStyleButton
Couleur du fond : #000080
Hauteur : 18 px
Largeur : 30 px

198 Groupe Eyrolles, 2004


B Modle de charte graphique
IV. Structure des pages
Cette section dcrit les diffrents lments des pages du site web :
principes de navigation gnrale et secondaire ;
dtail des zones de contenu ;
en-tte et pied de page.

Figure B5
Reprsentation des principes de navigation et
des principaux objets du portail Netalya

N lment Description Caractristiques


1 Logo Zone de retour la page daccueil par un lien. Image : logo.jpg
La largeur est de 100 px.
2 Menu Rubrique Navigation de premier niveau Indication du nom de la rubrique. Feuille de style : .titreRubriqueTitle
La largeur est de 140 px
3 Menu Section 1 Navigation de second niveau en position Roll Over. Feuille de style : .MenuOn
Les dtails se distinguent visuellement par un changement de couleur,
ici le fond devient orange.
La largeur est de 140 px.
4 Menu Section 2 Navigation de second niveau en position normale. Feuille de style : .MenuOff
La largeur est de 140 px.
5 Bandeau Bandeau et Nom du site/Toujours justifi droite. Image : barreTop.jpg
La largeur est de 660 px.
6 Zone de contenu Marge de 5 px. -
La Hauteur sadapte au contenu de la page.
Le contenu texte est toujours justifi gauche.
La largeur est de 478 px.
7 Moteur de recherche Moteur de recherche : phrase + champs texte + bouton Envoyer Feuille de style Champs texte : .InputStyle2
Feuille de style bouton : .InputStyleButton
8 Barre Pied de page La zone doit stendre 100%. Hauteur : 5 px
Couleur : #000080

Groupe Eyrolles, 2004 199


Russir un projet de site web

Figure B6
Reprsentation de la zone de
contenu du portail Netalya :
Titre 1 Titre Section 2 et Texte

Figure B7
Reprsentation de la zone de
contenu du portail Netalya :
les encarts

200 Groupe Eyrolles, 2004


B Modle de charte graphique
Styles applicables : les zones de contenu du portail Netalya

lment Description Feuille de style associe


Titre Niveau 1 Titre des rubriques, le contenu correspond la rubrique en cours de .titre
visite.
Police : Arial
Taille : 15 pt
Couleur : #FFFFFF
Poids : gras
Alignement : centr
Couleur de Fond : #3366FF
Bordure : type solide de couleur #000000
Marge du bas : 10 px
Titre Niveau 2 (section) Titre des sections, le contenu correspond aux diffrentes section .titresection
dune mme rubrique.
Police : Arial
Taille : 10 pt
Couleur : #000099
Poids : gras
Alignement : centr
Couleur de Fond : #FFF2E2
Bordure : type solide de couleur #FF6600
Marge du bas : 10 px
Encart 1 Est utiliser pour toutes remarques ou notes de marge. .encart1
Police : Courier New
Taille : 12 px
Couleur : #000080
Alignement : gauche
Couleur de Fond : #CAD5E4
Bordure : type solide de couleur #003399
Marge du bas : 10 px
Marge de gauche : 40 px
Encart 2 Est utiliser pour toutes mises en exergue dun texte. .encart2
Police : Courier New
Taille : 12 px
Couleur : #000080
Alignement : gauche
Couleur de Fond : #CAD5E4
Bordure : Type solide de couleur #003399
Marge du bas : 10 px
Encart 3 Est utiliser pour toutes mentions lgales. .encart3
Police : Courier New
Taille : 12 px
Couleur : #000080
Alignement : gauche
Couleur de Fond : #FF6600
Bordure : type solide de couleur #003399

Groupe Eyrolles, 2004 201


annexe C

Groupe Eyrolles, 2004


Fiches descriptives des
principaux outils de recherche
francophones

Pour le rfrencement du site web, quel outil choisir ? Chaque SOMMAIRE


outil de recherche propose sa propre mthode de classement B Google
des rsultats, base sur des critres diffrents et parfois B Yahoo! Search
contradictoires. Voici une description des principales B MSN Search
caractristiques des moteurs et annuaires de recherche B Yahoo! France
francophones.
B Guide du Web de Voila.fr
B DMOZ (Open Directory Project)

Groupe Eyrolles, 2004


Russir un projet de site web

Google
URL Date de Lancement Nom du Spider Portails utilisant cette technologie
http://www.google.com ou http://www.google.fr 1998 GoogleBot Free, Club-Internet, Numericable,
AOL.com, Earthlink, Netscape

Modalits de rfrencement
URL du formulaire de soumission http://www.google.com/addurl.html
Informations demandes URL + Commentaire
Dlais de prise en compte des soumissions Quatre six semaines
Nombre de pages indexes pour un mme site limit ? Non

Critres doptimisation pris en compte


Critre Prise en compte Importance
Titre Oui Haute
Meta Description Oui Trs faible
Meta Keywords Non Non
Attribut ALT Non Non
Contenu de lURL Oui Haute
Corps du texte Oui Haute
Popularit de la page Oui Trs haute
Fichier Robots.txt Oui

Yahoo! Search
URL Date de Lancement Nom du Spider Portails utilisant cette technologie
http://fr.search.yahoo.com/ 2004 Yahoo Slurp Yahoo!, AltaVista, AllTheWeb, Lycos,
Nomade

Modalits de rfrencement
URL du formulaire de soumission http://submit.search.yahoo.com/
Informations demandes Cration dun compte chez Yahoo! Search puis indication de lURL
Dlais de prise en compte des soumissions Plusieurs semaines
Nombre de pages indexes pour un mme site limit ? Non

204 Groupe Eyrolles, 2004


C Fiches descriptives des principaux outils de recherche francophones
Critres doptimisation pris en compte
Critre Prise en compte Importance
Titre Oui Haute
Meta Description Oui Faible
Meta Keywords Oui Faible
Attribut ALT Oui
Contenu de lURL Oui
Corps du texte Oui Haute
Popularit de la page Oui Haute
Fichier Robots.txt Oui

MSN Search
URL Date de Lancement Nom du Spider Portails utilisant cette technologie
http://search.msn.fr/ 2005 Msnbot MSN.com, MSN.fr

Modalits de rfrencement
URL du formulaire de soumission http://search.msn.fr/docs/submit.aspx?FORM=WSDD2
Informations demandes URL
Dlais de prise en compte des soumissions Plusieurs semaines
Nombre de pages indexes pour un mme site Non
limit ?

Critres doptimisation pris en compte

Critre Prise en compte Importance


Titre Oui Haute
Meta Description Oui Trs faible
Meta Keywords Non Non
Attribut ALT Non Non
Contenu de lURL Oui Haute
Corps du texte Oui Haute
Popularit de la page Oui Trs haute
Fichier Robots.txt Oui

Groupe Eyrolles, 2004 205


Russir un projet de site web

Yahoo! France
URL Date de Lancement
http://www.yahoo.fr 1997

Modalits de rfrencement
Procdure Choisir deux rubriques qui correspondent lactivit de votre site, puis cliquer sur le lien
Proposer un site en bas de page.
URL de rfrencement http://fr.docs.yahoo.com/info/ajouter.html
Informations demandes Titre du site
URL du site
Situation gographique du site
Description du site
Nom du contact
Adresse e-mail du contact
Dlais de prise en compte des soumissions Trois semaines

Guide du Web de Voila.fr


URL Date de Lancement
http://www.voila.fr 1996

Modalits de rfrencement
Procdure Slectionner, dans le Guide du Web, la catgorie dans laquelle on souhaite voir figurer son
site, puis cliquer sur le lien Soumission standard .
Pour soumettre votre site lquipe du Guide du Web, vous devez tout dabord vous identi-
fier comme tant membre de Voila !.
URL de rfrencement http://guide-voila.search.ke.voila.fr/Soumission/
Informations demandes Titre du site
URL du site
Description du site
Nom du contact
Adresse e-mail du contact
Dlais de prise en compte des soumissions Quatre semaines

206 Groupe Eyrolles, 2004


C Fiches descriptives des principaux outils de recherche francophones
DMOZ (Open Directory Project)
URL Date de Lancement
http://www.dmoz.fr 1998

Modalits de rfrencement
Procdure Choisir la rubrique qui correspond lactivit de votre site, puis cliquer sur le lien
Proposez un site, en haut.
URL de rfrencement http://www.dmoz.fr/add.html
Informations demandes Titre du site
URL du site
Description du site
Adresse e-mail du contact
Dlais de prise en compte des soumissions Deux trois semaines

Groupe Eyrolles, 2004 207


annexe D

Groupe Eyrolles, 2004


Les principaux articles
dune CGU

Cette annexe prsente les principaux articles dune rubrique SOMMAIRE


CGU (conditions gnrales dutilisation) dun site web, B Objet du site et descriptif du
adapter en fonction des caractristiques du site et du service service fourni
propos. B Mentions lgales
B Droit applicable/clause
attributive de comptence
B Responsabilit et garanties
quant lutilisation du site
B Proprit intellectuelle
B Livraison des commandes
B Service clientle et
rclamations
B Protection des donnes
personnelles/vie prive
B Limitation de responsabilit

Groupe Eyrolles, 2004


Russir un projet de site web

ATTENTION Dfinitions
Cette annexe ralise en collaboration avec Cet article a pour objectif de dfinir tous les termes rencontrs dans les condi-
Nicolas Herzog, avocat au barreau de Paris, ne tions gnrales dutilisation.
saurait remplacer un entretien priv avec un
avocat qui, vritablement, sera en mesure de
Par exemple, utilisateur , visiteur , logiciel , site web , contenu
rdiger une CGU spcifique votre besoin.
Objet du site et descriptif du service fourni
Lobjet du site et la description du service fourni est une prsentation gn-
rale des prestations offertes par le site. Les lments qui , quand ,
pourquoi , comment devront tre ici dtaills. Les modalits de fourniture
de la prestation de services devront ltre aussi : quipe, formation profession-
nelle de lquipe, moyens mis leur disposition, dlais, garantie...

Mentions lgales
Placez dans les mentions lgales le nom de la socit titulaire du site, ladresse du
sige social, la forme sociale (SA, SARL, EURL), le nom du directeur de publi-
cation (si ce dernier a t dsign) ainsi que le numro de rcpiss de la CNIL.

Capacits
Cet article dfinit les conditions respecter pour visiter ce site. Par exemple,
pour un site de commerce lectronique, vous pouvez mentionner que lutilisa-
teur doit tre g dau moins 18 ans, quil doit tre capable juridiquement de
contracter et dutiliser le site en question.

Droit applicable/clause attributive de comptence


Prcisez ici que les conditions gnrales sont soumises au droit franais et que
tout litige relatif leur interprtation et/ou leur excution relve des Tribunaux
franais.

Responsabilit et garanties quant lutilisation du site


En fonction des services proposs, il peut tre utile dinformer linternaute que
les lments suivants ne seront pas garantis :
les anomalies, erreurs ou bugs des informations, produits, services, logiciels
fournis sur le site ;
les interruptions ou pannes du site ;
la compatibilit du site avec un matriel ou une configuration particulire.
Prcisez galement quen aucun cas, la responsabilit de lditeur du site ne peut
tre engage :
pour les dommages indirects et/ou immatriels, prvisibles ou imprvisibles
(incluant la perte de profits) dcoulant de la fourniture et/ou de lutilisation ou
de limpossibilit totale ou partielle dutiliser les services fournis sur le site ;
quant au contenu des sites sur lesquels vous renvoyez par lintermdiaire de
liens hypertextes ;

210 Groupe Eyrolles, 2004


D Les principaux articles dune CGU
en cas de survenance dun vnement irrsistible, imprvisible et extrieur
(tremblement de terre, etc.)

Proprit intellectuelle
Les lments constitutifs dun site Internet bnficient, au mme titre que les
autres uvres de lesprit, de la protection par le droit de la proprit intellec-
tuelle. Cet article devra comporter les points suivants :
La socit propritaire du site reste titulaire de tous les droits de proprit
intellectuelle relatifs au site et des droits dusage y affrant.
Laccs au site ne confre aucun droit sur les droits de proprit intellectuelle
relatifs au site, qui restent la proprit exclusive de la socit titulaire du site.
Les lments accessibles sur le site (textes, photographies, images, icnes,
sons, vidos, logiciels, bases de donnes) sont protgs par des droits de
proprit intellectuelle (voire industrielle si dpt de marque).
Sauf dispositions explicites, il est interdit de reproduire, modifier, transmet-
tre, publier, adapter, sur quelque support que ce soit ou exploiter de quelque
manire que ce soit, tout ou partie du site sans lautorisation crite pralable
de la socit titulaire du site.
La violation de ces dispositions pourra faire lobjet de toute action en justice
approprie, notamment dune action en contrefaon.
De plus, si le besoin se prsente, vous pourrez signaler galement que linsertion
de liens hypertextes vers toute partie du site est interdite sans autorisation pra-
lable et crite de la socit ditrice du site.

Logiciel
Si lutilisation de votre site ncessite le tlchargement dun logiciel spcifique,
expliquez sous cette clause que son utilisation est rgie par les termes de la
licence qui laccompagne. La mention Le visiteur sengage ne pas installer,
copier ou utiliser ce logiciel avant davoir pralablement acquiesc aux termes de
ladite licence peut tre galement prsente titre dindication.
noter cependant que les dispositions ci-dessus ne sappliquent pas pour les
logiciels libres de droits ou freeware .

Livraison des commandes


Dans le cas dun site de commerce lectronique, les modalits de livraison des
commandes devront tre clairement exposes : engagement de dlai, qui livre,
par quels moyens (poste), sous quelle garantie ?
Pour toute opration de vente distance, lacheteur dun produit dispose dun
dlai de sept jours francs compter de la livraison de sa commande pour faire
retour de ce produit au vendeur pour change ou remboursement, sans pnalit
lexception des frais de retour. Si ce dlai expire normalement un samedi, un
dimanche ou un fri ou chm, il est prorog jusquau premier jour ouvrable
suivant. (Code de la Consommation, article L 121-16).

Groupe Eyrolles, 2004 211


Russir un projet de site web

Dans tout contrat ayant pour objet la vente dun bien meuble ou la fourniture
dune prestation de services un consommateur, le professionnel doit, lorsque la
livraison du bien ou la fourniture de la prestation nest pas immdiate et si le
prix convenu excde des seuils fixs par voie rglementaire (Dcret n92-
1156 : seuil = 450 euros), indiquer la date limite laquelle il sengage livrer le
bien ou excuter la prestation.
Le consommateur peut dnoncer le contrat de vente dun bien meuble ou de
fourniture dune prestation de services par lettre recommande avec demande
davis de rception en cas de dpassement de la date de livraison du bien ou
dexcution de la prestation excdant sept jours et non d un cas de force
majeure.
Ce contrat est, le cas chant, considr comme rompu la rception, par le
vendeur ou par le prestataire de services, de la lettre par laquelle le consomma-
teur linforme de sa dcision, si la livraison nest pas intervenue ou si la presta-
tion na pas t excute entre lenvoi et la rception de cette lettre. Le consom-
mateur exerce ce droit dans un dlai de soixante jours ouvrs compter de la
date indique pour la livraison du bien ou lexcution de la prestation.
Sauf stipulation contraire du contrat, les sommes verses davance sont des
arrhes, ce qui a pour effet que chacun des contractants peut revenir sur son
engagement, le consommateur en perdant les arrhes, le professionnel en les res-
tituant au double (Code de la Consommation, article L 114-1).

Service clientle et rclamations


Pour toute rclamation ou question relative lutilisation du service propos, il
est ncessaire dindiquer clairement o et qui joindre en cas de difficults ainsi
que le type de rponse qui sera apporte en fonction de la difficult.

Protection des donnes personnelles/vie prive


Les sites Internet qui collectent des informations nominatives doivent effectuer
une dclaration auprs de la CNIL relative au traitement automatis des don-
nes. Ils doivent prvenir les internautes de lexistence de ce traitement de don-
nes et de leurs droits (droit daccs et de rectification aux informations les
concernant) :
Le site, exploit par la socit _______, a t rgulirement dclar auprs
de la CNIL, sous le numro :_______.
Les informations communiques sur le site permettent la socit qui
exploite le site, ainsi qu ses partenaires, de traiter et excuter ses comman-
des ou services.
Conformment larticle 27 de la Loi Informatique et Liberts du 6 janvier
1978, les informations indispensables la socit qui exploite le site, ainsi
qu ses partenaires, pour traiter et excuter les commandes ou services, sont
signales dans les pages du site.

212 Groupe Eyrolles, 2004


D Les principaux articles dune CGU
Les autres informations demandes, pour laquelle la rponse est facultative,
sont destines mieux connatre lutilisateur afin damliorer les services
proposs.
La socit qui exploite le site sengage se conformer aux lgislations fran-
aises et europennes sur la protection des donnes caractre personnel.
Sauf avis contraire de lutilisateur, la socit qui exploite le site est suscepti-
ble de transmettre les informations qui le concernent ses partenaires com-
merciaux.
Conformment la Loi Informatique et Liberts, lutilisateur dispose dun
droit daccs, de modification, de rectification et de suppression des donnes
qui le concernent (article 34 de la Loi Informatique et Liberts du 6 janvier
1978).
Lutilisateur peut exercer ce droit en adressant un courrier au Service clients,
ladresse suivante : __________.

Limitation de responsabilit
Cette clause a pour objet de limiter soit les conditions de la responsabilit de la
socit qui exploite le site, soit le montant de la rparation ventuellement
octroy par la socit qui exploite le site ses clients.

Clauses relatives aux conditions de responsabilit


Voici un exemple de clause pour une Socit qui propose un service de-mails :
La Socit qui exploite le Site nest en aucun cas responsable du contenu des
e-mails et de leur utilisation par ses clients.
Si ces clauses sont en principe valables, elles connaissent cependant quatre
limites importantes :
Quant lobligation lude : la clause ne peut pas porter sur lobligation
essentielle du contrat (exemple : le Vendeur ne peut pas se dispenser de four-
nir la chose vendue), mais uniquement sur les obligations accessoires
(exemple : garantie, dlais).
Quant la gravit de la faute : la faute dolosive ou lourde carte la clause de
non-responsabilit.
Quant la qualit des parties : dans la plupart des contrats conclus entre un
consommateur et un professionnel, la jurisprudence annule les clauses de
non-responsabilit.
Quant la nature du dommage : les dommages corporels ne peuvent pas
faire lobjet dune clause de non-responsabilit.

Clauses relatives au montant de la rparation


Ces clauses ont pour objet de fixer un plafond de responsabilit. Ces clauses
sont en principe valables, mais soumises aux mmes limitations que celles rela-
tives aux conditions de responsabilit.

Groupe Eyrolles, 2004 213


annexe E

Groupe Eyrolles, 2004


Les indicateurs de pilotage
dun projet web

La conduite dune voiture va de pair avec la consultation SOMMAIRE


rgulire des indicateurs de pilotages : vitesse, kilomtrage, B Lavancement de la production
ventuellement voyants de tempratures Sans ces derniers, B Le contrle des jalons critiques
difficile dvaluer la distance parcourue ou restante, ou B Lavancement du budget
simplement de vrifier que tout va bien bord. Il en va de B Le contrle des risques
mme pour la conduite dun projet.
Cette annexe a pour objectif de vous proposer une approche
pragmatique en prsentant des outils concrets, utiles au
quotidien pour le pilotage dun projet web.

Groupe Eyrolles, 2004


Russir un projet de site web

propos de lauteur
Quels indicateurs utiliser ?
Armel CUSIN-GOGAT exerce depuis plus de Les trois premiers indicateurs, avancement de la production, contrle des jalons
10 ans des responsabilits de manager de projets critiques, avancement du budget, sont les plus importants. Sans eux, il nest pas
et de consultant dans le domaine des systmes possible de piloter votre projet. Le quatrime indicateur concerne le contrle
dinformation, tant sur les aspects matrise des risques. Cest un complment utile voire indispensable pour piloter des pro-
duvre que matrise douvrage. Il enseigne le
management de projet depuis plusieurs annes,
jets trs importants par la taille ou par les enjeux.
et fait partie du Project Management Institute
dont il dtient la certification Project Manage-
ment Professionnal .
I. Avancement de la production
Lavancement de la production est mesur par un tableau de suivi des livrables.
Les livrables sont les ralisations (documents, applications, matriels) ou pres-
tations (formations, runions) fournies par le projet. Ils matrialisent laboutis-
sement des tches, et constituent des points de contrles indispensables pour
jalonner la progression du projet.

Objectifs
Ce tableau permet dune part de mesurer la progression effective du projet en
contrlant les ralisations concrtes, concrtes signifiant que vous pouvez les
voir (exemples : document, code applicatif, plate-forme oprationnelle) ou les
constater (utilisateurs forms), dautre part de dtecter dventuels retards.

Format
Il sagit dans la majorit des cas dun tableau de tableur (Excel de la suite Micro-
soft Office, Calc de OpenOffice.org). Pensez utiliser des couleurs pour mettre
en vidence les informations importantes. La figure F-1 montre un exemple
appliqu aux deux premires phases dun projet web.

Conception
Cet indicateur doit tre conu ds le dbut de la phase de dfinition du projet,
au moins pour les deux premires phases, puis complt au plus tard lors de la
rdaction du plan projet pour les phases suivantes.
Donnes initiales
Liste de tous les livrables indispensables au bon droulement du projet, et
date dchance prvue.
Pour chaque livrable, nom du responsable, qui sera en charge du suivi et du
reporting auprs du chef de projet
Ces donnes sont collectes par le chef de projet, en collaboration avec lensem-
ble des acteurs concerns.
Degr de prcision
Il ny a pas de rgle quant au degr de prcision de la liste des livrables. Disons
simplement quil doit tre suffisant pour vous permettre de piloter le projet sans
en alourdir le suivi. Cest vous de vrifier rgulirement la pertinence de cet
indicateur, et de le faire voluer si ncessaire.

216 Groupe Eyrolles, 2004


E Les indicateurs de pilotage dun projet web
Figure E1 Avancement de la production dun projet web au 15/04/04

Guide de lecture du tableau prsent la figure F-1

La colonne contient
Livrable La liste de tous les livrables du projet (documents, applications, prestations)
Responsable Le nom du responsable de la ralisation du livrable
chance prvue Lchance prvue pour la livraison du livrable valid
chance revue La nouvelle chance si avance ou retard
Dure restante Le nombre de jours ouvrs restant dici lchance prvue (calcul automati-
quement par une fonction Excel partir de la date dactualisation et de
lchance prvue)
Avancement Le taux davancement du livrable
Commentaire Toute prcision utile linterprtation de la ligne

noter que le degr de prcision est aussi variable selon la taille du projet,
limportance de chaque phase (vous augmenterez le nombre de livrables con-
trler sur les phases critiques), et le degr dautonomie de lquipe projet.

Prcision sur le taux davancement


Le taux davancement est estim par le responsable du livrable, en fonction des informations dont
il dispose. la diffrence de la mesure de la charge consomme (voir plus loin lindicateur 3), cette
estimation est plus ou moins objective :
Exemple 1 - livraison dune plate-forme de formation : il est facile de constater que la plate-
forme est oprationnelle ou non.
Exemple 2 - dveloppement dun programme logiciel : seul le dveloppeur concern peut esti-
mer sil est 60 ou 80 % davancement, avec un degr de prcision fonction de sa comptence
et de son exprience (mme principe pour la rdaction dun document).

Groupe Eyrolles, 2004 217


Russir un projet de site web

Actualisation
Frquence dactualisation
Cet indicateur est actualis lors des runions de coordination de lquipe projet.
Donnes en entre
Chaque responsable met jour sa partie du tableau pour les livrables qui le con-
ASTUCE Tableur cerne (avancement, et ventuellement chance revue).
Utilisez la fonction de partage du classeur Excel Diffusion
pour permettre la mise jour simultane par plu-
Elle est assure par lquipe projet uniquement, voire le comit de pilotage pour
sieurs acteurs.
les livrables majeurs.

Interprtation
En rapprochant lavancement et la dure restante, on peut :
Identifier les risques de retard, si lavancement est faible et la dure restante
courte (dans notre exemple, lestimation budgtaire). Dans ce cas, vous devez
soit revoir lchance, soit revoir lobjectif ou mettre davantage de ressources
pour terminer le livrable.
Identifier les livrables en avance, et donc ventuellement anticiper le dmar-
rage dautres livrables (dans notre exemple, le plan projet).
Vrifier rgulirement la liste des livrables commencer.
Attention, il ny a pas dinterprtation mcanique de ce tableau : un livrable
peut tre avanc 80 % une semaine de lchance, et tre quand mme en
risque de dpassement car les 20 % complter sont les plus difficiles raliser.
Seule la comptence des acteurs projet permet dinterprter correctement ces
donnes et de dfinir les actions appropries.

Points forts
Cet indicateur a le mrite dtre facile mettre en place et suivre. Il donne
toute lquipe projet une vision partage de lavancement de la production, et
permet didentifier rapidement les problmes et risques de retard. De plus, le
format Excel prsente des avantages notables : tous les acteurs disposent gn-
ralement de lapplication, et la compatibilit avec dautres documents bureauti-
ques est naturelle.

Limites
Cet indicateur donne une vision statique de la production, cest--dire quil ne
montre pas les impacts potentiels dun retard sur les autres livrables. Cette limite
importante (elle restreint la capacit danticipation de lquipe projet) est rela-
tiviser par lutilisation dindicateurs complmentaires.
La critique peut aussi porter sur la mesure du taux davancement (voir plus
haut), qui peut passer pour une mesure globalement assez subjective, par oppo-
sition la mesure de la charge consomme pour produire le livrable, beaucoup
plus objective.
Quelques remarques ce sujet :
Lexprience montre que ce principe dvaluation subjective est en dfinitive
relativement fiable, voire plus fiable que des mthodes dites rationnelles (par
exemple, le comptage du nombre de lignes de code produites, qui revient

218 Groupe Eyrolles, 2004


E Les indicateurs de pilotage dun projet web
lextrme confondre quantit et qualit). Signalons dailleurs que la plupart
des systmes de pilotage reposent sur la modlisation du fonctionnement sub-
jectif dun individu expert.
Quel que soit son degr dimprcision, cette mesure reflte davantage la ra-
lit du terrain que la mesure de la charge consomme (qui dailleurs prsente
des limites dcrites pour lindicateur 3). Pour illustrer le propos, ce nest pas
parce que vous avez consomm 80 % de la charge alloue pour un livrable
que vous lavez ralis 80 %.

II. Contrle des jalons critiques


Le contrle des jalons critiques est effectu laide dun tableau.
T Jalons critiques

Un jalon est une tche de dure nulle, donc qui


Objectif signale un vnement (dbut de, fin de, livrai-
Le contrle des jalons critiques est un excellent moyen de vrifier la progression son de, cahier des charges valid). Les jalons
du projet, et surtout de dtecter au plus tt les risques de drive. Ce contrle marquent les vnements cls du projet. Caract-
peut galement seffectuer laide dun planning classique, mais la construction ristique des jalons dits critiques : tout retard
dun tel planning dune part nintervient quen fin de phase de dfinition du sur ces jalons se reporterait mcaniquement sur la
projet, et dautre part ncessite des outils spcifiques. date de fin du projet (exemple : retard sur la fin de
la recette).

Format
Il sagit gnralement dun tableau Word ou Excel. Pensez utiliser des couleurs
pour mettre en vidence les informations importantes. La figure F-2 prsente un
exemple appliqu aux trois premires phases dun projet web.

Conception
Le tableau de contrle des jalons critiques doit tre conu ds le dbut de la
phase de dfinition du projet, au moins pour les deux premires phases, puis
complt au plus tard lors de la rdaction du plan projet pour les phases suivan-
tes.
Donnes initiales
Elles comprennent la liste de tous les vnements critiques du projet et la date
dchance prvue (livrables majeurs, dbut/fin de phase, point de rendez-vous
si le projet implique des acteurs externes).
Vous devez normalement retrouver dans cette liste un sous-ensemble du tableau
de suivi des livrables. Ces donnes sont collectes par le chef de projet, en colla-
boration avec lensemble des acteurs concerns.
Degr de prcision
Ce contrle doit sappliquer uniquement aux jalons critiques, quil sagit donc de
bien reprer en dbut de projet (surtout ne pas en oublier !).

Groupe Eyrolles, 2004 219


Russir un projet de site web

Figure E2 Tableau de suivi des jalons critiques dun projet web pour la date du 30/05/04

Actualisation
Frquence dactualisation
Elle est dterminer selon la dure du projet, le nombre et lespacement entre
les jalons. titre dexemple, cet indicateur devrait tre actualis en moyenne
une fois par mois pour un projet dune dure dun an.
Donnes en entre
Il sagit de lapprciation qualitative du statut de chaque jalon, que le chef de
projet formule daprs lavis des acteurs concerns.
Diffusion
Comit de pilotage, comit directeur.

Interprtation
R : jalon ralis conformment lobjectif.
Ok (vert) : la date prvue est confirme, lavancement est normal.
W (pour warning, orange) : risque de drive sur la date prvue. Actions prventi-
ves mener :
Analyser ce qui peut encore tre fait pour respecter la date.
Si finalement le risque est trop grand, estimer lampleur de la drive poten-
tielle, et tudier les moyens de rsorber le retard prvisible sur les jalons sui-
vants (par exemple, si drive prvue sur le jalon J, que faire pour respecter
lchance du