Professional Documents
Culture Documents
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
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.
e
Paris VII - Denis Diderot et dirige le Chefs de projet, chefs de produit, DSI,
9 782212 119749
ISBN : 2-212-11974-7
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
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.
e
Paris VII - Denis Diderot et dirige le Chefs de projet, chefs de produit, DSI,
Russir
un projet
de site web
4 dition e
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.
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.
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
Eyrolles, 2002 IX
chapitre 1
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
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) ;
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.
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).
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.
Figure 12 Exemple destimation des charges par activit pour le mme projet
Figure 13 Exemple destimation des autres charges budgtaires pour le mme projet
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)
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 /...
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.
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.
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
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
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
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
Zone Zone
Navigation Gauche Navigation droite
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
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, Chercher sur
Titre Rubrique sed diem nonummy nibh euismod tincidunt ut lacreet dolore NC-Technologies.com
Figure 19
Trame de la page principale du portail
netalya.com reprsentant les diffrents objets
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.
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).
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.
Figure 111 Exemple de reprsentation dune infrastructure matrielle et tlcom dun site
web
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
appelle. Le contenu plac ici est donc partie intgrante des pages et ne sera pas
ractualis frquemment.
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.
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.
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.
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).
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.
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-
Dbut
Projet
- 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
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
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.
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
Figure 21
Dlai maximum support par les internautes
(graphe ralis partir de donnes issues dune
tude ralise par lauteur, 2001)
Figure 22 Exemple dune mme page web vue par diffrents navigateurs sous diffrents systmes dexploitation
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).
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).
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.
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.
Le Menu gauche
donne un accs
direct aux rubriques
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
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.
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-Vert Jaune-Vert
Orange Orange
Bleu-Vert Bleu-Vert
Rouge Rouge
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-Vert Jaune-Vert
Orange Orange
Bleu-Vert Bleu-Vert
Rouge Rouge
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
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.
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
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>
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
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.
Figure 218
Rsultat pour une rsolution 800 600 pixels
Figure 219
Rsultat pour une rsolution 1024 768 pixels
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.
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.
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.
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).
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)
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).
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.
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).
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)
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.
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.
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.
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
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.
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.
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.
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 :
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.
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.
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.
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.
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).
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.
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
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.
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.
Astreinte Hotline
Hotline donne
e-mail Hotline donne e-mail
un dlai +
dlai un dlai dlai
escalade
Information
Intervention
Intervention Hotline
Intervention Hotline Responsable
Hotline
Intervention Equipe
Expert
e-mail e-mail
confirmation e-mail confirmation
rsolution confirmation rsolution
rsolution
Client
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
DNS Root /
DNR
TLD Registry
".com"
DNS local
Serveur de
noms secondaires
Client :
http://www.netalya.com
Figure 313
Toute rservation dun nom de domaine en .fr
devra passer par un organisme membre de
lAFNIC (http://www.afnic.fr).
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)
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
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.
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
tape 1 : lanalyse
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
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.
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
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).
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
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.
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>
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).
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.
<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>
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).
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 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.
Figure 412
Vous trouverez ladresse
http://www.robotstxt.org une liste
des User-Agents des robots.
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.
Figure 413
Les liens sponsoriss, la principale source de
revenus du moteur Google.
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).
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.
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).
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).
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.
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.
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.
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
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
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).
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).
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.
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.
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).
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).
Figure 55
Les agences mdias on line se veulent
une alternative aux groupes traditionnels
(www.timetobuy.net).
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.
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).
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.
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).
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 !
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
Vous faites ainsi connatre votre image et votre site au plus grand nombre en
ayant investi un minimum au dpart.
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.
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).
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.
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
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).
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.
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.
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
Tableau 53 Tableau rcapitulatif des stratgies de promotion et danimation dun site web (suite)
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)
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/
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
Figure 61
Les analyseurs de logs
Surfstats et Webalyzer
Figure 62
Les outils danalyse distance
Estats et Xiti
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
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
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)
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.
Figure 67
Exemples de bilans des configurations
et quipements des internautes
(sources : Weboscope et Urchin)
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.
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.
Figure 610
Exemple de dure moyenne dune visite
(source : Weboscope )
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)
Figure 613
Exemple du nombre de visites
en fonction du nombre de pages vues
(source : Webtrends)
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)
Figure 616
volution du nombre de pages vues la
minute (source : Xiti)
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.
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)
Figure 619
Exemple de bande passante
consomme
(source : Surfstats)
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)
Figure 622
Mots-cls et rpartition du trafic gnr par les
outils de recherche (source : Estat)
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.
Connatre les rsultats de votre campagne de rfrencement Laccs par moteurs ou annuaires
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.
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
Le modle prsent dans cette annexe doit tre adapt aux spcificits du projet
trait et de lentreprise ou de lassociation concerne.
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.
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.
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)
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)
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
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.
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.
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.
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).
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.
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
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
Figure B5
Reprsentation des principes de navigation et
des principaux objets du portail Netalya
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
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
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
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 ?
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
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
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
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.
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 .
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).
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.
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.
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.
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
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 !).
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 jalon J+1 ou J+2).
Nok (rouge) : la date prvue ne peut plus tre respecte. Dans ce cas, voir
laction prcdente.
Limites
La simplicit a un prix : cet indicateur donne uniquement une vision statique du
planning, il ne fournit pas toutes les informations ncessaires pour tudier les
solutions en cas de drive (cest par contre la grande valeur ajoute des outils de
planification).
Par ailleurs, cest le chef de projet qui donne un statut subjectif pour chaque
jalon : la pertinence de linformation est donc fonction de sa comptence et de
sa matrise du projet. Ce statut doit en tous les cas tre tay par les donnes
objectives fournies notamment par les indicateurs davancement des livra-
bles et davancement du budget.
Format
Il sagit dans la majorit des cas dun tableau Excel, accompagn du graphique
correspondant. Noubliez pas dutiliser des couleurs pour faire ressortir les infor-
mations remarquables du tableau.
Exemple
Voici un exemple de tableau de suivi budgtaire trimestriel dun projet web
(figure F-3).
T Prcision sur la valorisation financire
La valorisation financire correspond la valorisation de la charge (1 j.h = X k), X tant une esti-
mation du cot moyen dune journe de travail (gnralement calcul par le contrle de gestion
lorsquil sagit des ressources internes dune entreprise). La valorisation de la charge est ventuelle-
ment augmente du cot de prestations externes.
Figure E3 Exemple davancement budgtaire dun projet web : tableau de suivi trimestriel la date du 31/08/04
La colonne contient
Activit La liste des activits qui font lobjet dun suivi budgtaire
Tx Les lments budgtaires pour le trimestre x
B Le budget prvisionnel
R Le budget ralis (cest--dire consomm)
% ralis Le ratio B/R (donc la part du consomm par rapport au prvu)
A Le budget actualis (cest--dire revu par rapport la prvision initiale)
La ligne contient
Total en j.h Le total de la charge
Cumul en j.h Le total de la charge cumule
Total en k Le total quivalent en k (qui peut intgrer par un ajout manuel le mon-
tant des ventuelles prestations)
Conception
Lindicateur davancement budgtaire doit tre oprationnel ds lentre en
phase de conception du projet, ce qui suppose davoir prpar le systme de sai-
sie des imputations (voir ci-aprs la partie actualisation), et davoir sensibilis
tous les acteurs du projet son importance.
Par contre, pendant la phase de dfinition du projet, un suivi budgtaire assez
lger est gnralement acceptable (si le nombre dacteurs est limit), lobjectif
tant simplement de vrifier que lon reste dans lenveloppe budgtaire initiale-
ment prvue pour les tudes.
Donnes initiales
Liste des principales activits du projet :
budget estimatif pour chaque activit (en charge ou en euros), et sa rparti-
tion dans le temps (mensuelle ou trimestrielle) ;
cots matriels et logiciels, cots logistiques, montant des prestations externes.
Ces donnes sont collectes par le chef de projet, en collaboration avec lensem-
ble des acteurs concerns.
Degr de prcision
Sil ny a pas de rgle quant au degr de prcision de la liste des activits sui-
vre, nous recommandons une approche synthtique, dans la mesure o les don-
nes budgtaires sont principalement destines aux dcideurs.
Actualisation
Frquence dactualisation
Lavancement budgtaire doit tre actualis sur une base mensuelle ou trimes-
trielle, selon la dure du projet et surtout son impact sur le budget de lentre-
prise.
Donnes en entre
Le tableau de suivi budgtaire est automatiquement aliment par un systme
dimputation du temps pass. Ce systme permet chaque intervenant du pro-
jet de saisir priodiquement les charges quil a consommes sur le projet, venti-
ASTUCE Classeur Excel les sur les activits qui le concernent.
Il est indispensable dutiliser la fonction de partage Quelle que soit la frquence dactualisation, cette saisie doit tre hebdo-
du classeur Excel pour permettre la saisie simulta- madaire : sur une priodicit plus longue, lexprience montre quil est trs diffi-
ne des imputations, sous peine de dcourager les cile pour chaque intervenant de se souvenir du montant et de la rpartition de
bonnes volonts qui se casseraient le nez sur un ses charges.
fichier verrouill par un autre utilisateur. Le systme dimputation du temps pass est gnralement intgr dans les
outils de planification, mais se fait aussi simplement sous Excel. Lexemple ci-
aprs (figure F-5) montre une feuille dimputation mensuelle.
Diffusion
Comit de pilotage (tableau et courbe de tendance), comit directeur (courbe
de tendance).
Figure E5
Exemple de
tableau de suivi
dimputations
du mois de mars
2004 (en j.h)
Interprtation
Tableau
Il vous donne une vision linstant T de votre consommation, qui doit tre ana-
lyse par linterprtation des ratios B/R (% ralis) en rapport avec lindicateur
davancement de la production. Vous devez analyser les carts dont lampleur
est significative dans le contexte du projet.
B/R < 100 % : vous consommez moins vite que prvu. Deux facteurs principaux
peuvent expliquer ce retard :
Les ressources nont pas pu consommer la charge prvue (pour cause
dabsence, de gestion de priorit, ou tout autre problme), et la production
est donc en retard. Ceci implique un report de charges sur le trimestre suivant
Points forts
Cet indicateur est le seul donner la vision budgtaire du projet, trs apprcie
par les dcideurs. Parce quils sont trs visuels, le tableau et la courbe permet-
tent didentifier trs vite les carts. Lquipe projet peut ds lors anticiper les ris-
ques terme et rflchir des solutions. De plus, la courbe de tendances permet
danticiper les impacts des carts sur lconomie globale du projet (estimation
du point de sortie).
Limites
La fiabilit de cet indicateur repose entirement et exclusivement sur la fiabilit
des imputations, et les sources derreurs sont multiples (absence ou retard
dimputation, imputation sur une mauvaise activit). Dautre part, prcis-
ment parce quil repose sur un systme dimputation des temps passs, la mise
en place de cet indicateur peut savrer difficile si le nombre dintervenants sur
le projet est lev. Vous devez donc prvoir trs tt une campagne de sensibili-
sation, et des actions de relance systmatiques pour obtenir les imputations
(actions qui normalement sespacent une fois le systme rd). Par ailleurs, une
charge de travail rcurrente est prvoir pour prparer chaque mois la grille de
saisie des temps passs, et grer les ventuels mouvements de personnels sur le
projet (arrive/dpart dintervenants).
Figure E7 Exemple de contrle des risques dun projet web : actualisation au 31/05/04
La colonne contient
N Le numro de rfrence du risque
Risques Lintitul du risque
P Le niveau de probabilit (1 = trs leve, 2 = leve, 3 = moyenne)
G Le niveau de gravit (1 = trs leve, 2 = leve, 3 = moyenne)
T La tendance par rapport au dernier point de contrle (H = la hausse, S = stable, B = la baisse, R = ralis)
Prcision Toute prcision utile pour tayer les valeurs P/G/T
Projet Les impacts pour les objectifs du projet si le risque se ralise
Clients Les impacts pour les clients si le risque se ralise
Internes Les impacts internes pour le projet et lentreprise si le risque se ralise
Conception
Lindicateur de contrle des risques doit tre oprationnel ds lentre en phase
de conception. Cest en effet pendant la phase de dfinition du projet que sont
identifis les risques majeurs.
Donnes initiales
Liste des risques majeurs.
Niveau de probabilit de chaque risque (P), estim selon les informations du
moment.
Actualisation
Frquence dactualisation
Elle est dterminer selon la dure du projet, et limportance des enjeux asso-
cis. titre dexemple, cet indicateur devrait tre actualis en moyenne une fois
tous les deux mois pour un projet dune dure dun an.
Donnes en entre (pour chaque risque)
Revue des impacts et ajustement du niveau de gravit (G) en consquence.
Revue du niveau de probabilit (P), selon les informations du moment.
Calcul de la tendance (T), rsultat des variations de P et G.
Le chef de projet met jour le tableau de contrle daprs sa connaissance du
projet, en collaboration avec les acteurs concerns.
Diffusion
Comit de pilotage, comit directeur.
Interprtation
Linterprtation du tableau de contrle porte sur la donne T, qui matrialise
lvolution du risque par rapport au dernier point de contrle :
T = R : le risque est ralis, il est urgent de dclencher les actions correctives
(initialement prvues ou non) afin de minimiser ses impacts.
T = H : le risque est la hausse, ce qui signifie que le niveau P et/ou G a t aug-
ment. Dans ce cas, vous devez dclencher les actions prventives appropries
(initialement prvues ou non).
T = S : le risque reste stable, pas dvolution notable depuis le dernier point de
contrle. Si le niveau de gravit est trs lev, cest un risque majeur qui se
confirme, donc prvenir par les actions appropries.
T = B : le risque est la baisse, ce qui signifie que le niveau de probabilit et/
ou de gravit a t abaiss. La surveillance peut donc tre allge au profit
des autres risques.
Limites
La gestion de cet indicateur reprsente une charge de travail additionnelle qui
peut savrer non ngligeable. De fait, nombre de projets mettent en place un
contrle des risques, puis le laissent rapidement labandon. Or un indicateur
qui nest plus actualis devient totalement inefficace. Vous devez donc vous
assurer de la pertinence de cet indicateur dans votre contexte, et ne lutiliser
quaprs vous tre assur quil est indispensable la russite de votre projet.
De plus, sa valeur ajoute repose sur lidentification pralable de lensemble des
risques majeurs, or la ralit du terrain montre quil est difficile de penser tout.
Lexprience du chef de projet joue ici un grand rle.
i-mode
TM
xHTML wap
Il y est dfini par Internet mobile, tout accs au rseau Internet B Mthodologie de conduite de
projet Internet mobile
ralis depuis un terminal mobile (tlphone multimdia,
smartphones, PDA connect) par le biais dun oprateur
tlphonique.
Ubiquit et intimit
Deux concepts sont trs importants pour bien comprendre lInternet mobile :
propos de lauteur lubiquit et lintimit.
Jean-Philippe Briguet est responsable marketing En abolissant les barrires despace et de temps, le tlphone mobile permet de
de la socit APOCOPE. Spcialis dans les mieux grer le quotidien. Il permet dtre ici et l-bas au mme moment ;
domaines de lInternet et du marketing mobile,
il vient de lancer le site dinformation :
daccder linformation de nimporte o et nimporte quand. On parle dubi-
B www.marketing-mobile.net. quit.
En parallle, le tlphone est aujourdhui lunique mdia personnel. En effet, on
constate que les autres mdia sont le plus souvent proprit collective :
les affiches sont offertes des milliers de regards ;
le cinma sadresse toute une salle ;
la tlvision est partage par toute la famille ;
le PC appartient au foyer ou lentreprise.
Seul le tlphone mobile ne se partage pas, il est intime, priv, et toujours
allum au fond de notre poche. Il permet de toujours conserver la marque ou
lentreprise dans la poche.
Un environnement htrogne
La pauvret des dbuts du WAP a fait place un Internet mobile plus riche,
plus ouvert et plus simple daccs. La couleur a remplac le noir et blanc, lergo-
nomie est apparue, les contenus sont maintenant multimdia.
DEFINITIONS
xHTML (extensible Hyper Text Markup Lan- iHTML (i-mode Hyper Text Markup Lan- met daccrotre la bande passante sur le
gage) : successeur du HTML 4.0, il propose gage) : cr par NTT DoCoMo pour ses ter- rseau GSM. En thorie 10 fois plus rapide
une extension du HTML reprenant les carac- minaux i-mode. Il se base sur le cHTML que le GSM, on constate des dbits proches
tristiques les plus intressantes du XML, (sous-ensemble du langage HTML ddi des connexions RTC (environ 50Kbit/s).
telles que la structuration et lextensibilit aux terminaux disposant de performances LUMTS (Universal Mobile Telecommunica-
des donnes. trs faibles, enrichi de quelques extensions). tions System) dsigne le rseau physique dit
WML (Wireless Markup Langage) : Le WML Le GSM (Global System for Mobile Commu- de troisime gnration (3G), il offre un
a t conu par le wapforum (aujourdhui nications) est un rseau (2G) physique nor- dbit thorique de 2 Mbit/s permettant le
Open Mobile Alliance) regroupant les prin- malis de tlphonie sans fil numrique. streaming vido, le tlchargement musical
cipaux constructeurs de terminaux mobiles Conu pour la transmission de la voix, il ne et toute application multimdia mobile.
et oprateurs telecom. Bas lorigine sur permet pas de dpasser 9600 bit/s en trans- EDGE (Enhanced Date rate for GSM Evolu-
le XML, la version 2.0 est rsolument orien- mission de donnes. En se basant sur la tion) est une alternative temporaire
te vers une convergence avec le xHTML. commutation de paquets, la norme GPRS lUMTS ; il permet de tripler moindre cot
(General Packet Radio Service) (2,5G) per- le dbit des donnes par rapport au GPRS.
Tableau F1 Les diffrents types de contenu prsents dans un site Internet mobile
La golocalisation
La fonction de golocalisation est ralise laide du rseau de bornes de lop-
rateur. Ce dernier repre quelle cellule utilise labonn et renvoie les coordon-
nes associes au serveur du site Internet mobile.
Les sites Internet mobile peuvent ainsi proposer un contenu thmatique associ
la position gographique du mobinaute .
Par exemple, le site peut proposer de se golocaliser pour :
connatre le point de vente le plus proche ;
dcouvrir les promotions dun quartier ou dun centre commercial ;
retrouver les membres de sa communaut
La prcision de cette golocalisation dpend de la densit de bornes prsentes :
en milieu trs urbain, le nombre de bornes est important ; le rayon de golo-
calisation est donc d1 km maximum ;
en milieu rural, le nombre de bornes est faible ; le rayon de golocalisation
est alors de 50 km maximum.
La fonction de golocalisation est soumise des conditions de mise en uvre
trs strictes :
elle doit toujours tre sollicite par le mobinaute ;
il doit toujours donner son autorisation avant quelle ne soit ralise.
Le micropaiement
Fort des erreurs commises sur lInternet classique et de lexemple donn par
NTT Docomo avec son offre de services i-mode, lensemble des oprateurs ont
dot leurs portails et kiosques Internet mobile dune solution de micropaiement.
Mme si ces solutions ne sont pas aujourdhui unifies, elles offrent limmense
avantage de permettre aux diteurs de pouvoir faire payer leurs services et donc
de sortir du modle 100% publicitaire.
Selon les oprateurs, ce systme de micropaiement varie en termes de modle de
facturation :
paiement lacte ;
accs 24 h ;
accs mensuel ;
abonnement mensuel reconduction tacite.
Ces diffrences entre modles de facturation peuvent avoir une influence sur la
conception du site, lditeur doit les prendre en compte en amont du projet.
Figure F1 Une version mobile du site du Ministre de la Jeunesse et des Sports permet de
retrouver en quelques clics la bonne adresse ou la bonne information pratique.
Figure F2 Raliser un devis dassurance en temps rel et tre contact par lagence ASSU
2000 la plus proche dans lheure qui suit : un service simple et efficace adressant une popu-
lation nayant pas ncessairement accs Internet.
La relation tripartite
Cette diffrence est principalement valable pour les projets BtoC.
Les sites prsents sur les portails/kiosques oprateurs doivent tre valids par ces
derniers. Pour les portails, la validation recouvre laspect fonctionnel, innovant
et technique ; pour les kiosques, la validation se limite au niveau technique.
Cette forte implication de loprateur donne lieu des cycles de projet diffrents
de ceux du Web :
1 Lintrt du site pour le portail doit tre valid par loprateur.
3. Raliser le storyboard
A lissue de cette tape avec les oprateurs, le chef de projet peut raliser un
storyboard dtaill du service. Notre recommandation est de dabord faire
valider ce dernier par loprateur paraissant le plus exigeant.
5. Raliser le site
La ralisation du site doit inclure une longue session de tests sur un maximum
de terminaux cible.
8. Dploiement du site
La dclinaison du site sur les autres portails/kiosques oprateurs peut mainte-
nant commencer. Attention bien adapter le storyboard en fonction des modes
de paiements et des cinmatiques fonctionnelles de chacun (retour ltape 5).
241
Russir un projet de site web
242
Index
N PERT (Program Evaluation and Re- R
navigateur 38 view Technical) 190 recette 9, 22
navigation 29, 38, 44, 47, 59 pertinence 9, 57 recommandation 147
rgle des trois clics 44 PHP 21 rdaction 64
netlinking 142, 143 planning 6, 7, 190 simplicit 63
newsletter 144 plaquette Voir site institutionnel rfrencement
noir 50 point de sortie 225 par liste de liens 110
nom de domaines 29 POP3 (Post Office Protocol) 81 referer 176
dpot 91 popularit 166, 170 rgie 135, 138
rsolution 89, 90 portail registrar 91, 94, 95
systme Voir DNS (Domaine entreprise 3 reporting 189
Name System) gnraliste 3 restauration 83, 84
hbergement 74 risque 2, 6, 7, 26, 184, 226
O thmatique 3 robot Voir spider
objectif 184, 187 prrequis 187 rouge 50
OJD - Bureau Internet presse routeur 18
Multimdia 164 communiqu 28, 150, 151 RSS (Rich Site Summary) 140
optimisation 102 espace 154 rubrique 57
opt-in 145 relation 152
orange 50 projet 2 S
OS 71 acteur 188 sauvegarde 83
bilan 28 complte 83
P indicateur 216 diffrentielle 83
page incrmentale 83
indicateurs 7
alias 112 politique 84
plan 5
daccueil 45 scurit 82
responsable 9, 23
dimension 53, 194 smantique 63
promotion
dynamique 13, 19, 22 SEO 103
directe 156
entre 169 serveur 16
indirecte 156
Hallway 110 application 16, 71
interne 156
optimisation 204, 205 de nom Voir DNS (serveur)
off-line 156
poids 70, 106 ddi 74
proprit intellectuelle 10, 11, 25, 29,
sortie 169 FTP 71
211
statique 13 HTTP Voir serveur web
proxy Voir cache
structure 199 script 21
publication 16
Voir aussi optimisation SGBD Voir SGBD
directeur 27
zones actives et zones mortes 51 SMTP 16
publicit 28
panels 162 streaming 71
cible 130
PAQ (plan dassurance qualit) 6, 189 web 16
formes 132
pare-feu 18 session 166
formules 132
parrainage 134 SGBD (systme de gestion de base de
prsentation 130
peering (accord de) 88 donnes) 16, 71, 83
push 145
primtre 2, 5, 6, 184 site
pyramide inverse 59
permission marketing Voir apparence 47
cybermarketing consensuel Q arborescence 12, 106
persona 41 QoS (Quality of Service) 88 arborescence Voir web arborescence
personnalisation 16, 24 qualit de service 84, 86, 88 dynamique 9, 13, 16, 22
243
Russir un projet de site web
244