/Développement multimédia de site web

Définition Site web dynamique

Par opposition au site statique, un site web dynamique (ou administrable) est un site web
dont le contenu des pages n’est pas figé mais variable en fonction de l’heure, du visiteur ou
d’autres paramètres.
Les pages web sont créées « dynamiquement » en fonction des requêtes des internautes (les
requêtes sont générés par l’utilisation d’objets tels que zones de saisie, des boutons, des cases
à cocher, les listes déroulantes, etc…).
Le contenu rédactionnel du site est généralement stocké dans une base de données, ce qui
permet de dissocier le contenu (textes, images et autres médias tels que des vidéos) de sa
présentation.
La très grande majorité des sites web actuels fonctionne sur le concept du web dynamique car
il offre de nombreux avantages par rapport aux techniques traditionnelles de construction de
sites statiques :
- rapidité de mise à jour
- fonctionnalités web 2.0 impossibles à mettre en oeuvre avec un site statique (telles qu’une
fonction de recherche d’une expression ou d’un mot dans les articles)
- facilité de transformation de la charte graphique
- normalisation de la présentation des contenus
Ainsi un client peut mettre à jour réguliérement son site web en toute simplicité sans avoir
recours à des compétences techniques particulières et sans faire appel à un webmaster (seul
l’accès à un navigateur suffit) grâce à un outil de gestion de contenus (CMS Content
Management System).

Langage et Fonctionnalités d’un site web

La construction de sites dynamiques repose bien souvent sur des technologies de scripts telles
que PHP, ASP ou ColdFusion.
Un site dynamique offrira des fonctionnalités bien plus avancées qu’un site statique grâce à
l’utilisation de bases de données (moteur de recherche, interactivité, personnalisation…).
Hébergement de site web
Plus de contraintes en théorie, car l’hébergeur doit permettre la mise en place de scripts et
de bases de données correspondant aux technologies utilisées.
Coût de revient et coûts de maintenance
Le coût de développement initial est en général plus élevé qu’un site statique. Mais ce
surcoût est amorti en raison des économies réalisées sur la mise à jour.
 /Développement multimédia de site web

Qu'est-ce qu'un site statique?

On entend par page statique, non pas une page sans mouvements ou sans animations, mais
une page visible telle qu'elle a été conçue.Ces pages peuvent présenter toute forme de
contenu, animations flash, images, musique, vidéo etc... mais elles sont toujours présentées
de la même façon. Elles ne changent pas et c'est en ce sens qu'elles sont statiques.
Qu'est-ce qu'un site dynamique?
En opposition aux pages statiques, les pages dynamiques permettent de présenter les
informations de différentes manières selon l'interaction avec le visiteur.
Les pages sont alors construites "à la volée" grâce à une programmation conçue par le
webmaster.Le contenu est issu d'une base de données en fonction de critères établis par
l'internaute puis mis en page en temps réel.
C'est le cas par exemple d'un site e-commerce: présentation des articles par thèmes,
couleurs, prix etc...
C'est également le cas des blogs et des forums où les visiteurs peuvent participer au contenu
du site. C'est aussi le cas d'un système de mises à jour.
Comment choisir si une page est statique ou dynamique?
Tout d'abord il convient de déterminer le rôle de la page.
Tout système d'interaction avec le visiteur nécessitera une partie dynamique.
Pour un système de mise à jour, il conviendra de réfléchir aux fréquences des mises à jour. Si
le contenu ne change peu ou qu'une fois à l'année, il n'est pas nécessaire de passer par des
pages dynamiques. Une intervention ponctuelle du webmaster peut très bien convenir.

Quels sont les avantages et les inconvénients des deux méthodes?

L'utilisation des pages dynamiques est plus souple pour l'évolution du site mais nécessite
plus de temps de travail pour la programmation.
En opposition, les pages statiques sont plus "figées" mais plus simples à réaliser.

Qu'est-ce qu'un nom de domaine?

Le nom de domaine, c'est simplement l'adresse de votre site.
Par exemple, vous êtes actuellement sur le site dont le nom de domaine
est morphemzero.be
Comment choisir un nom de domaine?
Il n’existe pas de règle absolue pour choisir un nom de domaine mais nous pouvons
néanmoins observer quelques pratiques judicieuses :
Choisir un nom simple et court, facile à mémoriser. C’est par exemple ce qu’ont fait des
grands comme Ebay, Yahoo! ou encore Google.
Il est également possible de choisir un nom avec des termes explicites tels que agence-
web.be.
Lorsque l’on utilise plusieurs noms communs pour former un nom de domaine, il n'est pas
possible d'utiliser d'espace entre ces mots. Il faut alors choisir entre la méthode qui consiste
 /Développement multimédia de site web

