Professional Documents
Culture Documents
• Le besoin de visibilité : un site web, dans la mesure où il fait l'objet d'une bonne campagne
de promotion, peut être un moyen pour une enseigne ou une organisation d'augmenter sa
visibilité ;
• L'amélioration de la notoriété : grâce à un site web institutionnel ou un mini site web
événementiel, une enseigne peut développer sa popularité auprès du public ;
• La collecte de données : internet représente pour les entreprises une formidable opportunité
de recueillir des données sur leurs clients ou bien de démarcher de nouveaux prospects ;
• La vente en ligne : frileux aux débuts d'internet, les internautes ont vite compris l'intérêt
d'internet pour l'achat de certains produits de consommation. Un site internet peut représenter
pour certaines entreprises une opportunité en terme de commercialisation ;
• La mise en place d'un support aux utilisateurs : de plus en plus de sociétés utilisent
internet comme support privilégié pour le service avant-vente ou après-vente. En effet, avec
un site web, il est possible de mettre à disposition des internautes un maximum d'informations
commerciales ou techniques, à moindre coût.
• Les sites vitrine (appelés également sites plaquette ou site identité) sont des sites dont
l'objectif est de mettre en avant l'image de marque de la société, en présentant par exemple
ses produits ou ses services ;
• Les sites catalogue sont des sites visant à présenter l'offre de l'entreprise ;
• Les sites d'information sont des sites fournissant une information particulière à un type
d'internautes ;
• Les sites marchands sont des sites vendant directement des produits aux internautes et
permettant éventuellement de payer en ligne ;
• Les sites institutionnels sont des sites présentant l'organisation et ses valeurs. Ce type de
site décrit généralement l'activité de l'organisation, des chiffres clés et donne les informations
nécessaires aux clients ou aux bénéficiaires ;
• Les sites personnels (parfois pages perso) sont des sites réalisés par des particuliers à titre
de loisir, le plus souvent par passion pour un sujet ou une discipline ;
• Les sites communautaires sont des sites réunissant des internautes autour d'un intérêt
commun.
• Les sites intranet sont des sites accessibles de l'intérieur d'une entreprise ou d'une direction,
ayant pour objet la mise à disposition et le partage d'informations professionnelles.
La création d'un site web est un projet à part entière comprenant un grand nombre de phases :
• Veille, afin d'assurer un suivi des technologies, du positionnement du site et de celui des
concurrents ;
• Promotion et référencement, permettant de développer son audience ;
• Maintenance et mise à jour, représentant l'animation quotidienne du site et le maintien de son
bon fonctionnement.
La mise en place d'un site web est donc une activité multi-disciplinaire faisant appel à un grand
nombre de compétences. Selon l'organisation, la fonction de webmaster pourra relever d'une fonction
de chef de projet à celle de l'« homme-orchestre », chargé de toutes les activités, de la conception au
référencement.
Le terme webmastering désigne l'ensemble des tâches nécessaires à l'exploitation d'un site web.
Conception
La plupart des ouvrages traitant de la création d'un site internet abordent uniquement la phase de
réalisation (création de pages web au format HTML), essentiellement technique, et délaissent la
plupart du temps l'ensemble des étapes d'avant-projet.
La mise en place d'un site web ne saurait en effet se restreindre à la seule création de pages web. Il
s'agit avant tout d'une démarche stratégique et créative devant être réalisée de manière participative,
en y associant l'ensemble des parties prenantes (représentants du personnel, direction, clients, etc.).
La conception du site web est ainsi une phase essentielle du projet, dans laquelle une réflexion
globale est menée, dans un premier temps, sur les objectifs du site et la cible potentielle et, dans un
second temps, sur la structure, l'ergonomie et la navigation.
Réalisation
La réalisation du site concerne la création des pages web et des éléments graphiques. La création
des pages web consiste à créer des fichiers HTML. Il existe deux façons de créer ce type de fichier :
• En éditant les fichiers HTML « à la main », c'est-à-dire en saisissant le code HTML dans un
fichier texte à l'aide d'un simple éditeur de texte. Cette solution est la plus fastidieuse (malgré
la relative simplicité du langage HTML), mais reste toutefois la meilleure façon d'apprendre à
réaliser un site, de comprendre comment celui-ci fonctionne, et d'être ainsi en mesure de
créer un code optimisé et propre.
• En Utilisant un éditeur HTML WYSIWYG (What You See Is What You Get, traduisez Ce que
vous voyez est ce que vous obtenez). Il s'agit d'un logiciel permettant de créer des pages web
visuellement en plaçant des objets et des contrôles. Le logiciel se charge de générer le code
HTML automatiquement. Il s'agit d'une solution très pratique pour créer des pages web, car la
complexité est en grande partie masquée. Cette méthode peut s'avèrer très ennuyeuse si
l'éditeur ne permet pas de réaliser ce que l'utilisateur souhaite. Une connaissance du langage
HTML est néanmoins souhaitable afin de pouvoir maîtriser les options d'édition avancées du
logiciel, permettant notamment de modifier manuellement des attributs de style.
D'autre part, un site internet convivial doit contenir des images. Un logiciel de dessin sera nécessaire
afin d'égayer le site avec des images (au format GIF, JPG ou PNG).
Hébergement
Une société mettant à disposition un serveur web connecté en permanence à internet est appelée
hébergeur et offre un service appelé hébergement. On distingue deux principales catégories
d'hébergeurs :
• les hébergeurs gratuits. Ils prêtent gratuitement un espace disque sur un serveur pour créer
vos pages web. Ce type de service est généralement totalement gratuit. Ils gagnent de
l'argent soit avec un espace publicitaire sur votre site (ce procédé se fait de plus en plus rare),
soit uniquement grâce au trafic sur leur propre site.
• les hébergeurs professionnels. Ce type d'hébergement garantit un service de qualité
(bande passante) et de sécurité (sécurité des données et assurance d'un nombre de pannes
réduit). Il s'avère assez indispensable dans le cas d'un site à trafic important (plus de 1000
visiteurs par jour) et permet l'achat d'un nom de domaine (un nom du type
www.commentcamarche.net).
Mise en ligne
Pour créer un site internet, il n'est pas nécessaire d'être connecté à internet, compte tenu du fait qu'il
s'agit uniquement dans un premier temps de créer les fichiers HTML et les images.
Toutefois, lorsque le site web est prêt à être vu par des visiteurs, il est essentiel de le mettre en ligne,
c'est-à-dire de transférer (copier) les fichiers de votre ordinateur sur le serveur.
Pour ce faire il est alors essentiel de se connecter à internet, puis d'envoyer les pages sur le serveur à
l'aide d'un client FTP (un logiciel de transfert de fichiers).
Promotion
Un site web ne sera visité qu'à partir du moment où un certain effort de promotion aura été réalisé.
Une fois que le site web est suffisamment connu, la promotion peut alors s'auto-entretenir grâce aux
liens hypertextes mis en place par d'autres webmasters, dans la mesure où le contenu du site
présente un intérêt suffisant.
Stratégie d'objectifs
Avant de commencer tout projet de site web, il est nécessaire de récapituler les objectifs du site web
et, dans le cas d'une société ou d'une organisation, en quoi le site web va permettre à l'organisation
de remplir ses propres objectifs stratégiques.
Il est conseillé de recenser l'ensemble des objectifs du site web et d'y associer des critères
opérationnels, quantifiables, qui permettront de mesure si l'objectif visé a bien été atteint.
Stratégie de cible
Un site web est généralement prévu pour une catégorie d'utilisateurs. Un ciblage précis du type
d'utilisateurs concerné permettra d'établir un profil type et ainsi de focaliser le contenu sur tel ou tel
type d'information.
Il est ainsi nécessaire de s'interroger sur le type d'information que les utilisateurs cibles sont
susceptibles de chercher, d'essayer de déterminer leurs principales questions et le type de réponse
attendue.
Cette étape peut être faite par le biais d'interview des clients de l'entreprise ou des bénéficiaires de
l'organisation, ou, dans le cas d'un site personnel, d'entretiens avec les personnes de l'entourage.
Veille concurentielle
La veille concurentielle consiste à déterminer les principaux concurrents du site web et d'analyser
comment ils répondent à leur clientèle et quelles sont éventuellement leurs lacunes afin de proposer
un service qui les comble. Il s'agit donc d'une analyse concurrentielle basée sur le même secteur
d'activité permettant de dresser un panorama de l'offre existante et du besoin à satisfaire, afin de
mettre en place un site ayant une plus-value pour les futurs visiteurs.
Scénarios
L'écriture de scénarios consiste à se projeter dans la peau de l'utilisateur et d'imaginer les différents
cas d'utilisation possibles du site web.
Cahier des charges
Le cahier des charges est un document contractuel synthétique permettant au maître d'ouvrage
(client) de définir ses besoin auprès du maître d'oeuvre (prestataire). Même si la réalisation du site
n'est pas confiée à un prestataire, il est toujours utile de rédiger un cahier des charges, même court,
afin de formaliser ses idées.
Planification
L'étape de planification consiste à :
Une équipe de réalisation de site web réunit généralement les profils suivants (une même personne
peut avoir plusieurs rôles) :
Métier Description
Etude de faisabilité
Le site web doit également être réfléchi en termes de budget et de temps. Il doit notamment être
pensé sur le long terme, c'est-à-dire que des moyens doivent être prévisionnés pour créer le site mais
aussi pour le maintenir et l'actualiser. A ce titre, si le site n'est pas mis à jour régulièrement il risque de
ternir l'image de marque de la société plutôt que de la valoriser.
A cette étape, les ambitions initiales peuvent être revues et prioritisées afin de ne choisir que les plus
prioritaires en fonction du budget et des délais.
Notion d'ergonomie
L'ergonomie est l'utilisation de connaissances scientifiques relatives à l'homme (psychologie,
physiologie, médecine) dans le but d'améliorer son environnement de travail. L'ergonomie se
caractérise généralement selon deux composantes :
• L'efficacité, consistant à adopter des solutions appropriées d'utilisation d'un produit, au-delà
du bon sens du concepteur ;
• L'utilisabilité, marquant l'adéquation aux capacités de l'utilisateur. Elle se décline en :
o confort d'utilisation, consistant à réduire au maximum la fatigue physique et
nerveuse.
o sécurité, consistant à choisir des solutions adéquates pour protéger l'utilisateur ;
Appliquée au domaine du web, l'ergonomie d'un site web peut être définie par sa capacité à répondre
efficacement aux attentes des utilisateurs et à leur fournir un confort de navigation.
La principale difficulté que tente de lever l'ergonomie est la diversité des profils des visiteurs. Les
critères suivants sont généralement déterminants pour un site web :
Caractéristiques humaines
Les études psychologiques menées sur l'Homme ont montré certaines aptitudes ainsi qu'un certain
nombre de limites. L'objet de l'ergonomie est de tirer profit de ces éléments psychologiques afin de
mettre en oeuvre une interface efficace et confortable à utiliser.
L'être humain, selon le modèle du « processeur humain », perçoit son environnement à l'aide de son
système sensoriel (5 sens : toucher, vue, ouïe, odorat, goût), mémorise et planifie des actions à
l'aide de son système cognitif (cerveau) et enfin agit grâce à son système moteur et grâce au
langage.
Parmi les 5 sens, la vue est le sens le plus développé, alors que le goût et l'odorat sont réputés pour
être peu développés. Ainsi, dans la mesure où l'on considère que la perception visuelle peut
représenter près de 50% de l'activité du cerveau, il s'agit du mode privilégié pour les interfaces
utilisateurs.
A chacun des systèmes correspond une mémoire et un processeur. Les théories de psychologie
distinguent trois types de mémoires :
Les trois types de mémoire sont fortement liés. Ainsi, un environnement faisant fortement intervenir
les sens (musique, vidéo, endroit agréable) facilite l'apprentissage à court terme. C'est notamment
pour cette raison que l'apprentissage par l'action est très efficace. Les environnements multimédias
permettent par exemple aux enfants de s'approprier très rapidement l'interface et d'apprendre « sans
s'en rendre compte ».
Par ailleurs, la répétition est un moyen de faire passer l'information de la mémoire à court terme vers
la mémoire à long terme. Le processus de mémorisation à long terme se fait sur un principe
d'association : la récupération d'un mnème dans la mémoire à long terme sera d'autant plus facile qu'il
sera rattaché conceptuellement à d'autres mnèmes.
La « théorie de l'action » (User Central System Design, Donald A. NORMAN, 1986) modélise les
actions et réactions de l'homme. Cette théorie repose sur deux concepts :
Lorsque l'objectif initial est complexe, il est décomposé en sous-objectifs successifs, jusqu'à ce que le
sous-objectif soit réalisable. Le sous-objectif est alors traduit en une action, aboutissant à la définition
d'un nouvel objectif. La théorie de l'action définit ainsi deux distances caractérisant l'écart entre le but
défini par l'utilisateur et sa réalisation :
L'évaluation de ces deux distances permet à l'utilisateur de juger l'effort nécessaire pour faire
correspondre sa représentation mentale avec l'objectif fixé.
Cette liste de caractéristiques psychologiques est loin d'être exhaustive. L'ergonomie permet de tirer
parti de ces considérations comportementales et des mécanismes d'apprentissage afin de créer des
interfaces homme-machine ergonomiques. Il découle notamment des éléments ci-dessus :
Critères d'ergonomie
Les principaux critères d'ergonomie d'un site web sont les suivants (liste non exhaustive) :
Critère Sous-critère Description
Rapidité Temps de Le temps d'affichage d'une page doit être le plus petit
chargement possible car la majorité des internautes ne patientent pas
plus de 15 secondes lors du chargement d'une page. Ce
facteur dépend notamment de la connexion du visiteur,
de la taille de la page et de ses images, ainsi que des
capacités du serveur web.
Choix des couleurs Les couleurs doivent être choisies afin de laisser
l'information lisible aux personnes ne distinguant pas les
couleurs correctement (daltoniens).
Usage sain des L'information doit pouvoir être accessible, y compris sans
feuilles de style feuille de style.
Taille des polices La taille des polices doit être adaptable afin de laisser la
modifiable possibilité de grossir les textes si nécessaire.
La zone centrale supérieure représente ainsi un endroit particulièrement stratégique pour placer des
informations.
Structuration du site web
La structuration du site web consiste à bâtir l'architecture globale du site web en organisant les
différentes informations.
Il s'agit dans un premier temps de faire l'inventaire des contenus du site web et de les regrouper par
thématique afin de constituer des rubriques, on parle alors de rubriquage.
Dès lors que les principales rubriques sont identifiées (on veillera à ne pas dépasser une dizaine de
rubriques principales), il faut alors déterminer leur organisation et leur découpage en sous-rubriques.
La plupart du temps la structuration du site peut se représenter sous la forme d'une arborescence
dont la racine est la page d'accueil :
Les classiques
Certaines caractéristiques se retrouvent généralement d'un site web à l'autre :
• Logo du site web en haut à gauche. Un clic sur ce logo conduit directement à la page
d'accueil du site ;
• Lien vers la page d'accueil présent sur chaque page du site ;
• Eléments de navigation présents sur chaque page afin de permettre à l'utilisateur de se situer
dans le site et de revenir facilement à la rubrique principale.
Eléments de navigation
Les éléments de navigation sont des outils permettant au visiteur de savoir où il se situe dans le site,
de revenir d'où il vient et de se déplacer dans les rubriques. Il existe plusieurs moyens de mettre en
oeuvre des éléments de navigation :
• Le fil d'ariane ;
• La navigation par onglets ;
• La carte du site.
Fil d'ariane
On appelle fil d'ariane (ou chemin de fer et en anglais breadcrumbs trail), un outil de navigation
constitué d'une suite de liens hiérarchisée. Le fil d'Arian représente le chemin de navigation et permet
à l'usager :
Le terme anglais « breadcrumb » (littéralement « miette de pain ») fait référence au conte de Grimm,
« Hansel et Gretel », relatant l'histoire de deux enfants perdus dans la forêt laissant tomber des
morceaux de pain pour retrouver leur chemin.
Le terme français « fil d'Ariane » se réfère à la mythologie grecque. Ariane, amoureuse de Thésée, lui
confie une pelote de laine lorsqu'il s'engouffre dans le labyrithe pour tuer le Minotaure. En la
déroulant, puis en l'enroulant à nouveau, Thésée parvient à sortir du labyrinthe.
Navigation par onglets
Les onglets sont des outils de navigation utiles permettant de distinguer des rubriques dans un site
web et de passer facilement de l'une à l'autre. Des codes couleurs peuvent également être utilisés afin
de renforcer la différenciation entre les rubriques.
Plan du site
Un plan du site (ou carte du site, en anglais site map) permet aux internautes d'appréhender le site
dans sa globalité en un seul coup d'oeil. Un item « vous êtes ici » peut de plus permettre à l'internaute
de se situer dans le site.
Flêches de navigation
La présence de flêches de navigation (suivant, précédent, retour au chapitre, retour à la page
d'accueil) permet de fournir une navigation intuitive à l'utilisateur.
Introduction au webdesign
Le terme « webdesign » désigne la discipline consistant à structurer les éléments graphiques d'un
site web afin de traduire, à travers une dimension esthétique, l'identité visuelle de la société ou de
l'organisation. Il s'agit ainsi d'une étape de conception visuelle, par opposition à la conception
fonctionnelle (ergonomie, navigation).
Le webdesign est ainsi un compromis entre une présentation possédant un graphisme époustouflant,
permettant de donner une crédibilité et une image de marque à l'entreprise et une navigation sobre
(voire dépouillée) permettant à l'utilisateur de trouver facilement ce qu'il cherche.
Par extension le terme webdesigner désigne le métier consistant à concevoir le design d'un site web.
La nécessaire inspiration
Le design d'une page web est avant tout un acte artistique mettant en oeuvre l'inventivité et la
création. Le but de ce guide est de donner quelques éléments clés permettant d'obtenir un design
efficace, néanmoins une bonne source d'inspiration peut consister à visiter des sites de référence,
notamment des sites professionnels. Il est notamment intéressant d'étudier comment chacun d'entre-
eux dispose l'information, comment les menus et les blocs d'information sont mis en avant et d'une
manière générale de déterminer ce qui fait qu'un site paraît pro.
Agencement de la page
Elle aboutit généralement à la création de modèles de pages (en anglais templates), servant de
gabarits pour la création du site web. Les templates sont des images, créées sous forme de calques,
ou bien des pages web représentant le squelette graphique d'une page type.
• un logo situé en haut à gauche. La plupart du temps le logo est cliquable et mène à la page
d'accueil ;
• une zone de navigation (menu), située à gauche et/ou à droite ;
• un en-tête contenant le nom du site, un bandeau de navigation et une zone prévue pour une
bannière (publicitaire ou non) ;
• un corps de page, contenant l'essentiel de l'information ;
• un pied de page regroupant des informations utiles telles que la date de mise à jour, un lien
vers un formulaire de contact, un plan d'accès, etc.
Il est essentiel de distinguer dans le template ce qui relève d'éléments invariables, identiques sur
toutes les pages, ou bien variables d'une page à l'autre.
Charte graphique
On appelle « charte graphique » (en anglais graphic charter) le document synthétique récapitulant
les règles de présentation des éléments graphiques d'un site web, traduisant son identité visuelle.
La charte graphique définit l'habillement graphique de la page, notamment les tailles, couleurs et
apparences des textes, images et boutons du site ainsi que le positionnement relatif des objets dans
la page.
Maquette
Une maquette est un site web factice et sommaire (prototype) présentant le graphisme du site et sa
navigation. La maquette permet de formaliser la conception du site et constitue généralement l'étape
de validation de cette phase, pour passer à la phase de réalisation.
La maquette représente les pages principales du site (sans contenu) à l'aide de pages statiques et
permet de simuler la navigation. Ainsi, les éléments dynamiques tels que le moteur de recherche
pourront par exemple conduire à une page présentant des résultats factices.
Dimension des pages
La taille de la page web dépend essentiellement de la définition d'affichage (le terme résolution est
utilisée à tort) des internautes.
En terme de largeur, l'idéal est d'opter pour une valeur inférieure à la définition horizontale de la
majorité des visiteurs, afin de ne pas les contraindre à faire défiler l'écran avec l'ascenceur horizontal.
Une page courte permet en effet au visiteur de survoler facilement l'information pour repérer les
éléments qui l'intéressent.
Concernant la longueur, il est souhaitable de ne pas dépasser trois à cinq hauteurs d'écran. En effet,
les pages trop longues risquent de ne pas être lues en entier et sont plus longues à charger.
Pour garantir un affichage optimal pour la majeure partie des visiteurs il existe plusieurs stratégies :
• Choisir la plus petite largeur supportée par le plus grand nombre (entre 600 et 800 pixels de
largeur par exemple) ;
• Choisir une page comportant des tableaux invisibles de largeurs variables (définies en
pourcentages) ;
• Détecter la résolution des visiteurs à l'aide d'un script (en javascript par exemple), et rediriger
le visiteur vers une page de la bonne largeur. Cette méthode nécessite que les visiteurs aient
un navigateur avec le Javascript activé et demande de créer autant de pages que de largeurs
souhaitées .
Quel que soit le choix des couleurs, il est recommandé d'établir une couleur prédominante,
représentant la majeure partie de la page web, et une ou plusieurs couleurs secondaires plus
dynamiques (plus vives), en moindres proportions , afin de mettre des éléments en exergue.
Les couleurs possèdent une symbolique implicite. Il est donc important de les choisir en connaissance
de cause. En effet, les couleurs influent sur le comportement des individus :
Couleu Symbolique
Symbolique méliorative Domaine
r péjorative
Journal personnel,
Rose Charme, intimité, femme, beauté Naïveté
femmes
Violence, colère,
Chaleur, force, courage, dynamisme, Luxe, mode, sport,
Rouge danger, urgence,
triomphe, amour, enthousiasme. marketing, médias
interdit, sang, enfer.
Tiédeur, confort, gloire, bonheur,
Divertissement, sport,
Orange richesse, honneur, plaisir, fruit, Feu, alerte
voyage
odeur, tonus, vitalité.
Tromperie, égoïsme,
Lumière, gaieté, soleil, vie, pouvoir,
Jaune jalousie, orgueil, Tourisme
dignité, or, richesse, immortalité.
alerte
Design, associations,
Gris Neutralité, respect. organisations à but
non lucratif
Cinéma, art,
Mort, obscurité, photographie et
Noir Sobriété, luxe, nuit.
tristesse, monotonie. interdit
La composition des couleurs a également une influence sur la perception des volumes. La
composition des couleurs peut permettre de dégager une sensation de bien être, aussi bien pour la
décoration d'une maison, que pour le graphisme d'un site web.
Le cercle chromatique est un bon outil permettant d'apréhender les interactions entre les couleurs. Le
cercle chromatique est une représentation circulaire des couleurs, sur laquelle figurent les couleurs
suivantes :
• Les couleurs primaires (rouge, jaune, vert), couleurs « pures », ne pouvant être obtenues par
mélange d'autres couleurs ;
• Les couleurs secondaires (cyan, magenta, jaune), obtenues par mélange à parts égales de
deux couleurs primaires adjacentes. Les couleurs secondaires sont diamétralement opposées
à leur couleur complémentaire (soustractive) sur le cercle chromatique ;
• Les couleurs tertiaires, obtenues par mélange d'une couleur primaire et d'une couleur
secondaire.
Les couleurs sont également catégorises en couleurs « chaudes » (dont le ton est proche du rouge) et
« froides » (dont le ton est proche du bleu).
Il existe des règles universelles régissant l'harmonie des couleurs, dûes à des propriétés physiques de
l'oeil. En effet, lorsqu'il contemple une couleur, l'oeil crée automatiquement, sur son contour, un filtre
de la couleur complémentaire. On parle de « contraste simultané ». Avec ce mécanisme, la perception
des couleurs dépend des couleurs avoisinantes. Ainsi, le jaune paraîtra plus orangé lorsqu'il est
associé à du bleu et le bleu paraîtra plus violet. Un bleu à côté d'un rouge apparaîtra vert, etc.
Par ailleurs, des couleurs voisines sur le diagramme chromatique créent une sensation d'équilibre
pour l'oeil, en vertu de l'absence de contraste, on parle ainsi d'« harmonie d'analogie ».
Il existe donc globalement deux façons principales de choisir des couleurs harmonieuses :
• en choisissant des nuances d'une même couleur, soit des couleurs de même teinte dont les
tons sont proches,
• en mêlant des couleurs complémentaires (chaudes et froides), c'est-à-dire des couleurs
éloignées sur le diagramme chromatique. Pour deux couleurs, il suffit de choisir des couleurs
complémentaires, diamétralement opposées ; pour trois couleurs, les couleurs choisies
doivent former un triangle équilatéral, etc.
Enfin, des éléments de couleur chaude paraîtront globalement plus grands que des éléments de
couleur froide.
Choix des images
Les images permettent d'agrémenter un site web et de le rendre plus gai. Néanmoins l'abus d'image
peut gêner le confort visuel, ainsi que le chargement des pages.
Les webmasters débutant aiment à égayer leur site avec des animations amusantes glanées sur le
web. Dans la mesure du possible il est préférable de s'en passer car elles peuvent énerver le lecteur
et car elles donnent un caractère amateur au site.
Couleur d'arrière-plan
Le choix de la couleur d'arrière-plan (en anglais background) est primordial, car un arrière-plan mal
choisi peut gêner la lisibilité. Un bon contraste entre la couleur d'avant-plan et la couleur dominante de
l'arrière plan est nécessaire. A ce titre, il est fortement déconseillé d'opter pour un arrière-plan
graphique car il peut gêner la lecture et dégage généralement un sentiment d'amateurisme. L'arrière-
plan devra ainsi généralement être choisi très pâle.
Typographie
Il est fortement contre-indiqué d'utiliser plus de deux polices sur un site web. Les polices stylisées
doivent être utilisées avec parcimonie (pour le titre par exemple) et l'essentiel de la page web devra
être réalisée avec une police classique (Arial, Verdana, Helvetica, etc.).
Pour une utilisation imprimée traditionnelle, les polices à empattement (serif) facilitent généralement la
lecture car les empattements permettent d'accompagner le regard du lecteur.
Sur le web, l'utilisation de telles polices est déconseillée car selon la définition de l'écran du visiteur,
les empattements peuvent très vite devenir des pattes de mouche gênantes pour la lecture. Ainsi, il
est souhaitable d'opter pour des polices sans empattement (sans serif), plus rondes.
Enfin, sachez que les textes utilisant des polices non standard risquent de ne pas apparaître
correctement sur les écrans des internautes. Pour créer des titres avec de telles polices, il est
néanmoins possible de contourner cette limitation en créant des images transparentes comportant le
texte.
Symboles graphiques
Il est conseillé de faire usage de pictogrammes ou d'icônes afin d'établir une signalisation visuelle.
Attention tout de même au choix des symboles car le sens perçu par l'utilisateur peut être différent de
celui qu'on lui attribue, notamment si le site web a une vocation internationale. Les pictogrammes
suivants sont ainsi communément utilisé :
Importance du contenu
Les visiteurs reviennent généralement sur un site pour son contenu, plus que pour son design. Les
études menées sur les internautes montrent que le facteur d'appréciation principal d'un site web est
en premier lieu le contenu rédactionnel. Ainsi, un site simplissime avec un contenu fort intéressant
sera potentiellement bien plus visité qu'un site creux au graphisme soigné.
Qualification de l'information
Tout élément de contenu doit nécessairement être qualifié, c'est-à-dire qu'il doit faire appraraître des
éléments d'information permettant aux visiteurs de se faire une idée sur le contenu. Les éléments
indispensables sont notamment :
Style rédactionnel
Le style rédactionnel d'un site doit être adapté au profil des lecteurs qui vont le consulter. La « ligne
éditoriale » du site représente la politique en matière de rédaction d'articles. Une ligne éditoriale bien
définie permet de garantir une cohérence d'ensemble des articles, ainsi qu'une adéquation particulière
du contenu au coeur de cible du site.
Dans la majorité des cas, étant donné la pluralité du lectorat amené à lire votre contenu, il est
souhaitable d'adopter un style rédactionnel proche de celui du journaliste, c'est-à-dire suivant
notamment les quelques règles suivantes :
Le langage utilisé doit être le plus proche possible de celui du lecteur, sans être familier. Ainsi, le
contenu sera préférentiellement composé de phrases simples, claires, précises et concises.
Calibrage
Le terme « calibrage » désigne la détermination de la longueur de l'article. Des études ont montré
que la lecture sur écran était en moyenne 25% moins rapide que la lecture sur un support papier.
Compte-tenu de la difficile lecture à l'écran, il est vivement conseillé d'écrire des articles concis.
Introduction au web
Le terme « web » désigne le service internet permettant de naviguer à travers des pages web. Le
protocole utilisé pour ce type de communication est le protocole HTTP (HyperText Transfer Protocol),
ce qui explique le fait que vous saisissiez des URL commençant par http://.
Le protocole HTTP en est actuellement à sa version 1.1 (spécifié par le consortium W3C). Désormais,
le protocole HTTPS (protocole HTTP sécurisé) est de plus en plus utilisé avec l'utilisation de systèmes
de commerce électronique, car il s'agit d'un protocole sécurisé permettant de chiffrer les requêtes
échangées entre le navigateur et le serveur.
Aujourd'hui, le protocole WAP (Wireless Application Protocol) permet à un téléphone mobile
compatible WAP de communiquer avec la passerelle WAP de l'opérateur de téléphonie mobile. Les
communications seront ensuite converties selon le protocole HTTP par la passerelle. La dernière
version du protocole WAP spécifiée par le WAP Forum (l'autorité chargée de définir le standard WAP)
est la version 1.1 (en début d'année 2001).
Le HTML et les pages statiques
Le standard désormais établi pour la diffusion de documents sur le web est le langage HTML
(HyperText Markup Language). Le langage HTML permet de définir la présentation du document ainsi
que les liens hypertextes vers d'autres documents à l'aide de balises de formatage.
Le W3C, l'organisme chargé de standardiser les normes relatives à internet a actuellement (début
2001) spécifié la version HTML 4.01.
Le DHTML (Dynamic HyperText Markup Language) dont on entend souvent parler n'est pas un
langage à proprement parler. Il s'agit en réalité d'un ensemble de langages complémentaires au
HTML et permettant de rendre une page web plus dynamique. Ces langages sont :
• une maintenance difficile due à l'obligation de modifier manuellement chacune des pages
(notamment dans le cas où toutes les pages possèdent un même menu)
• l'impossibilité de renvoyer une page personnalisée selon le visiteur
• l'impossibilité de créer une page dynamiquement selon les entrées d'une base de données
• etc.
C'est pourquoi des solutions permettant d'automatiser la génération de pages web du côté du serveur
ont été mise au point. Il existe de nombreuses solutions permettant de mettre en oeuvre un langage
de script sur le serveur web, parmi lesquelles les plus répandues sont les suivantes :
Java et le web
Java a longtemps été essentiellement utilisé pour écrire des applets, c'est-à-dire des petits
programmes exécutés sur le navigateur du client, à l'intérieur même d'une page web, permettant ainsi
de rendre la page beaucoup plus interactive (mais aussi beaucoup plus lente).
Java est désormais principalement utilisé du côté du serveur web, pour les raisons suivantes :
• Java est portable (il peut être exécuté sur n'importe quelle plateforme)
• Java est sûr (il a été conçu pour ne pas provoquer d'erreur d'exécution pouvant créer des
failles de sécurité pour le serveur)
• Les servlets, permettant d'effectuer des traitements selon la requête de l'utilisateur (accès à
des bases de données avec JDBC, communication avec d'autres servlets grâce à la
technologie RMI, interrogation d'annuaires LDAP, ...) ;
• Les pages JSP représentant un code HTML dans laquelle du code Java est appelé ;
• Les EJB (Enterprise JavaBeans), des composants objets écrits en Java résidant sur un
serveur d'application permettant d'accéder à leurs méthodes.
Les technologies Java reposent ainsi sur l'utilisation de ces trois entités, au sein d'un serveur
d'application, c'est-à-dire un serveur spécifique utilisant une machine virtuelle Java. Les principaux
serveurs d'application sont :
Le XML
Le HTML a rapidement montré ses limites, non seulement par son nombre limité de balises, mais
surtout par l'impossibilité de séparer le contenu et la présentation, ce qui induit un problème de mises
à jour simple de la présentation. Ainsi, le XML se propose comme un méta-langage, c'est-à-dire un
langage permettant de définir un nouveau langage (de nouvelles balises).
De plus, étant donné que le XML sépare la présentation des données, il est possible d'échanger des
documents au format XML sans pour autant influer sur la forme de ceux-ci. Cela permet ainsi de
rendre simple l'adaptation d'un contenu à un navigateur ou bien à n'importe quel périphérique
d'affichage (de cette façon, le WML (Wireless Markup Language) est une implémentation du XML
pour l'affichage de pages web sur des terminaux mobiles).
Le langage XSL (eXtensible StyleSheet Language) permet de formater un document XML à l'aide de
règles de formatage afin de constituer un document dans un autre format (HTML, WML, PDF,
LaTeX, ...)
XML organise les informations selon une structure arborescente définie par le DOM (Document
Object Model), il est ainsi possible de parcourir un document XML à l'aide d'un parseur (appelé aussi
analyseur syntaxique), c'est-à-dire un programme utilisant une bibliothèque de fonction (API, pour
Application Programmable Interface) permettant de lire et modifier un document XML.
• être prononçable ;
• avoir dans la mesure du possible une signification ;
• être disponible.
D'autre part, certains de ces domaines possèdent des sous-domaines. Pour la France par exemple :
Acquérir un .fr
L'ouverture du nom de domaine dans la zone française (un site dont le nom se termine par .fr) est
régie par des règles d'acquisition plus compliquées. L'AFNIC, chargée d'attribuer les noms de
domaine en .fr, n'en permet l'acquistion qu'aux entités respectant certaines conditions. Voici une liste
non exhaustive de ces conditions :
Il est évidemment de posséder les documents justifiant l'appartenance à l'une de ces catégories :
Redirection
Il est possible d'opter pour une redirection, c'est-à-dire un nom de domaine redirigeant l'internaute
vers une URL particulière. Ce type de solution représente un compromis permettant aux webmasters
recourant aux services d'un hébergeur gratuit de bénéficier d'un nom facile à mémoriser. Néanmoins
ce système ne permet pas defaire figurer le nom de domaine dans la barre d'adresse du navigateur.
Attention également aux prestataires fournissant gratuitement une redirection de noms de domaine
car ils deviennent ainsi propriétaire du nom de domaine !
Le grabbing
Certains internautes prennent un malin plaisir à acheter un grand nombre de noms de domaine. Ce
procédé, appelé grabbing consiste à prévoir l'achat de noms de domaine de certaines entreprises et
de les acheter avant celles-ci (les extensions en .com, .net et .org n'étant par exemple soumises à
aucun contrôle...).
Avec ce type de pratique des personnes peu scrupuleuses ont réussi par le passé à revendre à prix
d'or (plusieurs millions de dollars parfois) des noms de domaine intéressants pour certaines
compagnies (leur propre marque généralement). Depuis, la législation en la matière s'est durcie et il
est rare qu'un tribunal donne raison au cybersquatteur.
Voir aussi...
Qu'appelle-t-on hébergement ?
Afin de rendre disponible un site web 24/24H il est nécessaire qu'il soit hébergé sur un serveur relié
en permanence à Internet. Techniquement il est possible d'héberger son site Internet soi-même à
condition de posséder un débit en sens montant suffisamment important. En effet sur un site Internet
les visiteurs font essentiellement du téléchargement en sens descendant (download), ce qui signifie
que le serveur fait surtout de l'envoi de pages web (upload).
Pour autant, afin de rendre un service de qualité aux visiteurs, il est conseillé de recourir aux services
d'un hébergeur, c'est-à-dire une société proposant l'hébergement (en anglais hosting) du site
internet sur des serveurs spécialisés connectés en permanence à internet à très haut débit.
On distingue généralement les types d'hébergement suivants :
• Hébergement gratuit
• Hébergement professionel
o hébergement mutualisé (en anglais mutualized hosting) : il s'agit d'une offre
d'hébergement où le serveur héberge un grand nombre de sites ;
o hébergement dédié (en anglais dedicated hosting) : il s'agit de la location complète
d'un serveur ;
o colocation (en anglais housing) : cette formule consiste à louer une baie
d'hébergement pouvant accueillir les serveurs du client.
Hébergement gratuit
Les fournisseurs d'accès à internet proposent généralement dans leur offre une formule
d'hébergement de site web avec un espace de stockage assez limité. Il existe ainsi un grand nombre
de sites offrant de tels services gratuits, mais il est essentiel de regarder en détails les conditions dans
lesquelles le service est rendu.
En effet le service d'hébergement est souvent rendu en contrepartie de publicités affichées sur le site,
soit dans un coin, soit sous la forme de pop-ups. D'autre part le temps d'accès à ce genre de service
est plutôt moyen et la disponibilité du site web n'est pas garantie. Il est à noter qu'il est relativement
rare de pouvoir mettre en place un nom de domaine avec ce type d'hébergement mais il est tout de
même possible de mettre en place une redirection du nom de domaine vers l'URL qu'offre l'hébergeur
gratuit (du type http://perso.mon-fournisseur.com/mapageweb).
Hébergement professionel
Pour un hébergeur professionel l'organisation de l'espace réservé à l'accueil des machines a une
importance capitale. Quel que soit le type de l'hébergement, les serveurs sont systématiquement
situés dans des salles d'hébergement spécialisées appelées Data Center.
Data Center
Un data center est organisé en baies, armoires pouvant accueillir des éléments en rack dans des
emplacements de taille normalisée d'une largeur de 19 pouces (48.26 cm).
Une baie possède généralement un espace disponible de 40U, 47U ou 52U où U désigne l'unité
élémentaire de hauteur de chaque élément rackable. 1U correspond à une hauteur de 1.75 pouce
(soit environ 4.445 cm).
Cela explique pourquoi les serveurs professionnels sont conditionnés dans des châssis industriels
au format rackable 19 pouces.
La plupart des éléments réseaux (switch, routeur, firewall, etc.) existent ainsi en racks 19", dans les
formats 1U, 2U ou 4U. Il existe également des tiroirs coulissants contenant écran plat, clavier et souris
pouvant s'intégrer dans un emplacement 1U.
Choix de l'hébergement
L'espace de stockage alloué, la bande passante et la puissance du serveur qui héberge le site sont
certes primordiaux mais ils ne sont pas les seuls éléments à prendre en compte lors du choix d'un
hébergeur.
En effet pour les entreprises l'indisponibilité du site ou la perte de données peuvent se révèler très
coûteuses ! Ainsi la majorité des data center des hébergeurs proposent des garanties relatives à la
sécurité des serveurs :
• Sécurité de l'accès physique au data center grâce à un contrôle d'accès (badge, carte
magnétique, éventuellement biométrie) et un système de vidéo-surveillance relié à un service
permanent de gardiennage. De plus les baies sont verrouillées par un système de cadenas et
parfois équipées de mécanismes de détection d'intrusion ;
• Sécurité contre les incendies grâce à des systèmes de détection d'incendie par analyse de
particules (nommés VESDA pour Very Early Smoke Detection Alarm) couplés à un système
d'extinction d'incendie par gaz. Il existe deux méthodes permettant l'extinction d'incendie à
base de gaz :
o L'émission d'un gaz halon 1301, désormais interdit dans de nombreux pays en raison
de sa toxicité ;
o L'émission d'un gaz inerte destiné à étouffer la combustion dans la baie en raréfiant
l'oxygène : Inergène (N2 52%, Ar 40%, CO2 8%) ou Argonite (N2 50%, Ar 50%) ;
o L'émission d'un gaz inhibiteur destiné à empêcher la réaction de combustion : gaz
FM 200 (CH3HF7) ou FE13 (CHF3) ;
o La propulsion de gouttelettes d'eau azotée de moins de 200 microns de diamètre à
très haute pression afin de refroidir la zone de combustion.
• Garantie de l'environnement : régulation de l'hygrométrie (taux d'humidité) et de la
température grâce à une climatisation, à la présence d'extracteurs d'air souvent placés en
haut de la baie et de ventilateurs parfois installés en bas de la baie ;
• Redondance des alimentations électriques, des infrastructures critiques (routeurs,
climatisation, etc.) et des liens de connexion à Internet et présence d'onduleurs, voire de
groupes électrogènes ;
• Garantie de la qualité de service (QoS) ainsi que du temps de rétablissement du service en
cas de dysfonctionnement (GTR : Garantie de Temps de Rétablissement).
D'autre part les hébergeurs proposent généralement des services supplémentaires pouvant s'avérer
utiles, voire indispensables :
• Reboot distant grâce à une unité de distribution d'alimentation (PDU, Power Distribution Unit)
c'est-à-dire un sytème de prises électriques pouvant être contrôlées indépendamment via une
interface web. Les prises habituellement utilisées sont appelées prises APC MasterSwitch
(APC est le sigle de American Power Conversion Corporation). Ce type de prises est
généralement doté de protection contre les surtensions (SurgeArrest) ;
• Intervention par téléphone pour demander le redémarrage d'un serveur à distance.
Généralement une passphrase et éventuellement des informations personnelles sont
demandées par l'opérateur afin de s'assurer de l'identité du client ;
• Fourniture d'un service de filtrage par pare-feu en amont de la baie ;
• Service de surveillance du trafic (monitoring). Il s'agit la plupart du temps du système MRTG
(Multi-Router Traffic Grapher) permettant de représenter graphiquement la charge du trafic
sur les liens réseaux ;
• Mécanismes de sauvegardes (backup) automatisées.
Ce type de châssis permet d'accueillir une carte-mère standard ainsi qu'un ou plusieurs disque dur
IDE, SCSI ou Serial ATA. Toutefois, étant donné la faible hauteur du boîtier il est généralement
intéressant que la carte-mère intègre le maximum de périphériques d'entrées-sorties nécessaires au
fonctionnement du serveur (carte graphique, carte SCSI, support du RAID, carte réseau). Par ailleurs
le ventilateur et le radiateur du processeur possèdent un facteur de forme particulier afin de pouvoir
entrer dans le boîtier ; ils sont généralement notés "ventilateur et radiateur pour boîtier 1U".
Il est tout de même possible d'ajouter un périphérique PCI grâce à un renvoi d'angle (en anglais PCI
Riser Card, littéralement coude PCI), c'est-à-dire un élément insérable dans un emplacement PCI
permettant d'ajouter une carte PCI à l'horizontale.
Hébergement mutualisé
L'hébergement mutualisé (parfois hébergement partagé, en anglais mutualized hosting) consiste à
héberger plusieurs sites internet sur un seul et même serveur. Il s'agit d'une solution relativement
économique permettant de bénéficier d'un service de qualité à un prix modeste.
Ce type de formule propose donc un serveur avec une configuration donnée et une offre logicielle
(serveur, bases de données, comptes de messagerie, serveur de listes de diffusion, etc.) ainsi qu'un
espace de stockage bien défini.
Dans ce type de solution les clients n'ont pas accès directement au serveur en tant qu'administrateur,
la configuration se fait ainsi par l'intermédiaire d'interfaces web. Il est donc important de vérifier les
paramètres de configuration sur lesquelles il est possible d'agir (configuration du serveur de nom, du
serveur web, du système de gestion de base de données, etc.).
Guide de choix
Afin de choisir un hébergement mutualisé il est nécessaire de déterminer vos besoins. Voici une liste
(non exhaustive) d'éléments généralement proposés par les hébergeurs proposant une offre
mutualisée :
Hébergement dédié
L'hébergement dédié (en anglais dedicated hosting) consiste à mettre à disposition du client un
serveur complet.
Housing
Les hébergeurs professionels proposent généralement des formules de baies entières, de demi-baie
ou de quart de baie, ou bien d'hébergement des propres serveurs du client à l'unité, on parle alors de
colocation (en anglais housing).
Ce type d'offre permet au client d'installer les serveurs de son choix et d'en avoir la totale maîtrise.
L'hébergeur fournit ainsi l'infrastructure d'accueil des serveurs, la bande passante ainsi qu'un certain
nombre de services et de garanties.
Introduction au marketing
Assurer la promotion d'un site web consiste à le faire connaître par de nombreux moyens afin, selon
les cas, d'améliorer son trafic, de gagner en notoriété, d'obtenir de nouveaux prospects ou bien de
développer le nombre de ventes.
On appelle « web marketing » (également cybermarketing ou netmarketing) toute opération
permettant d'améliorer la visibilité d'un site en utilisant internet comme canal de prospection. Le terme
web marketing est utilisé par opposition au « marketing traditionnel ».
Néanmoins webmarketing et marketing traditionnel ne sont pas nécessairement concurrents, ainsi un
promotion online (sur le web) bien articulée avec une promotion offline (traditionnelle) aura encore
plus d'impact.
Presse
La presse est le média traditionnel par excellence pour mener une campagne de communication. La
promotion de sites web ne déroge pas à cette règle.
La communication par ce canal se fait habituellement via un communiqué de presse, c'est-à-dire un
court texte descriptif envoyé à des journalistes.
Liens réciproques
La mise en place de liens réciproques consiste à établir un partenariat sous forme d'échange de
liens (en anglais Netlinking) entre plusieurs sites complémentaires, afin d'augmenter mutuellement
leur fréquentation. Il s'agit d'une des stratégies de promotion les plus avantageuses, tant en termes de
simplicité de mise en oeuvre que de coût.
L'échange de liens permet de bénéficier de trafic qualifié en provenance des sites partenaires, mais il
peut également être contre-productif ou nuire à l'image du site si les partenaires ne sont pas
correctement choisis.
Afin d'établir ce type de partenariat, il est nécessaire au préalable de choisir des sites
complémentaires au vôtre et non des sites directement concurrents. Les futurs partenaires devront
notamment être choisis sur les critères suivants :
• Notoriété ;
• Qualité du contenu ;
• Affluence ;
• Positionnement dans les outils de recherche.
Il est à noter l'existence de services d'échanges de liens (appelés link farms ou webrings) permettant
de mutualiser les liens de plusieurs sites appartenant à une même catégorie. Ce type de service met à
disposition des outils pour afficher de manière aléatoire les liens des sites fédérés. Les sites
proposant ce service promettent habituellement une augmentation spectaculaire de l'audience, mais
sont au final les grands gagnants puisqu'un lien pointant vers eux est présent sur toutes les pages des
sites fédérés.
Echange de contenus
L'échange de contenu est un bon moyen de faire connaître un site tout en tissant des relations avec
des sites partenaires. Il consiste à mettre à disposition d'autres sites des éléments de contenu contre
de la visibilité, grâce à un lien vers la source, accompagné éventuellement d'un logo.
Marketing viral
Le marketing viral consiste à utiliser les relations interpersonnelles entre internautes pour diffuser
une information. Il s'agit de faire des visiteurs du site les ambassadeurs de la promotion du site grâce
à un phénomène de recommandation ou de bouche à oreille. Un marketing viral réussi aboutira à une
diffusion exponentielle.
On distingue le marketing viral passif, où le produit se fait connaître de lui-même, du marketing viral
actif, pour lequel il s'agit de véhiculer un message sur un produit grâce à un support qui se diffuse.
Les messageries instantanées ou le téléphone portable peuvent être associé à du marketing viral
passif, dans la mesure où leur seule utilisation encourage l'entourage de l'utilisateur à faire de même.
Il est possible de provoquer le marketing viral en diffusant des vidéos ou des « goodies » de petite
taille (idéalement inférieurs à 1 Mo), afin qu'ils se propagent par courrier électronique (mail). La
meilleure façon d'assurer leur diffusion est d'en faire un support humoristique.
Les principaux supports pour le marketing viral sont les suivants :
De plus en plus de sites proposent également une fonctionnalité permettant à un visiteur de conseiller
le site à un ami. Il s'agit d'une forme de marketing viral, consistant à utiliser le visiteur pour prospecter
ses proches.
Promotion sur support
Dans le cas d'une entreprise, il peut être intéressant de se servir des supports existants (notamment
les supports papier tels que les cartes de visites, devis, factures, catalogues et brochures) et d'y faire
figurer l'URL de leur site web.
• indexation (en anglais submission) consistant à faire connaître le site auprès des outils de
recherche grâce aux formulaires que ceux-ci proposent ;
• positionnement (en anglais positionning) consistant à positionner le site ou certaines pages
du site en première page de résultat pour certains mots-clés ;
• classement (en anglais ranking) dont le but est similaire au positionnement mais pour des
expressions plus élaborées ; une partie du travail étant d'identifier ces requêtes.
Pour autant, toute la difficulté de l'exercice ne réside pas tant dans la promotion du site auprès des
moteurs de recherche que dans la structuration du contenu pour être bien positionné dans les
résultats sur des mots-clés préalablement choisis.
En effet une majorité d'internautes utilise les moteurs de recherche afin de trouver de l'information et
interroge à ce titre un moteur de recherche à l'aide de mots clés (en anglais keywords). Il est donc
essentiel avant tout chose de se préoccuper du contenu que l'on propose afin de répondre au mieux
aux attentes des internautes, et d'identifier dans un second temps les mots-clés susceptibles d'être
saisis par ces derniers !
Améliorer son référencement
Il existe quelques techniques de conception de site permettant de donner plus d'efficacité au
référencement des pages d'un site :
• WebrankInfo
• Abondance
• La mise en place de mots-clés de la même couleur que le fond de page (on parle de mots-
clés invisibles, en anglais invisible words ;
• L'ajout de mots-clés dans les métas tags sans aucun rapport avec la page ;
• La répétition de mots-clés (appelé aussi bourrage de mots-clés, en anglais keywords
stuffing) ;
• Le détournement de pages web (pagejacking) ;
• L'utilisation abusive d'alias de domaine ou de sous-domaines. La soumission de contenus
sous différents noms de domaine n'est pas tolérée par la plupart des moteurs de recherche et
des annuaires ;
• L'indexation intempestive de pages auprès des moteurs de recherche.
• User-Agent: permet de préciser le robot concerné par les directives suivantes. La valeur *
signifie "tous les moteurs de recherche".
• Disallow: permet d'indiquer les pages à exclure de l'indexation. Chaque page ou chemin à
exclure doit être sur une ligne à part et doit commencer par /. La valeur / seule signifie "toutes
les pages du site".
• Exclusion d'aucune page (équivalent à l'absence de fichier robots.txt, toutes les pages sont
visitées) :
• User-Agent: *
Disallow:
Quelques User-Agents
Voici quelques exemples de User-Agents pour les moteurs de recherche les plus populaires :
Nom du
User-Agent
moteur
Excite ArchitextSpider
Google Googlebot
HotBot Slurp
InfoSeek
InfoSeek
Sidewinder
Lycos T-Rex
Voilà Echo
Notion de fidélisation
Prospecter de nouveaux visiteurs potentiels par des mécanismes de promotion est essentiel, mais il
ne faut pas négliger pour autant les visiteurs fidèles. Des études ont montré qu'il était plus profitable, à
peine égale, de choyer ses visiteurs fidèles que d'en chercher de nouveaux.
L'objet de la fidélisation est de faire en sorte de satisfaire les visiteurs, afin qu'ils reviennent, voire
qu'ils se fassent ambassadeurs du site web en vantant ses mérites.
D'une manière générale, un internaute reviendra essentiellement sur le site s'il est satisfait par son
contenu et si son sentiment global est positif, mais il n'est pas impossible qu'il finisse néanmoins par
oublier son existence. Par ailleurs, il est indispensable d'être à l'écoute des visiteurs, afin de prendre
en compte leurs remarques et d'améliorer le contenu ou les services à leur disposition.
Il existe un certain nombre de techniques permettant de maximiser les chances qu'un visiteur se
souvienne d'un site, afin de le pousser à le consulter régulièrement.
Identité rémanente
Un site web ayant une forte identité, grâce à un look accrocheur, qui lui est propre, un nom
caractéristique mémorisable, et éventuellement un logo ou une mascotte, aura de fortes chances de
marquer l'esprit du visiteur.
Il est nécessaire de tout mettre en oeuvre pour que le visiteur associe le site et ses couleurs à un nom
et qu'il ait le réflexe de vouloir y revenir lorsqu'il s'intéresse au sujet dont traite le site.
Lettre d'information
Une lettre d'information (en anglais newsletter) est un courrier électronique envoyé régulièrement
aux abonnés en ayant fait la demande, afin de les tenir informés de l'évolution du site web et des
nouveautés.
Un formulaire doit permettre à tout visiteur du site de s'inscrire à ce service. Il est nécessaire
d'indiquer clairement la fréquence d'envoi de cette lettre d'information et sa finalité véritable (type
d'information envoyé).
D'autre part, compte-tenu de la collecte d'information, une déclaration à la CNIL peut être nécessaire
si des informations personnelles concernant les abonnés sont enregistrées.
Avant de l'envoyer à tous les abonnés, une relecture complète de la lettre s'impose. N'hésitez pas à
en faire un copier-coller dans un outil possédant un correcteur orthographique. De plus, il est vivement
conseillé de vérifier un à un tous les liens hypertextes de la lettre d'information.
Enfin, un lien doit être présent en bas de la lettre afin de permettre la désinscription automatique par
un simple clic. A défaut, le destinataire doit avoir la possibilité de se désabonner par simple réponse à
l'adresse indiquée.
Favoris
Les favoris (parfois appelés signets, marque pages ou bookmark en anglais), sont un moyen de
mémoriser des adresses de sites web directement dans le navigateur.
La plupart des navigateurs disposent d'un raccourci clavier (CTRL+D) pour mettre un site dans les
favoris (bookmarquer). N'hésitez pas à suggérer aux visiteurs de mettre le site dans leurs favoris.
Recommander à un ami
De plus en plus de sites proposent des outils permettant de faire connaître le site ou une page du site
par recommandations successives. Il s'agit de mettre en place un formulaire permettant à un
utilisateur de suggérer à un de ses proches de visiter la page sur laquelle il se trouve.
Ce type d'outil permet d'une part de développer son audience en permettant aux internautes de faire
découvrir le site à leur connaissance, mais c'est également un moyen permettant à un internaute de
s'envoyer l'adresse de la page par courrier électronique, pour mémoire.
Service d'envoi de mail
Un bon moyen de s'assurer un retour des visiteurs consiste à mettre en place un service permettant
de les tenir informés par mail de l'évolution d'une rubrique spécifique.
• Les études de mesure de la fréquentation (en anglais « site centric », traduisez « centrées
sur le site ») ;
• Les études de qualification du trafic (en anglais « user centric », traduisez « centrées sur
l'utilisateur »), réalisée notamment à l'aide de panels d'utilisateurs.
La mesure d'audience et la qualification du trafic d'un site web sont des moyens de mesurer l'efficacité
d'un site web afin d'en améliorer la qualité de façon permanente.
Comment mesurer l'audience d'un site web
Il existe globalement trois solutions permettant de mesurer le trafic d'un site internet :
• L'exploitation des journaux (fichiers de logs) du serveur web par un outil spécifique. Il s'agit
de choisir un outil capable d'analyser les journaux d'activité du serveur web et de réaliser un
tableau de bord contenant les principaux indicateurs de fréquentation du site web.
• Le développement d'un système de statistique ad hoc. Il est possible, sur un site web, de
stocker à chaque chargement d'une page des informations concernant le visiteur afin de les
exploiter ultérieurement. Pour les sites web possédant un trafic important, ce type de dispositif
peut provoquer une charge du processeur importante et un fort taux d'utilisation de l'espace
disque, notamment si les données collectées sont stockées dans un système de gestion de
base de données.
• L'utilisation d'un service de « mesure d'audience ». Ce système consiste à insérer dans
chaque page un « marqueur » (en anglais « tag ») permettant au service de mesure du trafic
de collecter les données sur un serveur. Ce type de service a l'avantage d'économiser des
ressources matérielles car l'ensemble des traitements est réalisé sur le serveur distant. De
plus, la société proposant le service se charge de faire évoluer les indicateurs et le panel des
tableaux de bord proposés afin d'être constamment en adéquation avec l'évolution des
technologies d'accès à internet et des navigateurs web. En contrepartie les statistiques ainsi
recueillies ne seront pas nécessairement exhaustives dans la mesure où :
o certains utilisateurs arrêtent le chargement de la page avant que le code du marqueur
ne soit téléchargé ;
o des serveurs proxy intermédiaires sont susceptibles de gêner le chargement du
marqueur ;
o les infrastructures de sécurité, notamment les dispositifs pare-feu, peuvent bloquer la
remontée d'informations.
Terminologie
La terminologie des statistiques et indicateurs de fréquentation des sites web est relativement
complexe et souvent différente d'un outil à l'autre. Or, lorsqu'ils sont utilisés pour des études
comparatives ou de marketing, les indicateurs de mesure d'audience n'ont de sens qu'à partir du
moment où les termes utilisés correspondent à une base comparative commune (« on ne compare
pas des choux et des carottes »). Il est notamment particulièrement important de bien maîtriser les
définitions de chacun des indicateurs.
Ainsi ce dossier a pour ambition de donner du sens aux différents termes utilisés dans le monde de la
mesure d'audience. La plupart des indicateurs définis ci-dessous sont issus des travaux du CESP
(Centre d'étude des supports de la publicité).
Hits
Une page web peut-être composée d'un certain nombre de fichiers, notamment d'images, d'une ou
plusieurs feuilles de style, de fichiers Javascript, etc. Un « hit » (en français académique « impact
web ») correspond ainsi à un fichier chargé par le navigateur. Une page web contenant trois images
correspondra donc à quatre hits.
Page vue
On appelle « page vue » (ou « page diffusée ») le chargement complet d'une page web suite à une
action de l'utilisateur sur la page (typiquement un clic).
La notion de page vue est floue car elle dépend fortement de l'architecture de chaque site internet.
Une page contenant des cadres (frames) risque ainsi de ne pas être comptabilisée de la même
manière qu'une simple page web.
Session
On appelle session » l'intervalle de temps correspondant à une consultation sans interruption d'un
site web. Est considérée comme une interruption une période d'inactivité de plus de 30 minutes.
Visite
Une visite correspond à la consultation d'un site au cours d'une session, quel que soit le nombre ou le
volume des pages consultées.
Une visite n'a de sens que sur une période donnée (jour, semaine, mois), on parle ainsi de visites
journalières, hebdomadaires ou mensuelles. Le nombre de visites indique ainsi le nombre de postes
de travail ayant accédé au site sur une période donnée.
Visiteur / visiteur unique
La notion de « visiteur » est à comprendre au sens d'individu. On appelle ainsi « nombre de
visiteurs » le nombre d'individus ayant consulté le site sur une période donnée.
Mesure de la popularité
• Le CPC (Coût par clic) correspondant à une rémunération proportionnelle au nombre de clics
uniques sur les bannières diffusées.
• Le CPM (Coût par mille) correspond à un mode de rémunération en fonction du nombre
d'affichage. Ce mode de rémunération est généralement réservé aux sites à fort trafic (plus
d'un million de pages vues par mois).
• Le CPS (Cost per Sale, en français coût par vente) ou lead correspondant au nombre de clics
de visiteurs ayant abouti à une vente.
Démarches légales
Afin de pouvoir encaisser les revenus publicitaires ainsi générés, il est nécessaire, au moins en
France, d'être déclaré à la chambre de commerce et d'industrie, que ce soit en tant que travailleur
indépendant ou bien sous la forme d'une structure entrepreneuriale.
Formats de bannières
Il existe de nombreux formats de bannières normalisés par l'IAB (Internet Advertising Bureau). Le
tableau ci-dessous récapitule les principaux formats et leur appellation :
Largeu Hauteu
Dénomination
r r
Bandeau 468 60
Demi-bandeau 234 60
Bandeau vertical 120 240
Vignette 1 120 90
Vignette 2 120 60
Micro-vignette 88 31
• Le pop-up provoquant, suite à un clic sur la bannière, l'ouverture de la publicité dans une
nouvelle instance du navigateur. Ce format est de plus en plus souvent bloqué par les
navigateurs des internautes en raison de la gêne qu'il occasionne.
• Le pop-under provoquant, suite au survol de la bannière par le curseur de la souris, le
déploiement de la bannière au sein de la page en cours. Ce format permet de donner plus
d'informations à l'utilisateur sans pour autant gêner la navigation du visiteur.
• Le rich media désignant l'utilisation du Javascript, calques (layers), du Flash, du son et de
vidéo dans les bannières publicitaires.
Notion de capping
Afin d'éviter aux internautes de visionner constamment la même publicité, les régies publicitaires
mettent généralement en place un dispositif à base de cookies, permettant de limiter une campagne à
un certain nombre d'affichages par visiteur. Ce système est appelé «capping».
Plus d'informations
Qu'appelle-t-on affiliation
L'affiliation est une technique de vente par laquelle un site se fait distributeur des produits d'un site
web marchand. Il s'agit donc d'un partenariat commercial entre un site de vente en ligne, appelé
affilieur, et un ensemble de sites de diffusion, appelés affiliés. Le programme d'affiliation permet
ainsi à l'affilieur d'utiliser le traffic et la visibilité de sites partenaires en tant que nouveau canal de
vente.
Dans un programme d'affiliation, l'affilié est rémunéré selon un des modèles suivants :
• pourcentage des ventes : il s'agit d'une commission versée par l'affilieur, représentant un
pourcentage (de l'ordre de 10%) du chiffre d'affaires réalisé ;
• rémunération au clic :
• rémunération au contact qualifié :
• Google "site:www.commentcamarche.net"
• Altavista: "host:www.commentcamarche.net"
• Voilà : "url:commentcamarche.net"
• AlltheWeb : "domain:commentcamarche.net"
• Altavista : "link:commentcamarche.net"
• Google : "link:www.commentcamarche.net"
• Hotbot,Lycos,Yahoo : "linkdomain:commentcamarche.net"
• Voila : "anchor:commentcamarche.net"
• Sur Google ;
• Sur Yahoo.fr.
Veille concurrentielle
Un nouveau concurrent sur la toile peut très bien renverser très vite le marché s'il propose de
meilleurs contenus ou des services particulièrement innovants.
Afin d'assurer le meilleur positionnement possible d'un site web, il est conseillé d'effectuer une veille
concurrentielle permanente d'une part et de se constituer un tableau de bord avec des indicateurs de
traffic, de popularité, voire de ventes dans le cas d'un site marchand.
Veille technologique
Les technologies de l'internet évoluent à toute vitesse. Il est important de se tenir informé afin de faire
évoluer son site avec les nouveaux standards en la matière.
De plus, l'équipement des internautes s'améliore également au fur et à mesure des années. Ainsi, un
site prévu pour une résolution moyenne a toute les chances de ne plus s'afficher correctement chez la
plupart des visiteurs quelques années plus tard. Enfin l'accès à internet des particuliers de
Plus d'information
Maintenance
Prévoir la logistique
Mise à jour
Vérification des liens
Il n'est pas rare que les liens hypertextes présents sur le site deviennent obsolètes, on parle alors de
liens brisés ou liens cassés. Le risque est d'autant plus grand que les liens pointent vers des sites
extérieurs.
Il est conseillé de vérifier régulièrement les liens de son site à l'aide d'un outil capable de vérifier
automatiquement la validité des liens (par exemple Xenu's Sleuth).