à placer les mots l’un à la suite de l’autre sans "séparateur" ou, au contraire, à utiliser un
séparateur comme le "tiret".

agenceweb.be ou agence-web.be?
La première méthode passe très bien à l’oral mais n’est pas très lisible.
La deuxième a l’avantage d’être plus lisible mais moins facile à présenter oralement.
Il convient alors de choisir la méthode qui correspond le mieux à l’objectif visé par le site.
Nous conseillons d’utiliser le tiret comme séparateur de mots et de ne pas utiliser plus de
deux ou trois mots.
L’extension du nom de domaine?
L’extension du nom de domaine donne une indication sur le pays d’origine du site. .be pour
Belgique, .fr pour France, .es pour Espagne etc…
Il existe aussi des extensions comme .org pour Organisation, .com pour
Commercial, .info pour Information etc…
Le choix de l'extension aura un impact non négligeable sur le référencement géolocalisé.
Comment réserver un nom de domaine ?
Pour enregistrer votre nom de domaine, il vous faudra passer par un Registrar. Il s'agit d'un
organisme accrédité pour attribuer les noms de domaine sur internet.
Puisqu'il vous faudra probablement un hébergeur pour stocker les fichiers de votre site, la
plupart du temps, vous pourrez passer directement par ses services pour réserver votre nom
de domaine en même temps que votre espace de stockage.
Avec ou sans www?
Attention au fait que votre nom de domaine peut être accessible à deux adresses
différentes, avec ou sans www. Il s'agit d'un cas de "duplicate content" dans la mesure où
une même page se retrouve à deux adresses différentes.
Qu'est-ce qu'un hébergeur?
Un site est constitué de différents fichiers: les pages html, les pages php, les photos, les
vidéos, les bases de données etc… Ces fichiers doivent être stockées et accessibles sur le
web; c'est le rôle de l'hébergeur.
Les types d'hébergement
Il existe deux types d'hébergement principaux:
 L'hébergement mutualisé est le moins honéreux; la plupart des sites sont installés sur ce
type de système. Il s'agit d'un espace de stokage où sont installés plusieurs sites qui se
partagent les ressources du serveur.
 L'hébergement dédié est quant à lui beaucoup plus cher mais il utilise les ressources du
serveur pour un seul propriétaire. Il est généralement utilisé pour des sites importants qui
ont de nombreux visiteurs et qui consomment beaucoup de ressources.
Choisir un hébergeur

Comment choisir un hébergeur?

Dans le monde de l’hébergement, il existe différentes catégories d'offres. Il faudra donc faire
son choix en fonction de critères dont voici ceux qui nous semblent les plus importants:
 /Développement multimédia de site web

Un service disponible 7 jours sur 7 et 24 heures sur 24

Un site inaccessible pendant quelques minutes, on peut l’accepter. L’hébergeur a parfois
besoin de faire des opérations de maintenance et il arrive qu’un un site soit inaccessible
pendant un court laps de temps.
Par contre, un site qui n’est plus opérationnel durant plusieurs heures consécutives peut
devenir gênant, surtout si le site occupe un fort trafic.
Il est donc nécessaire de choisir un hébergeur qui assure un service de qualité dans le temps.
Une équipe disponible et réactive
Lorsque vous rencontrez un problème lié à l’hébergement, il est bon de trouver une solution
rapide et efficace. La vitesse et la qualité de la réponse qui vous sera donnée sont donc des
éléments importants.
Un prix raisonnable
Bien qu’un prix soit une notion propre à chacun, vous préférerez certainement ne pas payer
un prix exorbitant pour votre hébergement. Attention alors aux mauvaises surprises car on
peut trouver de grandes différences de prix sur le web. Nous avons par exemple trouvé des
tarifs dix fois plus importants pour un même service.
Objectivement, le prix de l’hébergement sera déterminé par deux aspects prédominants :
l’espace de stockage et la capacité de bande passante.
Un espace de stockage répondant à vos besoins
Chacun des fichiers qui constituent votre site possède une certaine taille. En soi, les pages
html sont très légères, à peine quelques Ko. Par contre, les fichiers de musique ou encore les
vidéos ont des poids beaucoup plus importants jusqu’à plusieurs Mo.
Il conviendra par conséquent de calculer le poids total de l’ensemble des fichiers afin de
déterminer l’espace de stockage adéquat.
Une capacité de bande passante répondant au trafic du site
Quand un visiteur parcourt votre site, les pages et les images sont téléchargées de
l’hébergeur vers son ordinateur.
De même, lorsque vous recevez un email, les données transitent de votre hébergeur vers
votre ordinateur. Toutes ces données qui transitent à partir de votre hébergeur représentent
la consommation de bande passante. Plus votre site sera gros et plus vous aurez de visiteurs,
plus la consommation de bande passante sera importante.
La possibilité de créer un ou plusieurs comptes email
Avec votre nom de domaine, vous aurez certainement la possibilité de créer une ou
plusieurs adresses emails sous la forme : votrechoix@votredomaine.com
L’accès aux statistiques sur la fréquentation du site
Certains hébergeurs offrent des statistiques qui permettent de connaître le nombre de
visiteurs, leur provenance, les mots clés entrés dans les moteurs de recherche etc…
La possibilité de créer une base de données
Si vous avez besoin de construire une base de données, il faut vous assurer que votre
hébergeur vous en donne la possibilité. Dans le même ordre d’idée, il est important de
vérifier avec votre webmaster quel langage il utilise pour l’élaboration des pages
dynamiques (php, asp etc…) et de vérifier si l'hébergeur le propose.
La possibilité de créer des sous-domaines
Les sous-domaines sont des dossiers liés à l'adresse de votre site.
Upload de fichiers sur l'hébergeur
Qu'est-ce que l'upload de fichiers?
 /Développement multimédia de site web

Avant d'être sur internet, un site est tout d'abord construit sur un ordinateur. Pour le rendre
visible ensuite sur le web, il faut transférer tous les fichiers qui le constituent sur un
hébergeur. Il s'agit par conséquent de télécharger les fichiers, non pas en download, mais en
upload cette fois, d'un ordinateur vers un hébergeur. Ce que l'on appelle communément
"mettre les fichiers en ligne" dans le jargon du webmaster.
Comment mettre des fichiers en ligne?
Pour mettre des fichiers en ligne, on utilise bien souvent un programme que l'on appelle un
client FTP (File Transfer Protocol). Il en existe de nombreux sur le marché mais le principe et
l'utilisation restent les mêmes.
Pour vous faire découvrir cette partie, nous avons choisi FileZilla.
Comment utiliser Filezilla?
Etape 1: Télécharger et installer le logiciel.
Etape 2: Choisir la langue.
Pour utiliser FILEZILLA en français, allez dans le menu Edit et sélectionnez Settings.

Dans la partie Interface settings, choisissez Français

Etape 3: Entrez les données qui vous ont été communiquées pour vous connecter à
l'hébergeur.

Etape 4: Transférez vos fichiers sur l'hébergeur.

La fenêtre de gauche correspond à votre disque dur, celle de droite à l'hébergeur. Il suffit
alors de réaliser un glisser/déposer de gauche à droite. Pour cela, cliquez sur votre fichier et
sans relacher la souris, déplacez-le dans la fenêtre de droite. Lorsque le fichier est transféré,
il est visible dans la partie Site distant.
 /Développement multimédia de site web

Etape 5: La barre de progression vous indique l'état du transfert.

Lorsque le transfert est terminé, vous pouvez consulter les fichiers sur internet à l'aide de
votre navigateur habituel. Vous devez alors tapper l'adresse exacte où se trouve le fichier
mis en ligne. Exemple: http://www.votre-site.com/mon-dossier/ma-photo.jpg

Qu'est-ce que la mise en page?

 /Développement multimédia de site web

La mise en page correspond à la façon dont les différents éléments graphiques qui
composent une page sont mis en relation entre eux.
Dans le domaine du web, on trouve une tendance générale à construire les pages de la façon
suivante:

On trouvera de légères variantes avec le menu à droite ou encore deux colonnes plutôt
qu'une, mais la tendance générale est établie sur ce schéma.
Cette standardisation s'explique par le fait qu'il est plus facile pour l'internaute d'y retrouver
l'information.
Bien entendu, il n'est pas obligatoire de respecter ce type de mise en page et il appartient à
chacun de présenter le contenu de ses pages comme il le souhaite.
Certains secteurs d'activité ont même tout intérêt à jouer la carte de l'originalité.
Quoi qu'il en soit, la façon dont vous souhaitez présenter vos pages vous appartient et il sera
bon de mener une réflexion préalable pour établir une mise en page qui corresponde aux
objectifs que vous vous êtes fixés.
Largeur fixe ou extensible
Après cette première réflexion pour déterminer la tendance de votre mise en page, vous
devrez vous poser la question de savoir si vous donnez à votre site une largeur fixe ou
extensible.
En effet, il y existe un phénomène important à gérer lors de la conception d'un site, il s'agit
de la résolution d'écran.
En consultant les propriétés d'affichage de votre ordinateur (Clic droit sur le bureau +
propriétés), l'onglet Paramètres vous indique la résolution de votre écran comme le montre
l'image ci-dessous:
 /Développement multimédia de site web

Ici, l'écran est réglé avec une résolution de 1440 x 900 pixels. Cela signifie que l'écran affiche
une fenêtre de 1440 pixels horizontalement et 900 verticalement. Il est bien entendu
possible de choisir la résolution qui correspond le mieux à ses préférences mais c'est là
qu'intervient le problème lors de la mise en page d'un site web car on ne connaît pas la
résolution que chaque internaute a choisi. Il est donc nécessaire de construire des pages qui
s'adaptent aussi bien à une résolution de 1024 x 768 qu'une autre de 1280 x 1024.
La tendance générale consiste alors à choisir entre un site de largeur fixe (exemple 960
pixels) centré horizontalement et un site à largeur variable s'adaptant à la largeur de la
fenêtre.

Exemple de largeur fixe:

La largeur du site reste la même quelque soit la résolution de l'écran mais les bandes
latérales sont plus ou moins larges.

Exemple de largeur extensible:

Le site s'adapte à la largeur de la fenêtre en variant la largeur de la colonne centrale de

texte.

La symbolique des couleurs

Il existe déjà de nombreux ouvrages qui traitent de la symbolique des couleurs et nous
n'allons pas nous étendre sur cet aspect très vaste.
Rappelons néanmoins que chaque tendance colorée aura un impact sur le visiteur. Ainsi,
certaines couleurs parraîtront plus douces et d'autres plus agressives, certaines plus
joyeuses et d'autres plus tristes etc...

Le choix des couleurs

 /Développement multimédia de site web

Il nous semble important de mettre en relation le choix des couleurs avec la thématique du
site.
Ainsi, un thème lié à la nature se verra plutôt avec une tendance verte, un thème lié à
l'enfance aura plutôt une tendance de couleurs vives ou pastels.
Le blanc (ou couleurs claires) nous semble intéressant pour la lisibilité.
Le noir (ou couleurs sombres) nous parraît intéressant pour présenter des oeuvres
artistiques.

Les gammes de couleurs

Techniquement, les couleurs web s'écrivent sous la forme hexadécimal: 0000FF pour le bleu,
00FF00 pour le vert, FF0000 pour le rouge etc...
C'est donc en choisissant parmi ces codes hexadécimaux que l'on va définir une gamme de
couleurs.

Le choix des polices d'écriture

La symbolique de la typographie

Tout comme pour les couleurs, les polices d'écriture ont un impact important sur le ressenti
du visiteur lorsqu'il parcourt une page web.
Selon que la police a un caractère arrondi ou au contraire très angulaire, selon qu'elle est
fine ou épaisse, espacée ou serrée, tout cela donne une dimension particulière au design des
pages web.
Les trois polices ci-dessous, par exemple, ont chacune des particularités qui leur sont
propres et génèrent par conséquent des sensations bien différentes.

Le choix des polices d'écriture

Là encore, il n'existe pas de règle absolue et il appartient à l'appréciation de chacun de

décider de la pertinence de telle ou telle typographie. Cependant, on peut facilement
affirmer qu'il est important de respecter des critères de lisibilité. Aussi il nous parraît plus
sage d'utiliser des polices traditionnelles pour les textes qui diffusent l'information et de
réserver les polices plus typées pour les titres, les menus ou les logos.

Où trouver des polices d'écriture?

 /Développement multimédia de site web

Il existe de nombreux sites sur le web qui proposent de télécharger des polices d'écriture
(.ttf, .otf ou .fon) également appelées Font. Voici un petit échantillon:
Fontsquirrel
Fontcubes
Dafont
Myfonts
Fonts

Voici également un outil qui vous permettra de déterminer quelle police est utilisée dans
une page web ou tout autre document dons vous disposez d'une trace numérisée.
WhatTheFont

La plupart des Fonts possèdent des licences d'utilisaion. Vérifiez qu'elles correspondent à
l'usage que vous en faites.

Comment installer de nouvelles polices sur votre ordinateur?

Lorsque vous disposez de nouvelles Fonts, il suffit simplement d'en faire une copie dans le
répertoire destiné à cet effet:

Sous Windows: dans C:\WINDOWS\Fonts.

Sous Mac OS: dans /Library/Fonts.
Sous Linux: dans fonts:/// avec le File manager.

Lorsque vous avez installé de nouvelles Fonts, elles sont disponibles dans la plupart de vos
logiciels qui permettent d'écrire du texte. Avec un logiciel de traitement de texte par
exemple, il vous sera possible de choisir et d'utiliser vos nouvelles polices d'écriture.

Comment utiliser de nouvelles polices sur les pages web?

L'utilisation des polices sur une page web n'est pas aussi simple car il faudra s'assurer que
l'internaute dispose de la police sur son appareil pour que son navigateur puisse l'interpréter
correctement.

Par conséquent, soit vous utilisez une police standard installée par défaut sur tous les
appareils: "Arial", "TimesNewRoman" etc... soit vous utilisez une police externe accessible
sur votre serveur ou depuis un service externe comme GoogleFont.

Quoiqu'il en soit, pour intégrer une police sur une page web, celle-ci doit être déclarée dans
le CSS grâce à la propriété "font-face".

L'intégration des polices se fait donc en amont, au moment de la création du thème

graphique, et non à la volée lors de la rédaction des contenus.

Quels types d'images?

 /Développement multimédia de site web

Lorsque l'on parle d'images sur un site web, on peut tout de suite distinguer deux catégories:
celles crées par le webdesigner, il s'agit de l'entête, le logo, le menu, les boutons et autres
éléments graphiques faisant partie intégrante du design du site... et celles fournies par le
client en vue d'illustrer l'information. Il s'agit bien souvent de photos présentant un lieu, un
objet ou une personne...
La qualité des images
La résolution des écrans n'étant pas supérieure à 72dpi, le web a ses limites. En effet, la
qualité d'une image étant étroitement liée à sa résolution, celle des écrans nous apporte ses
contraintes.
Néanmoins, en partant d'une photo de départ de bonne facture, il est possible d'optimiser
l'image en ayant un seuil de qualité tout à fait acceptable pour une utilisation sur le web.
Pour votre image et votre crédibilité, utilisez des images ayant un seuil de qualité minimum
La taille des images
La taille des images se définit en pixels. Outre le fait que chacun est libre de choisir la taille
des images qu'il souhaite présenter, il ne faut pas perdre de vue que le poids de l'image
dépend en grande partie de sa taille. Autant dire que plus les images seront lourdes, plus
elle consommeront de la bande passante sur votre hébergeur.
L'autre élément déterminant à propos de la qualité et du poids des images repose sur la
compression. Plus une image est enregistrée avec un taux de compression bas, plus légère
elle, sera mais plus elle perdra en qualité.
Le format des images
Dans le domaine du web, nous utilisons principalemnt le format .jpg qui s'adapte très bien à
la présentation des photos. Nous utilisons généralement un format de compréssion
supérieur ou égal à 70%. Nous utilisons également les formats .png ou .gif pour gérer la
transparence.
La notion de propriété
Attention qu'à partir du moment où vous diffusez des photos sur le web, aucun système ne
permet véritablement de les protéger contre la copie.
A l'inverse, si vous utilisez une photo dont vous n'êtes pas le propriétaire, assurez-vous que
l'utilisation que vous en faites est conforme à sa licence.
Où trouver des images?
Il existe de nombreuses solutions pour trouver des images. Certaines sont gratuites
(ex: pixabay.com), d'autres sont payantes (ex: fotolia.com).
L'entête d'un site web
Qu'est-ce que l'entête d'un site web?
On entend par "entête" dans le jargon du webmaster, la partie supérieure d'une page web. Il
existe de nombreuses possibilités pour présenter un site mais très vite, telle l'enseigne d'un
magasin, l'entête est devenue un standard dans la mise en page de la majorité des sites web.
 /Développement multimédia de site web

Bien entendu, chacun pourra choisir entre une présentation classique utilisant une entête ou
une présentation originale évitant les stéréotypes, mais il est bon de souligner que la
présentation classique apportera plus de repères de lisibilité dans la mesure où l'internaute y
est habitué. Il convient donc de respecter les objectifs que l'on s'est fixés au départ de la
conception du site web.
La consommation de bande passante
Avant d'entamer une première esquisse, il ne faut pas perdre de vue que l'entête est un
élément qui, comme tous les autres, consomme de la bande passante sur votre hébergeur.
Pour un site avec un fort trafic de fréquentation, il est important de limiter le poids de
l'entête à moins d'être prêt à dépenser des sommes importantes dans l'hébergement.
Comment organiser une entête?
De manière générale, on retrouve les élémens suivants dans l'entête: Le logo de la société,
une description de l'activité et les éléments graphiques. On peut également y trouver un
slogan, le menu du site ou encore un champ d'inscription ou de recherche... Les possibilités
sont nombreuses.L'entête étant un élément présent sur chaque page du site, il faut s'assurer
qu'elle ne soit pas trop envahissante et qu'elle ne fatigue pas l'intérêt du visiteur.
D'un point de vue webdesign, l'entête est souvent l'élément qui imprègne la touche
graphique du site. Il est donc important de la soigner pour qu'avec les autres éléments
graphiques du site, elle constitue un tout homogène qui donnera un cachet visuel à votre
image.
Pourquoi un logo?

Le logo est un support visuel qui contribue à renforcer l'image d'une marque. Il se repère en
un clin d'oeil et représente un élément clé pour attirer le regard. Il suffit d'ailleurs de nos
jours d'identifier trois lettres ou un symbole pour penser spontanément à une marque bien
précise. Le logo est un facteur de communication dont toute stratégie de marketing ne peut
se passer.

Comment concevoir un logo?

 /Développement multimédia de site web

La conception d'un logo peut être bouclée en un jour comme elle peut s'étaler sur six mois.
En effet, selon l'importance que l'on veut bien accorder à cette étape, cela peut aller d'un
travail élémentaire, choix d'une typographie et d'une couleur, à un travail très fourni,
analyse de l'entreprise, étude du public ciblé, proposition de plusieurs maquettes, sondages
etc... Ceci dit, il est bon de garder à l'esprit que le logo doit être simple et facile à mentaliser.
Le fait qu'il résume bien l'image de l'entreprise est aussi un atout. Bien souvent, le logo est
constitué d'un dessin schématisé et du nom de la société.

Qu'est-ce que le menu d'un site web?

Le menu est un élément particulièrement important dans la conception d'un site web
puisqu'il s'agit des liens qui nous permettent de naviguer de pages en pages et de
comprendre la structure d'un site web. C'est donc l'élément moteur pour une bonne
navigation et une meilleure compréhension de l'organisation du site.
Comment présenter le menu?
Il existe différentes techniques pour construire un menu: html + css, flash, javascript... Selon
les objectifs que l'on s'est fixé lors de la conception du site, certaines sont plus appropriées.
Si on attache de l'importance au référencement, par exemple, il est plus judicieux de choisir
des liens en dur. Si l'on souhaite apporter des animations au survol de la souris, les
technologies Flash ou Javascript sont indiquées.
Comment et où disposer le menu?
Il nous semble intéressant de placer le menu sur chaque page du site. Non seulement cela
permettra aux visiteurs d'avoir accés rapidement à vos pages, mais cela sera bénéfique pour
le référencement en gérant les liens internes et le niveau de profondeur des pages web.
Selon nous, le menu doit être bien distinct du contenu pour faciliter la lisibilité du site. Deux
grandes tendances dans la disposition du menu en feront une présentation verticale ou une
présentation horizontale. Si le menu affiche de nombreuses rubriques et sous-rubriques, une
présentation verticale est plus adaptée car elle offre plus d'espace. Dans le cas où les items
du menu sont vraiment trop nombreux, on peut avoir recours à un menu déroulant qui, au
survol des rubriques principales, fait apparaître les sous-rubriques.
Du texte!
Pour classer l'impressionnante quantité de sites web, les moteurs de recherche n’ont
d’autres alternatives que d’analyser les textes, et plus précisément les mots, pour ne
pas dire les mots clés. Autant dire qu’il est important de soigner les textes en utilisant
 /Développement multimédia de site web

une bonne stratégie si l’on souhaite se positionner dans les moteurs de recherche.
Un site qui ne contiendrait que des images par exemple a moins de chance d'être
bien positionné dans les résultats.
Choix des mots clés
En fonction de la thématique de votre site, vous devrez déterminer une série de mots clés
que les visiteurs sont susceptibles d'entrer dans les moteurs de recherche. Bien souvent, il
s’agira plutôt d’une combinaison de mots clés plutôt qu’un mot isolé. Par exemple, en
fonction de leurs attentes, les internautes écriront plus souvent « voiture diesel » ou «
voiture occasion » plutôt que « voiture ». Il faut également penser aux synonymes. Par
exemple, certains taperont plutôt « véhicule occasion ».
Rédiger les textes
Dès lors que votre liste de mots clés est établie, il convient de rédiger vos textes en tenant
compte de celle-ci. Mais attention, il ne s'agit en aucun cas de produire un texte sans queue
ni tête, uniquement rempli de mots clés car il ne faut pas perdre de vue que l'intérêt du
lecteur reste une priorité. Le plus simple étant d’écrire son texte naturellement puis de
vérifier par la suite si les mots clés choisis y figurent. Si ce n’est pas le cas, il convient alors de
remplacer certains mots du texte.
La diversité des thématiques
Selon toute logique mathématique, plus un site traite de sujets différents, plus il a de
possibilités de répondre aux demandes des internautes. Un site généraliste avec de
nombreux thèmes aura donc probablement plus de visites qu'un site dédié à une seule
thématique. Si toutefois, votre site est voué à une seule thématique, rien n'est perdu pour
autant. Il sera alors judicieux de bien scinder la thématique abordée en plusieurs sujets.
Qu’est-ce qu’un lien?

Les liens sont les mots ou les images sur lesquels nous cliquons pour naviguer de page en
page. D'un point de vue technique, un lien se présente de la façon suivante dans le langage
html: MorphemZero

Bien entendu, il existe de nombreuses manières de traiter l'apparence des liens mais ceci
n'entre pas dans le cadre du référencement. Ici, nous allons plutôt analyser les éléments
importants pour mieux se positionner dans les moteurs de recherche.

L’intitulé d’un lien

Lorsqu'un webmaster crée un lien vers une page, il choisit le terme qui constitue le lien. On
appelle ce terme l’anchor du lien ou plus simplement, l'intitulé du lien. Par exemple, pour
présenter notre agence, nous pourrions utiliser différents intitulés comme ceci:
N'hésitez pas à découvrir notre agence de création web en cliquant ici.
Ou ceci:
N'hésitez pas à découvrir notre agence de création web.
Vous pouvez constater dans le premier cas, que l'intitulé du lien est "ici" alors que dans le
second, "agence de création web".
Il existe un large éventail de possibilités pour constituer l’intitulé d'un lien et cela a une
grande importance pour le référencement; nous le verrons un peu plus loin.
Des liens vers votre site
 /Développement multimédia de site web

Les moteurs de recherche attachent beaucoup d'importance à la qualité et au nombre de

liens qui dirigent vers votre site. On peut en effet considérer que plus un site est mis en
valeur par d'autres, plus il a un contenu riche et intéressant. Surtout si les sites qui vous
mettent en valeur ont eux-même un contenu riche aux yeux des moteurs.
Notons qu'il existe les liens externes en provenance d'autres sites, mais aussi les liens
internes, ceux qui font partie intégrante de votre site et sur lesquels vous intervenez à votre
guise. Même ci ces derniers ont moins d'impact, il ne faut certainement pas les négliger.
Des liens de qualité
Il existe différents paramètres qui font qu'un lien est de plus ou moins bonne qualité. Parmi
les plus importants, on retiendra les suivants:
Le lien doit être en dur. C'est à dire un lien hypertexte présenté comme ci-dessus en langage
html. Les liens javascript, flash ou les redirections ne vous apporteront rien ou peu en terme
de référencement. Il est possible de vérifier si un lien est en dur en survolant celui-ci avec le
pointeur de votre souris. Vous voyez alors apparaître le lien dans la barre d'état de votre
navigateur tout en bas à gauche.

L'intitulé du lien doit comporter le mots clés sur lesquels vous souhaitez vous positionner.
C'est simple, si vous souhaitez vous positionner sur la requête "Agence de création web",
essayez d'obtenir des liens avec l'intitulé "agence de création web" plutôt qu'un intitulé
quelconque comme "ici" ou "lire la suite" etc...
Plus le site qui vous fait un lien est important aux yeux des moteurs, plus ce lien aura
d'impact. D'accord mais qu'est-ce qu'un site important aux yeux des moteurs? Simplement,
un site qui est bien positionné dans ces moteurs.
Il est préférable d'avoir un lien d'un site qui traite de la même thématique que le votre.
La page qui vous fait un lien ne doit pas avoir un nombre trop important de liens. Si on ne
connaît pas la limite exacte, on peut quand même affirmer que moins il y en a, meilleure
sera la qualité des liens.
Dans une moindre mesure, un "lien texte" aura une plus grande portée qu'un "lien image".
Attention aux liens de type rel= nofollow et aux redirections 302.
Des liens naturels
Attention que si vous cherchez à obtenir des liens vers votre site, dans une certaine mesure,
vous sortez déjà du cadre du référencement naturel en cherchant à "manipuler" les
alogorithmes des moteurs.
Un des meilleurs profil de liens est certainement celui qui repose sur un maillage 100%
naturel, c'est-à-dire des liens de différentes natures réalisés par d'autres internautes
trouvant votre contenu intéressant et souhaitant le partager.
Vous obtiendrez alors tout type de liens, nofollow et/ou dofollow, texte et/ou image, ancre
optimisée et/ou non optimisée etc...
Votre profil reposera ainsi sur une large diversité de liens lui donnant un caractère naturel et
les moteurs en sont friands.
L'organisation du site

Il n'existe pas de règle universelle pour créer un site internet. Selon la thématique abordée,
le type d'informations diffusées, chaque site aura sa propre organisation, sa propre
structure. Néanmoins, cette organisation est à prendre en considération dès le début de la
conception du site car c'est un élément important pour un meilleur référencement. Si le
 /Développement multimédia de site web

visiteur a besoin d'une certaine logique pour s'y retrouver, il en va de même pour les
moteurs de recherche.

Décomposer en rubriques et sous-rubriques

Quelque soit l'information que vous passez, essayez de la décomposer en différentes

rubriques puis sous-rubriques, si possible. De cette façon, vos pages web seront plus précises
et cibleront davantage le sujet abordé. Elles seront également plus nombreuses, et
constitueront autant de portes d'entrée pour les visiteurs.

Une navigation facile

Au fur et à mesure que votre site s'organise, il faut également organiser le menu et la façon
d'accéder aux différentes pages: la navigation. Ce qui est important aux yeux des moteurs,
c'est de pouvoir accéder à une page avec le moins de clics possible. On parle alors de niveau
de profondeur pour atteindre une page. Si l'on considère la page d'entrée du site comme le
niveau 0, un clic sur celle-ci nous amènera à une page A de niveau 1. Si un nouveau clic sur
cette page A nous amène à une page B, cette dernière sera de niveau 2, et ainsi de suite
comme le montre le shéma ci-dessous.

Comme le montre la figure suivante, il est possible de réduire le niveau de profondeur de la

page B et par là même celui de la page C en faisant simplement un lien de la page d'entrée
vers la page B. Il est même envisageable de faire un lien de la page d'entrée vers la page C et
toutes les pages auraient le même niveau de profondeur.

Plus les pages ont un faible niveau de profondeur, plus les moteurs y attachent de
l'importance. Il est donc impératif de penser à un système de navigation, en l'occurence un
menu, accessible sur toutes les pages du site. Ainsi, les pages principales seront liées et le
niveau de profondeur des pages secondaires s'en trouvera que mieux.
 /Développement multimédia de site web

Le plan du site

Il n'est pas inutile de construire une page avec un plan du site reprenant l'ensemble des
pages et l'organisation de celles-ci avec bien entendu un lien vers celles-ci. Ainsi, toutes les
pages du site se retrouvent avec un même niveau de profondeur. Google propose d'ailleurs
dans ses Outils pour webmaster, la possibilité de lui fournir un Sitemap (plan du site) au
format xml afin qu'il indexe toute les pages d'un site.

L'utilisation des mots clés

Comme nous avons pu le voir avec l'importance des textes, il est nécessaire que les mots
clés sur lesquels vous souhaitez vous positionner apparaissent dans vos textes et même à
d'autres endroits de vos pages, comme les balises title et meta-description ainsi que les
description d'images ou les noms de vos fichiers. Analyser la densité des mots clés, c'est
analyser l'ensemble de ces mots qui apparaissent sur votre site.

Qu'est-ce que la densité d'un mot?

La densité d'un mot s'exprime en pourcentage. C'est le rapport entre le nombre de fois où
un mot apparait dans un texte et le nombre de mots que comporte ce texte. La densité peut
se calculer pour un mot isolé ou une expression de mots.

Pourquoi analyser la densité d'un mot ou d'une expression?

Encore une fois, la solution la plus efficace consiste à écrire naturellement. Connaître la
densité des mots permet simplement de recadrer un texte au cas où sa densité pour un mot
ou une expression serait trop faible ou trop importante.

Quelle densité de mots pour un meilleur référencement?

Pas de règle universelle non plus dans le domaine. C'est même difficile de trouver des
informations précises. Néanmoins, ne pas trop dépasser les 10% semble être un bon
compromis.

Comment mesurer la densité d'un mot ou d'une expression?

Il existe différents services en ligne qui permettent de mesurer la densité d'un mot ou d'une
expression dans une page web.
Voici celui de Outils-Référencement
/Développement multimédia de site web