Webmastering - Introduction à la création de pages web

Notion de site web
Un site web (aussi appelé site internet par abus de langage) est un ensemble de fichiers HTML, liés par des liens hypertextes, stockés sur un serveur web, c'est-à-dire un ordinateur connecté en permanence à internet, hébergeant les pages web.

Intérêts d'un site web
La mise en place d'un site web peut être motivée par plusieurs raisons : • 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. On distingue habituellement plusieurs catégories de sites web, selon le but poursuivi : • 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.

Qu'est-ce que le webmastering ?
On appelle webmaster (en français webmestre) une personne en charge d'un site web, c'est-à-dire généralement la personne qui conçoit un site web et le met à jour. La vie d'un site web possède deux principales facettes, chacune décomposables en phases spécifiques : • • La création, correspondant à la concrétisation d'une idée en un site en ligne, référencé et visité ; L'exploitation, correspondant à la gestion quotidienne du site, son évolution et sa mise à jour.

La création d'un site web est un projet à part entière comprenant un grand nombre de phases : • • • Conception, représentant la formalisation de l'idée ; Réalisation, correspondant au développement du site web ; Hébergement, se rapportant à la mise en ligne du site, de manière permanente.

L'exploitation du site englobe notamment les activités suivantes : • • • 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

il n'est pas nécessaire d'être connecté à internet. la promotion peut alors s'auto-entretenir grâce aux liens hypertextes mis en place par d'autres webmasters. puis d'envoyer les pages sur le serveur à l'aide d'un client FTP (un logiciel de transfert de fichiers). dans la mesure où le contenu du site présente un intérêt suffisant. Dernière modification le mardi 14 octobre 2008 à 17:40:30 . il est essentiel de le mettre en ligne. c'est-à-dire de transférer (copier) les fichiers de votre ordinateur sur le serveur. lorsque le site web est prêt à être vu par des visiteurs. Mise en ligne Pour créer un site internet.commentcamarche.net).visiteurs par jour) et permet l'achat d'un nom de domaine (un nom du type www. Toutefois. compte tenu du fait qu'il s'agit uniquement dans un premier temps de créer les fichiers HTML et les images. Pour ce faire il est alors essentiel de se connecter à internet. Une fois que le site web est suffisamment connu. Promotion Un site web ne sera visité qu'à partir du moment où un certain effort de promotion aura été réalisé.

et de ses bénéficiaires. puis d'imaginer des contextes d'utilisation. qui permettront de mesure si l'objectif visé a bien été atteint. par exemple lors de réunion de « brainstorming » (remue-méninges). en concertation avec un ensemble de représentants de l'entreprise ou de l'organisation. orientée utilisateurs. correspondant à une stratégie d'objectifs . Il est conseillé de recenser l'ensemble des objectifs du site web et d'y associer des critères opérationnels.Conception d'un site web Conception d'un site web La conception d'un site web doit être une démarche participative. correspondant à une stratégie de cible. en vue d'obtenir une satisfaction maximale des utilisateurs.Webmastering . 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. L'analyse des besoins comporte ainsi deux volets : • • Les besoins de l'organisation. Il est ainsi nécessaire de s'interroger sur le type d'information que les utilisateurs cibles sont susceptibles de chercher. autant que possible. d'entretiens avec les personnes de l'entourage. Les besoins des utilisateurs. d'essayer de déterminer leurs principales questions et le type de réponse attendue. Il s'agit donc d'une analyse concurrentielle basée sur le même secteur . quantifiables. dans le cas d'une société ou d'une organisation. Stratégie de cible Un site web est généralement prévu pour une catégorie d'utilisateurs. dans le cas d'un site personnel. Cette étape peut être faite par le biais d'interview des clients de l'entreprise ou des bénéficiaires de l'organisation. Stratégie d'objectifs Avant de commencer tout projet de site web. L'ensemble de la conception doit ainsi principalement être centrée sur l'utilisateur et réalisée en concertation étroite avec un panel représentatifs d'usagers. L'objet principal de la phase de conception est d'analyser l'ensemble des besoins. en quoi le site web va permettre à l'organisation de remplir ses propres objectifs stratégiques. c'est-à-dire qu'elle doit se faire. il est nécessaire de récapituler les objectifs du site web et. 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. ou.

Il s'agit de la personne. Il doit Directeur artistique ainsi suivre l'ensemble des équipes artistiques afin de garantir l'harmonie visuelle du site web. au sein de la maîtrise d'oeuvre. chiffrer globalement le projet en calculant le temps passé par chaque personne et en le multipliant par leur coût horaire (ou journalier). au sein de la maîtrise d'ouvrage. architecte web. etc. schémas. afin de répondre au mieux aux attentes des internautes et ainsi de faire augmenter le nombre de visiteurs.). Développeur (programmeur) Il est chargé de coordonner les créations artistiques afin de traduire les idées du client dans une dimension multimédia.). 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). etc. Il s'agit d'une fonction technique aspirant à celle de chef de projet technique. Infographiste Il élabore les éléments graphiques du site (illustrations. chargée du pilotage des équipes techniques (développeurs. logos. même court. . Même si la réalisation du site n'est pas confiée à un prestataire. chargée du pilotage global du projet.d'activité permettant de dresser un panorama de l'offre existante et du besoin à satisfaire. il est toujours utile de rédiger un cahier des charges. afin de formaliser ses idées. Il est chargé d'établir le contenu rédactionnel du site. Le web journaliste est chargé de la rédaction du contenu. Son rôle est de concevoir et de développer les parties dynamiques du site. répartir les tâches selon les compétences établir un planning pour chacune d'entre elles. 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. Le métier de web journaliste est proche de celui de journaliste traditionnel. Planification L'étape de planification consiste à : • • • • répertorier les personnes travaillant sur le projet de site web. 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 Directeur de projet Chef de projet technique Rédacteur en chef (éditeur ou chef de rubrique) Web journaliste Description Personne. afin de mettre en place un site ayant une plus-value pour les futurs visiteurs.

modifie ou déplace) les messages contraires à l'éthique du site et guide les débutants. en terme de qualité de service et de sécurité. Dans la majorité des cas. il peut lancer des débats ou des sondages afin de créer de l'émulation. A ce titre. Enfin. Dernière modification le mardi 14 octobre 2008 à 17:40:30. . visant à assurer le bon fonctionnement des échanges dans les espaces de discussion (forum. Dans la mesure du possible il essaye de répondre aux questions des utilisateurs. chat). maquettiste) Intégrateur HTML Il conçoit et met en ligne les pages web du site. l'administrateur réseau sera chargé du bon fonctionnement de celui-ci. Ergonome Administrateur réseau Animateur web (parfois animateur de communautés. Il s'agit d'une fonction essentielle du site. Il doit notamment être pensé sur le long terme. en y incorporant les articles des journalistes et les éléments graphiques. 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. Il modère (supprime.WebDesigner (parfois Il conçoit l'aspect graphique du site. La tâche d'ergonome consiste à concevoir une interface utilisable afin de maximiser la facilité d'utilisation du site et de fidéliser les internautes. 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. ou modérateur) Etude de faisabilité Le site web doit également être réfléchi en termes de budget et de temps. Cette tâche peut très bien être assuré par un des autres profils. l'administration du réseau est assurée par l'hébergeur. c'est-à-dire que des moyens doivent être prévisionnés pour créer le site mais aussi pour le maintenir et l'actualiser. Néanmoins si le site est hébergé dans les locaux de l'organisation ou si le site repose sur une architecture réseau importante. A cette étape.

En effet. . 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. La principale difficulté que tente de lever l'ergonomie est la diversité des profils des visiteurs. sécurité. L'utilisabilité. perçoit son environnement à l'aide de son système sensoriel (5 sens : toucher. L'ergonomie du site doit être pensée pour l'utilisateur le moins expérimenté. Appliquée au domaine du web.Ergonomie d'un site web Notion d'ergonomie L'ergonomie est l'utilisation de connaissances scientifiques relatives à l'homme (psychologie. Elle se décline en : o o confort d'utilisation. habitudes de l'utilisateur : elles correspondent à des comportements acquis. Les critères suivants sont généralement déterminants pour un site web : • • • • • attentes de l'utilisateur : tous les visiteurs du site ne recherchent pas nécessairement la même information ou n'ont pas nécessairement les mêmes exigences en terme de graphisme. L'être humain. âge de l'utilisateur : il caractérise en général la capacité d'adaptation de l'utilisateur et sa rapidité de navigation. 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. physiologie. 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. équipements : il s'agit d'une des difficultés majeures. selon le modèle du « processeur humain ». consistant à réduire au maximum la fatigue physique et nerveuse. consistant à choisir des solutions adéquates pour protéger l'utilisateur . niveau de connaissances : tous les visiteurs du site ne sont pas nécessairement des as de l'informatique.Webmastering . L'ergonomie se caractérise généralement selon deux composantes : • • L'efficacité. marquant l'adéquation aux capacités de l'utilisateur. odorat. vue. médecine) dans le but d'améliorer son environnement de travail. en particulier selon le navigateur et la résolution d'affichage. au-delà du bon sens du concepteur . Caractéristiques humaines Les études psychologiques menées sur l'Homme ont montré certaines aptitudes ainsi qu'un certain nombre de limites. ouïe. consistant à adopter des solutions appropriées d'utilisation d'un produit. goût). l'affichage du site pourra varier d'un équipement à l'autre.

alors que le goût et l'odorat sont réputés pour être peu développés. La « théorie de l'action » (User Central System Design. Donald A. un environnement faisant fortement intervenir les sens (musique. etc.Parmi les 5 sens. Formulation d'une intention : il s'agit de la décision d'atteindre l'objectif fixé . endroit agréable) facilite l'apprentissage à court terme. Cette théorie repose sur deux concepts : • • L'homme conçoit des modèles simples pour définir son comportement . mises en évidence par Georges MILLER en 1956 (Magical number seven). Mise au point d'un plan d'action : il représente la suite d'actions à mener .) pendant plusieurs minutes. 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 ». Réalisation du plan d'action : il consiste à activer le système moteur . Des études. • La mémoire à long terme. C'est notamment pour cette raison que l'apprentissage par l'action est très efficace. permettant de stocker l'information sensorielle (traitement des stimuli) pendant une durée de l'ordre du quart de seconde (250 ms). Par ailleurs. c'est-à-dire des motifs visuels ou sonores telle qu'un mot. La mémoire à court terme (ou mémoire de travail). dans la mesure où l'on considère que la perception visuelle peut représenter près de 50% de l'activité du cerveau. NORMAN. A chacun des systèmes correspond une mémoire et un processeur. 1986) modélise les actions et réactions de l'homme. décrivant sous forme de variables psychologique la perception du changement par l'organisme . capable de stocker un nombre infini d'informations de manière permanente. Les théories de psychologie distinguent trois types de mémoires : • • La mémoire sensorielle. la répétition est un moyen de faire passer l'information de la mémoire à court terme vers la mémoire à long terme. . Ainsi. ont montré qu'un être humain est capable de traiter simultanément 7 mnèmes (plus ou moins deux). capable de stocker un nombre restreint de mnèmes (en anglais « chunks » soit « unités d'information ». vidéo. L'homme décompose ses actions selon une boucle comprenant 7 étapes : o o o o o Etablissement d'un but : il s'agit d'une représentation mentale d'un état à atteindre . Les trois types de mémoire sont fortement liés. il s'agit du mode privilégié pour les interfaces utilisateurs. Ainsi. la vue est le sens le plus développé. 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. Perception de l'état du système.

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 : • • La distance d'exécution.o Evaluation de l'état atteint par rapport aux objectifs initialement fixés. Il découle notamment des éléments ci-dessus : • • • qu'une liste d'items doit de préférence comporter moins de 7 éléments . aboutissant à la définition d'un nouvel objectif. jusqu'à ce que le sous-objectif soit réalisable. que des messages courts facilitent leur mémorisation . 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. . que l'usage de couleurs et d'une signalétique liant les éléments d'une interface aident l'utilisateur à se l'approprier . il est décomposé en sous-objectifs successifs. représentant l'écart entre l'état du système et le but dans la branche ascendante. Lorsque l'objectif initial est complexe. Cette liste de caractéristiques psychologiques est loin d'être exhaustive. La distance d'évaluation. Le sous-objectif est alors traduit en une action. représentant l'écart entre le but et l'état du système dans la branche descendante . 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é.

Les éléments les plus importants doivent figurer en haut de page. globalement suivie. Dans la mesure du possible. Ainsi. c'est-à-dire que des éléments permettant d'en Lisibilité Clarté Structuration Organisation Utilisabilit Facilité de é navigation Repérage Liberté de navigation Visibilité de l'adresse Tangibilité de l'information . Qui plus est. L'URL de la page en cours doit être constamment visible et suffisamment explicite pour permettre à l'utilisateur de se repérer afin de pouvoir revenir facilement. Les images animées sont déconseillées. et une charte graphique uniforme doit être appliquée à l'ensemble des pages afin de permettre à l'usager de savoir qu'il est toujours sur le même site. Il convient de prendre en compte le fait que les informations écrites sont moins faciles à lire sur un écran que sur papier (25% de temps de lecture supplémentaire). Le texte devra être structuré à l'aide de paragraphes et de titres de différents niveaux. Les animation doivent être privilégiées pour afficher des messages forts car elles attirent le regard de l'internaute. quelque soit la page sur laquelle il se trouve (grâce à une barre de navigation par exemple). Le site doit laisser la possibilité à l'utilisateur de revenir à la page d'accueil et aux principales rubriques par un simple clic. Les pages d'introduction ou pages interstitielles (splash screen) sont à éviter car elles énerveront la plupart des visiteurs. Les informations présentes sur le site doivent être qualifiées. Critères d'ergonomie Les principaux critères d'ergonomie d'un site web sont les suivants (liste non exhaustive) : Critère Sobriété Sous-critère Simplicité Peu chargé Description un site web très épuré renforcera la crédibilité de l'organisation. au même emplacement. le texte devra être suffisamment aéré. l'utilisateur devra pouvoir naviguer dans le contenu selon des chemins transversaux. le logo doit être présent sur toutes les pages. Cela signifie notamment que des messages d'alertes appropriés doivent être mis en oeuvre. afin d'en faciliter la lecture Les éléments d'informations doivent être hiérarchisé par niveau d'importance. Un plan du site peut constituer un excellent moyen de permettre au visiteur de savoir où il est. La « règle des 3 clics ». stipule que toute information doît être accessible en moins de 3 clics A tout moment le visiteur doit pouvoir être en mesure de se repérer dans le site.• que l'état de l'interface doit représenter fidèlement l'état du système.

L'adaptabilité caractérise la possibilité de personnalisation du site web sur intervention de l'utilisateur. ainsi que des capacités du serveur web. les images doivent préférentiellement être dans leur taille réelle. si possible avec une présentation uniforme d'une page à une autre. Images non redimensionnées Interactivit Liens hypertextes é Pour la même raison. L'interactivité caractérise les interactions possibles entre l'utilisateur et le site web. Images optimisées Il convient d'optimiser au maximum la taille des images. il est préconisé de découper l'information. afin de laisser la possibilité de les Découpage de l'information Facilitation des échanges Adaptabilit é . Les liens hypertextes offrent de vastes possibilités dans ce domaine et permettent d'offrir au visiteur des parcours multiples. trop de liens peuvent rendre difficile la lecture. D'autre part. Il est souhaitable de tout mettre en place pour faciliter l'échange avec les visiteurs. sans redimensionnement. Homogénéité de la Les éléments de navigation doivent être situés au même structure endroit sur toutes les pages. Redimensionneme Les textes du site doivent préférentiellement utiliser des nt des polices polices dont la taille n'est pas exprimée en valeur absolue. par courrier électronique ou grâce à un formulaire de contact.connaître la date de mise à jour où l'auteur doivent être présents. le visiteur doit pouvoir trouver facilement le moyen de contacter une personne. Il est recommandé de ne pas dépasser 30 à 40 ko maximum par image. dans certains cas de susciter sa curiosité. au gré de ses envies. Rapidité Temps de chargement Le temps d'affichage d'une page doit être le plus petit possible car la majorité des internautes ne patientent pas plus de 15 secondes lors du chargement d'une page. de la taille de la page et de ses images. Afin de permettre au visiteur de mieux assimiler l'information et. en vue de faire évoluer le site. Il est conseillé de mettre suffisamment de liens entre les différentes pages. il est néfaste pour un site de proposer une façade accrocheuse aboutissant sur des sections en travaux. A l'inverse. notamment afin de recueillir leurs impressions et leurs demandes. en choisissant un format adapté et un nombre de couleurs le plus petit possible. Le découpage de l'information peut notamment se traduire par un texte d'accroche et un lien hypertexte conduisant à la suite de l'article. sauf action volontaire de votre part (par exemple dans le cas d'une image téléchargeable en haute résolution). Ce facteur dépend notamment de la connexion du visiteur. A minima.

Légende Une légende ou un texte de remplacement doivent être prévu en lieu et place des images (grâce à l'attribut alt). Les illustrations graphiques doivent donc uniquement être utilisées en tant que complément visuel au texte. en particulier les recommandations d'accessibilité du W3C. c'est-à-dire par tout type d'utilisateurs. Accessibili Universalité de té l'accès L'accessibilité est la capacité du site web à être consulté universellement. permet de garantir un bon niveau d'interopérabilité.redimensionner aux personnes le souhaitant. Le respect des standards. y compris sans feuille de style. au risque de fatiguer la vue des lecteurs ou d'être illisibles. Il existe un certain nombre de règles d'accessibilité simples. Ainsi le HTML sera utilisé préférentiellement au Flash. quelque soit leur configuration logicielle et matérielle ou leur handicap. afin de permettre aux déficients visuels de comprendre le sens de l'image. Taille des polices modifiable . La taille des polices doit être adaptable afin de laisser la possibilité de grossir les textes si nécessaire. Interopérabilité Transparence des Les formats utilisés doivent préférentiellement être formats transparents. c'est-à-dire consultable en mode texte. Choix des couleurs Les couleurs doivent être choisies afin de laisser l'information lisible aux personnes ne distinguant pas les couleurs correctement (daltoniens). Adaptativi té L'adaptativité caractérise la possibilité de personnalisation du site web à personnaliser automatiquement le site web sans intervention de l'usager. à respecter afin de permettre l'accès au site web au plus grand nombre. Le niveau de contraste entre la couleur d'arrière-plan et le texte en avant plan doit être suffisant pour en permettre la lecture aux malvoyants. c'est-à-dire la capacité du site web à être consultable par différents clients logiciels. y compris les malvoyants et non voyants. Usage sain des feuilles de style Contraste adapté L'information doit pouvoir être accessible. les images ou animation ne doivent pas se soustraire aux informations textuelles ou provoquer une gêne pour les non-voyants. Les polices utilisées ne doivent également pas être trop petites. Par ailleurs.

Dernière modification le samedi 18 avril 2009 à 01:42:16. .

Des scénarios de navigation doivent être élaborés afin de pousser l'utilisateur à suivre un chemin dans le site web. La zone centrale supérieure représente ainsi un endroit particulièrement stratégique pour placer des informations.Webmastering . jusqu'à l'angle inférieur droit.Webdesign Conception du système de navigation La structure d'un site web doit être le reflet d'une stratégie. il faut alors déterminer leur organisation et leur découpage en sous-rubriques. Dès lors que les principales rubriques sont identifiées (on veillera à ne pas dépasser une dizaine de rubriques principales). 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 : . on parle alors de rubriquage. Parcours visuel Des études ont montré que l'oeil de l'internaute moyen parcourt généralement la page web selon un cheminement global en « zigzag » commençant à l'angle supérieur gauche. Néanmoins il ne faut pas emprisonner le visiteur et le laisser libre de s'en aller ou de changer de rubrique à tout moment. 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. Structuration du site web La structuration du site web consiste à bâtir l'architecture globale du site web en organisant les différentes informations.

un outil de navigation constitué d'une suite de liens hiérarchisée. 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 . Le fil d'Arian représente le chemin de navigation et permet à l'usager : • • de se repérer dans le site de remonter facilement aux rubriques principales. 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. La navigation par onglets . Un fil d'Ariane se présente sous la forme suivante : Accueil > Webmastering > Navigation Un fil d'Ariane possède les caractéristiques suivantes : . Lien vers la page d'accueil présent sur chaque page du site . La carte du site. Un clic sur ce logo conduit directement à la page d'accueil du site .Les classiques Certaines caractéristiques se retrouvent généralement d'un site web à l'autre : • • • Logo du site web en haut à gauche. Eléments de navigation Les éléments de navigation sont des outils permettant au visiteur de savoir où il se situe dans le site. Fil d'ariane On appelle fil d'ariane (ou chemin de fer et en anglais breadcrumbs trail).

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. afin de symboliser la notion de hiérarchie. Dernière modification le mardi 14 octobre 2008 à 17:40:30. Ariane. Le terme anglais « breadcrumb » (littéralement « miette de pain ») fait référence au conte de Grimm. lui confie une pelote de laine lorsqu'il s'engouffre dans le labyrithe pour tuer le Minotaure.• • Liens séparés par le caractère « > ». « Hansel et Gretel ». Plan du site Un plan du site (ou carte du site. Flêches de navigation La présence de flêches de navigation (suivant. en anglais site map) permet aux internautes d'appréhender le site dans sa globalité en un seul coup d'oeil. Thésée parvient à sortir du labyrinthe. amoureuse de Thésée. retour au chapitre. relatant l'histoire de deux enfants perdus dans la forêt laissant tomber des morceaux de pain pour retrouver leur chemin. . En la déroulant. retour à la page d'accueil) permet de fournir une navigation intuitive à l'utilisateur. puis en l'enroulant à nouveau. Dernier lien non cliquable et en gras. Le terme français « fil d'Ariane » se réfère à la mythologie grecque. Un item « vous êtes ici » peut de plus permettre à l'internaute de se situer dans le site. Il représente la page sur laquelle le visiteur se trouve. Des codes couleurs peuvent également être utilisés afin de renforcer la différenciation entre les rubriques. précédent.

La plupart du temps le logo est cliquable et mène à la page d'accueil . un plan d'accès. Par extension le terme webdesigner désigne le métier consistant à concevoir le design d'un site web. un bandeau de navigation et une zone prévue pour une bannière (publicitaire ou non) . Néanmoins. un pied de page regroupant des informations utiles telles que la date de mise à jour. une zone de navigation (menu). etc. Agencement de la page Elle aboutit généralement à la création de modèles de pages (en anglais templates). 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. un corps de page. 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 opposition à la conception fonctionnelle (ergonomie. Le webdesign est ainsi un compromis entre une présentation possédant un graphisme époustouflant. un lien vers un formulaire de contact. en vertu des critères d'ergonomie. l'identité visuelle de la société ou de l'organisation. servant de gabarits pour la création du site web. .Webmastering . néanmoins une bonne source d'inspiration peut consister à visiter des sites de référence. Le but de ce guide est de donner quelques éléments clés permettant d'obtenir un design efficace. Il s'agit ainsi d'une étape de conception visuelle. créées sous forme de calques. Il est notamment intéressant d'étudier comment chacun d'entreeux dispose l'information. un site web doit avant tout répondre aux attentes des utilisateurs et lui permettre de trouver facilement l'information qu'il cherche. ou bien des pages web représentant le squelette graphique d'une page type. à travers une dimension esthétique. 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. située à gauche et/ou à droite . Les templates sont des images. L'objet du webdesign est de valoriser l'image de l'entreprise ou de l'organisation par le biais d'éléments graphiques afin de renforcer son identité visuelle et de procurer un sentiment de confiance à l'utilisateur. contenant l'essentiel de l'information . navigation). La structure traditionnelle d'une page web est la suivante : • • • • • un logo situé en haut à gauche. un en-tête contenant le nom du site.Webdesign Introduction au webdesign Le terme « webdesign » désigne la discipline consistant à structurer les éléments graphiques d'un site web afin de traduire. notamment des sites professionnels.

Une page courte permet en effet au visiteur de survoler facilement l'information pour repérer les éléments qui l'intéressent. 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. notamment les tailles. l'idéal est d'opter pour une valeur inférieure à la définition horizontale de la majorité des visiteurs. En terme de largeur. identiques sur toutes les pages. ou bien variables d'une page à l'autre. 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) . traduisant son identité visuelle. Ainsi. les éléments dynamiques tels que le moteur de recherche pourront par exemple conduire à une page présentant des résultats factices. Maquette Une maquette est un site web factice et sommaire (prototype) présentant le graphisme du site et sa navigation. 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 effet. afin de ne pas les contraindre à faire défiler l'écran avec l'ascenceur horizontal. La charte graphique définit l'habillement graphique de la page.Il est essentiel de distinguer dans le template ce qui relève d'éléments invariables. . 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. Concernant la longueur. couleurs et apparences des textes. La maquette représente les pages principales du site (sans contenu) à l'aide de pages statiques et permet de simuler la navigation. images et boutons du site ainsi que le positionnement relatif des objets dans la page. les pages trop longues risquent de ne pas être lues en entier et sont plus longues à charger. il est souhaitable de ne pas dépasser trois à cinq hauteurs d'écran.

Choix des couleurs Il est conseillé de ne pas utiliser plus de trois couleurs différentes dans un site web afin de respecter le critère de sobriété. Luxe. Etant donné le sens de lecture des informations (en diagonale du coin supérieur gauche au coin inférieur droit). sang. femme. force. tristesse. les couleurs influent sur le comportement des individus : • • • physiquement : appétit. etc. Position des informations Lors de la création des pages. dynamisme. Culture. insatisfaction Naïveté Journal personnel. passion. concentration. de joie. etc. amour. Les couleurs possèdent une symbolique implicite. enfer. médecine Bleu Froid. confiance. Charme. espace. courage. et une ou plusieurs couleurs secondaires plus dynamiques (plus vives). mystique. sérieux. sérénité. Le tableau ci-dessous récapitule la signification classiquement associée aux couleurs : Couleu r Symbolique méliorative Calme. autorisation. sommeil. apaisement. beauté Symbolique péjorative Domaine Voile. température du corps. la position des information a son importance. femmes Rouge Violence. mode. protection. . discrétion. etc. danger. intimité. représentant la majeure partie de la page web. de sécurité. médias interdit. paix Délicatesse. Le choix des couleurs devra correspondre. eau. urgence.• • Choisir une page comportant des tableaux invisibles de largeurs variables (définies en pourcentages) . colère. informatique. aux couleurs de l'organisation (notamment aux couleurs du logo) et exprimer une ambiance particulière. émotionnellement : sentiment de peur. nouvelles technologies. afin de mettre des éléments en exergue. le cas échéant. il est recommandé d'établir une couleur prédominante. 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 . sommeil Violet Rose Mélancolie. politique deuil. sport. l'information située en haut de page aura plus de chances d'être lue par les internautes. Détecter la résolution des visiteurs à l'aide d'un script (en javascript par exemple). triomphe. en moindres proportions . psychologiquement : dynamisme. En effet. enthousiasme. et rediriger le visiteur vers une page de la bonne largeur. modestie. marketing. bonté. Chaleur. Quel que soit le choix des couleurs. religion. Il est donc important de les choisir en connaissance de cause.

tolérance. gloire. vert). tonus. secours. luxe. 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). honneur. . magenta. obscurité. Calme. organisations à but non lucratif Cinéma. Orange richesse. richesse. jaune. vie. La composition des couleurs peut permettre de dégager une sensation de bien être. plaisir. photographie et tristesse. alerte Nature. charité. propreté. équilibre. terroir. apaisement. nuit. Mort. immortalité. égoïsme. interdit Vert Brun Blanc Gris Noir Sobriété. éducation Environnement Mode. Les couleurs secondaires sont diamétralement opposées à leur couleur complémentaire (soustractive) sur le cercle chromatique . jaune). or.Tiédeur. nature. Les couleurs secondaires (cyan. Pureté. Jaune Feu. Neutralité. fruit. bonheur. associations. sur laquelle figurent les couleurs suivantes : • • Les couleurs primaires (rouge. espoir. • Les couleurs tertiaires. actualités Design. monotonie. jalousie. La composition des couleurs a également une influence sur la perception des volumes. odeur. philosophie. aussi bien pour la décoration d'une maison. voyage. gaieté. jeunesse. ne pouvant être obtenues par mélange d'autres couleurs . que pour le graphisme d'un site web. fraîcheur. obtenues par mélange à parts égales de deux couleurs primaires adjacentes. sport. voyage Tromperie. Lumière. Le cercle chromatique est un bon outil permettant d'apréhender les interactions entre les couleurs. vie végétale. confort. obtenues par mélange d'une couleur primaire et d'une couleur secondaire. soleil. orgueil. richesse. Tourisme dignité. respect. innocence. neige. pouvoir. orgueil. foi. repos. Saleté Découverte. vitalité. alerte Divertissement. confiance. Le cercle chromatique est une représentation circulaire des couleurs. art. couleurs « pures ».

car un arrière-plan mal choisi peut gêner la lisibilité. Par ailleurs. on parle ainsi d'« harmonie d'analogie ». en vertu de l'absence de contraste. diamétralement opposées . Néanmoins l'abus d'image peut gêner le confort visuel. Pour deux couleurs. les couleurs choisies doivent former un triangle équilatéral. Choix des images Les images permettent d'agrémenter un site web et de le rendre plus gai. soit des couleurs de même teinte dont les tons sont proches. ainsi que le chargement des pages. la perception des couleurs dépend des couleurs avoisinantes. lorsqu'il contemple une couleur. Avec ce mécanisme. pour trois couleurs. Il existe donc globalement deux façons principales de choisir des couleurs harmonieuses : • • en choisissant des nuances d'une même couleur. des éléments de couleur chaude paraîtront globalement plus grands que des éléments de couleur froide. c'est-à-dire des couleurs éloignées sur le diagramme chromatique. il suffit de choisir des couleurs complémentaires. Enfin. Couleur d'arrière-plan Le choix de la couleur d'arrière-plan (en anglais background) est primordial. dûes à des propriétés physiques de l'oeil. etc. En effet. On parle de « contraste simultané ». Les webmasters débutant aiment à égayer leur site avec des animations amusantes glanées sur le web. un filtre de la couleur complémentaire. l'oeil crée automatiquement.Il existe des règles universelles régissant l'harmonie des couleurs. le jaune paraîtra plus orangé lorsqu'il est associé à du bleu et le bleu paraîtra plus violet. sur son contour. des couleurs voisines sur le diagramme chromatique créent une sensation d'équilibre pour l'oeil. Un bleu à côté d'un rouge apparaîtra vert. 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. Un bon contraste entre la couleur d'avant-plan et la couleur dominante de . en mêlant des couleurs complémentaires (chaudes et froides). etc. Ainsi.

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.l'arrière plan est nécessaire. Symboles graphiques Il est conseillé de faire usage de pictogrammes ou d'icônes afin d'établir une signalisation visuelle. il est souhaitable d'opter pour des polices sans empattement (sans serif). une maison représente un lien vers la page d'accueil . l'utilisation de telles polices est déconseillée car selon la définition de l'écran du visiteur. notamment si le site web a une vocation internationale. Sur le web. Les pictogrammes suivants sont ainsi communément utilisé : • • • • • une loupe symbolise habituellement une fonction de recherche . Ainsi. 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. il est néanmoins possible de contourner cette limitation en créant des images transparentes comportant le texte. Pour une utilisation imprimée traditionnelle. sachez que les textes utilisant des polices non standard risquent de ne pas apparaître correctement sur les écrans des internautes. L'arrièreplan devra ainsi généralement être choisi très pâle.). Dernière modification le dimanche 19 avril 2009 à 19:13:13. les polices à empattement (serif) facilitent généralement la lecture car les empattements permettent d'accompagner le regard du lecteur. les empattements peuvent très vite devenir des pattes de mouche gênantes pour la lecture. un point d’interrogation caractérise une aide en ligne . Verdana. Typographie Il est fortement contre-indiqué d'utiliser plus de deux polices sur un site web. un drapeau signale la langue de la page en cours ou bien la possibilité de changer de langue. . etc. une enveloppe signale la possibilité de contacter le webmaster par mail . 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. Pour créer des titres avec de telles polices. Helvetica. A ce titre. plus rondes. Enfin.

Une ligne éditoriale bien définie permet de garantir une cohérence d'ensemble des articles. étant donné la pluralité du lectorat amené à lire votre contenu. Ainsi. Dernière modification le mardi 14 octobre 2008 à 17:40:30. un site simplissime avec un contenu fort intéressant sera potentiellement bien plus visité qu'un site creux au graphisme soigné.Webmastering . Qualification de l'information Tout élément de contenu doit nécessairement être qualifié. qui apparaîtra dans la barre de titre du navigateur. ainsi qu'une adéquation particulière du contenu au coeur de cible du site. précises et concises. c'est-à-dire suivant notamment les quelques règles suivantes : • • • Ne pas utiliser la première personne du singulier (« je ») . sans être familier. Le langage utilisé doit être le plus proche possible de celui du lecteur. Des études ont montré que la lecture sur écran était en moyenne 25% moins rapide que la lecture sur un support papier. Les droits d'auteurs associés à la page et en particulier les conditions de diffusion. 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. Dans la majorité des cas. 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. claires. Eviter le pronom impersonnel « on » . Le nom de l'auteur. il est vivement conseillé d'écrire des articles concis. il est souhaitable d'adopter un style rédactionnel proche de celui du journaliste. La « ligne éditoriale » du site représente la politique en matière de rédaction d'articles.Contenu rédactionnel Importance du contenu Les visiteurs reviennent généralement sur un site pour son contenu. Compte-tenu de la difficile lecture à l'écran. le contenu sera préférentiellement composé de phrases simples. La date de dernière modification. . Style rédactionnel Le style rédactionnel d'un site doit être adapté au profil des lecteurs qui vont le consulter. plus que pour son design. Calibrage Le terme « calibrage » désigne la détermination de la longueur de l'article. Ainsi. Employer un ton neutre . Les éléments indispensables sont notamment : • • • • • Un titre explicite. Les éventuelles sources d'information.

car il s'agit d'un protocole sécurisé permettant de chiffrer les requêtes échangées entre le navigateur et le serveur. Le W3C.0 ou supérieur Le Javascript.1 (en début d'année 2001). l'organisme chargé de standardiser les normes relatives à internet a actuellement (début 2001) spécifié la version HTML 4. 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 protocole utilisé pour ce type de communication est le protocole HTTP (HyperText Transfer Protocol). Les communications seront ensuite converties selon le protocole HTTP par la passerelle. Le protocole HTTP en est actuellement à sa version 1. Le DHTML (Dynamic HyperText Markup Language) dont on entend souvent parler n'est pas un langage à proprement parler.Les langages du web Introduction au web Le terme « web » désigne le service internet permettant de naviguer à travers des pages web. 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. ce qui explique le fait que vous saisissiez des URL commençant par http://. Les pages web dynamiques On appelle « page web statique » une page web constituée d'un fichier texte contenant du code HTML et éventuellement des images et des liens vers d'autres documents. regroupant dans un même document les définition des styles de chaque balise d'une page web ou d'un site tout entier. Il s'agit en réalité d'un ensemble de langages complémentaires au HTML et permettant de rendre une page web plus dynamique. 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.Cascading StyleSheets). permettant d'effectuer des opérations sur le navigateur du client Le DOM (Document Object Model) définissant une arborescence d'objets représentant la structure du document. Aujourd'hui. Désormais. 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. Cela permet notamment de pouvoir manipuler l'ensemble des objets contenus dans le document. Un site web statique est suffisant lorsqu'il ne contient que quelques dizaines de pages mais son exploitation et sa mise à jour peuvent vite atteindre les limites suivantes : • • • 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 .01.Webmastering . • Les feuilles de style (CSS . le protocole HTTPS (protocole HTTP sécurisé) est de plus en plus utilisé avec l'utilisation de systèmes de commerce électronique. Ces langages sont : • • • Le langage HTML 4.1 (spécifié par le consortium W3C). Un site constitué de pages web statiques se verra ainsi qualifié de « site web statique ».

Il existe de nombreuses solutions permettant de mettre en oeuvre un langage de script sur le serveur web.• etc. parmi lesquelles les plus répandues sont les suivantes : • La première historiquement. communication avec d'autres servlets grâce à la technologie RMI. Le langage PHP (Hypertext preprocessor) emploie son propre langage (dérivé du C++ et de Perl) et permet de nombreuses fonctionnalités (équivalentes à celles de la technologie ASP). au sein d'un serveur d'application. • • Les pages JSP représentant un code HTML dans laquelle du code Java est appelé . 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) Ainsi. Java et le web Java a longtemps été essentiellement utilisé pour écrire des applets. Le langage JSP (Java Server Pages) est la plus récente parmi ces technologies. .. on distingue différentes entités Java : • Les servlets. à l'intérieur même d'une page web. puis de leur faire renvoyer un contenu compatible avec le protocole HTTP. Les EJB (Enterprise JavaBeans). permettant d'effectuer des traitements selon la requête de l'utilisateur (accès à des bases de données avec JDBC. c'est-à-dire des petits programmes exécutés sur le navigateur du client. Les principaux serveurs d'application sont : • • • • • Oracle Application Server de Oracle WebLogic de BEA Websphere Application Server de IBM JRun de Allaire/Live software IPlanet de Alliance Sun Netscape . • • • Le langage ASP (Active Server Pages) de Microsoft a permis de simplifier l'écriture de tels scripts en manipulant des objets en VBScript.) . Elle permet d'utiliser toute la puissance de Java pour créer des pages web dynamiques. interrogation d'annuaires LDAP. Java est désormais principalement utilisé du côté du serveur web. des composants objets écrits en Java résidant sur un serveur d'application permettant d'accéder à leurs méthodes. c'est-à-dire un serveur spécifique utilisant une machine virtuelle Java. appelée CGI (Common Gateway Interface) consistait à interpréter des programmes (généralement écrits en perl ou en langage C). Les technologies Java reposent ainsi sur l'utilisation de ces trois entités. 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. permettant ainsi de rendre la page beaucoup plus interactive (mais aussi beaucoup plus lente)..

mais surtout par l'impossibilité de séparer le contenu et la présentation. non seulement par son nombre limité de balises. 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 XML se propose comme un méta-langage. c'est-à-dire un programme utilisant une bibliothèque de fonction (API. Dernière modification le mardi 14 octobre 2008 à 17:40:30. LaTeX. le WML (Wireless Markup Language) est une implémentation du XML pour l'affichage de pages web sur des terminaux mobiles).• • JServ et Tomcat de Apache WebObjects Le XML Le HTML a rapidement montré ses limites. il est possible d'échanger des documents au format XML sans pour autant influer sur la forme de ceux-ci. .. pour Application Programmable Interface) permettant de lire et modifier un document XML. . c'est-à-dire un langage permettant de définir un nouveau langage (de nouvelles balises). ce qui induit un problème de mises à jour simple de la présentation. il est ainsi possible de parcourir un document XML à l'aide d'un parseur (appelé aussi analyseur syntaxique).. 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.) XML organise les informations selon une structure arborescente définie par le DOM (Document Object Model). WML. étant donné que le XML sépare la présentation des données. PDF. De plus. Ainsi.

com/votrenom Ce type d'adresse est assez difficile à mémoriser.net est déjà limite) mettre des caractères spéciaux tels que sous-tirets (_) (il sera plus aisé de dire «comment ça marche point net tout attaché » que « comment tiret du haut ça tiret du haut marche point net ») De plus le nom de domaine doit : • • • être prononçable . il doit être choisi à bon escient en évitant les écueils suivants : • • • choisir des noms compliqués choisir des noms trop longs (www. un nom de domaine donne généralement une touche de professionnalisme et de crédibilité à un site internet. voire d'en connaître son propriétaire. Vérifier la disponibilité d'un nom Il existe des outils (fournis par les organisations en charge des noms de domaine).com. un visiteur reviendra plus facilement sur un site dont le nom est facile à retenir que sur un site dont le nom est extrêmement compliqué. Enfin.com Utilité du nom de domaine Un site internet possèdant son propre nom de domaine.commentcamarche. permettant de vérifier la disponbibilité d'un nom de domaine. appelés Whois. avoir dans la mesure du possible une signification . un nom de domaine bien choisi favorisera le bouche à oreille et permettra au site de gagner plus vite en popularité. il est indispensable de le choisir le plus simple possible. être disponible. De plus. est beaucoup plus facile à mémoriser.fr Déposer un nom de domaine .Webmastering . ainsi une adresse telle que la suivante est préférable : http://www. un site hébergé par un hébergeur gratuit (par exemple un fournisseur d'accès à internet) possède généralement une adresse du type : http://www. . et provoque chez l'internaute un sentiment de confiance plus fort.votre-fournisseur. Choix du nom de domaine Etant donné que le nom de domaine doit être facile à diffuser. et .net.org Afnic pour les . Ainsi. Ainsi. • • GANDI ou Network Solutions pour les . Il est évident qu'un nom de domaine n'est pas qu'une liste complexe de caractères.votrenom.Nom de domaine Qu'est-ce qu'un nom de domaine ? Un site internet est défini par son URL.

le numéro de SIREN / SIRET . Il est évidemment de posséder les documents justifiant l'appartenance à l'une de ces catégories : • • • Pour les entreprises. à fournir dans les 6 mois si la demande est en cours.edu correspond aux organismes éducatifs . chargée d'attribuer les noms de domaine en .fr.com correspond aux entreprises à vocation commerciale (désormais ce code de domaine ne rime plus à grand chose et est devenu international) . être une association immatriculée à l'INSEE . n'en permet l'acquistion qu'aux entités respectant certaines conditions. créés pour les Etats-Unis à la base. être une sociéte (entreprises) imatriculée au registre du commerce . organisme de réseau.fr correspond aux organismes commerciaux à marque déposée etc.org correspond aux entreprises à but non lucratif D'autre part.tm.)) parfois appelée TLD (Top Level Domain.Le nom de domaine se dépose auprès d'un organisme international (l'Internic) ou de l'un des sousorganismes appelés « registrars » (pour la France il s'agit de l'Afnic). être un artisans .arpa correspond aux machines issues du réseau originel . La classification du domaine (selon l'activité du site (commercial. . Voici une liste non exhaustive de ces conditions : • • • • • • être titulaire d'une marque déposée .fr L'ouverture du nom de domaine dans la zone française (un site dont le nom se termine par . par exemple : • • • • • • • .asso.fr correspond aux associations . il existe des noms. Toutefois.. soit domaines de plus haut niveau).net correspond aux organismes ayant trait aux réseaux . L'AFNIC.gov correspond aux organismes gouvernementaux .fr) est régie par des règles d'acquisition plus compliquées. être une collectivité publique.. Acquérir un . à but non lucratif.gouv. Pour une marque déposée. un extrait de Kbis et le numéro de SIREN / SIRET . aux professions libérales . Pour la France par exemple : • • • • .mil correspond aux organismes militaires . Pour les associations immatriculées à l'INSEE. correspond généralement à une répartition géographique. .fr correspond aux organismes gouvernementaux . permettant de classifier le domaine selon le secteur d'activité. certains de ces domaines possèdent des sous-domaines. un certificat de l'INPI (Institut National de la Propriété Intellectuelle).

. 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. • Le DNS (Domain Name System) Dernière modification le mardi 14 octobre 2008 à 17:40:30. Néanmoins ce système ne permet pas defaire figurer le nom de domaine dans la barre d'adresse du navigateur.fr ».. Voir aussi..).net et .Cependant. Depuis. il est donc utile de se référer régulièrement à leur site web pour connaître les dernières conditions. 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). l'AFNIC libéralise progressivement les « . 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. Pourront ainsi prochainement acquérir un nom de domaine en .org n'étant par exemple soumises à aucun contrôle. les particuliers . c'est-à-dire un nom de domaine redirigeant l'internaute vers une URL particulière. toutes les associations. . la législation en la matière s'est durcie et il est rare qu'un tribunal donne raison au cybersquatteur. Redirection Il est possible d'opter pour une redirection.. même non immatriculées à l'INSEE.fr : • • • toutes les catégories citées ci-dessus . 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. .

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. 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). soit dans un coin. colocation (en anglais housing) : cette formule consiste à louer une baie d'hébergement pouvant accueillir les serveurs du client. hébergement dédié (en anglais dedicated hosting) : il s'agit de la location complète d'un serveur . On distingue généralement les types d'hébergement suivants : • • Hébergement gratuit Hébergement professionel o o 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 . Pour autant. mais il est essentiel de regarder en détails les conditions dans lesquelles le service est rendu. Il existe ainsi un grand nombre de sites offrant de tels services gratuits. il est conseillé de recourir aux services d'un hébergeur. 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. Dernière modification le mardi 14 octobre 2008 à 17:40:30.com/mapageweb). En effet le service d'hébergement est souvent rendu en contrepartie de publicités affichées sur le site. 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. 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é. soit sous la forme de pop-ups. 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. .Hébergement (Web Hosting) 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. afin de rendre un service de qualité aux visiteurs.mon-fournisseur.

Data Center Un data center est organisé en baies. 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. clavier et souris pouvant s'intégrer dans un emplacement 1U. Une baie possède généralement un espace disponible de 40U. routeur. firewall.Data Center Hébergement professionel Pour un hébergeur professionel l'organisation de l'espace réservé à l'accueil des machines a une importance capitale. Il existe également des tiroirs coulissants contenant écran plat. La plupart des éléments réseaux (switch.26 cm). armoires pouvant accueillir des éléments en rack dans des emplacements de taille normalisée d'une largeur de 19 pouces (48. Quel que soit le type de l'hébergement. dans les formats 1U.) existent ainsi en racks 19". Choix de l'hébergement L'espace de stockage alloué. 47U ou 52U où U désigne l'unité élémentaire de hauteur de chaque élément rackable.75 pouce (soit environ 4. etc. 1U correspond à une hauteur de 1. éventuellement biométrie) et un système de vidéo-surveillance relié à un service . 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. 2U ou 4U. Cela explique pourquoi les serveurs professionnels sont conditionnés dans des châssis industriels au format rackable 19 pouces. les serveurs sont systématiquement situés dans des salles d'hébergement spécialisées appelées Data Center.445 cm).

• • Fourniture d'un service de filtrage par pare-feu en amont de la baie . des infrastructures critiques (routeurs. Les prises habituellement utilisées sont appelées prises APC MasterSwitch (APC est le sigle de American Power Conversion Corporation). 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 . Il existe deux méthodes permettant l'extinction d'incendie à base de gaz : o o o o • L'émission d'un gaz halon 1301. etc. à 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 . • Mécanismes de sauvegardes (backup) automatisées.) et des liens de connexion à Internet et présence d'onduleurs. voire indispensables : • Reboot distant grâce à une unité de distribution d'alimentation (PDU. • Redondance des alimentations électriques. 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%. climatisation. 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 . . désormais interdit dans de nombreux pays en raison de sa toxicité . Dernière modification le mardi 14 octobre 2008 à 17:40:30. Power Distribution Unit) c'est-à-dire un sytème de prises électriques pouvant être contrôlées indépendamment via une interface web. CO2 8%) ou Argonite (N2 50%. • 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 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 .permanent de gardiennage. Garantie de l'environnement : régulation de l'hygrométrie (taux d'humidité) et de la température grâce à une climatisation. Ar 50%) . • Intervention par téléphone pour demander le redémarrage d'un serveur à distance. D'autre part les hébergeurs proposent généralement des services supplémentaires pouvant s'avérer utiles. Service de surveillance du trafic (monitoring). L'émission d'un gaz inhibiteur destiné à empêcher la réaction de combustion : gaz FM 200 (CH3HF7) ou FE13 (CHF3) . • 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). Ce type de prises est généralement doté de protection contre les surtensions (SurgeArrest) . voire de groupes électrogènes . 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.

Par ailleurs le ventilateur et le radiateur du processeur possèdent un facteur de forme particulier afin de pouvoir entrer dans le boîtier . c'est-à-dire un élément insérable dans un emplacement PCI permettant d'ajouter une carte PCI à l'horizontale.Serveur 1U Châssis industriels 19 pouces Un châssis industriel 19 pouces (1U). ils sont généralement notés "ventilateur et radiateur pour boîtier 1U". appelé généralement serveur 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. est un boîtier possédant le format structurel suivant : Ce type de châssis permet d'accueillir une carte-mère standard ainsi qu'un ou plusieurs disque dur IDE. Dernière modification le mardi 14 octobre 2008 à 17:40:30. . littéralement coude PCI). Toutefois. carte SCSI. support du RAID. SCSI ou Serial ATA. carte réseau). é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.

Hébergement mutualisé (mutualized hosting) Hébergement mutualisé L'hébergement mutualisé (parfois hébergement partagé. Il est donc important de vérifier les paramètres de configuration sur lesquelles il est possible d'agir (configuration du serveur de nom. Dans ce type de solution les clients n'ont pas accès directement au serveur en tant qu'administrateur. Ce type de formule propose donc un serveur avec une configuration donnée et une offre logicielle (serveur.) ainsi qu'un espace de stockage bien défini. Il s'agit d'une solution relativement économique permettant de bénéficier d'un service de qualité à un prix modeste. Voici une liste (non exhaustive) d'éléments généralement proposés par les hébergeurs proposant une offre mutualisée : • • • • • Espace disque alloué Bande passante autorisée : vérifier si une surfacturation est demandée en cas de dépassement du trafic autorisé Type de serveur : vérifier la configuration (htaccess) Langages supportés côté serveur Noms de domaines o o o • • • Possibilité de configurer les domaines virtuels Nombre de noms de domaines Nombre de sous-domaines Accès par SSH Mise à jour des fichiers par FTP Serveur de messagerie o o o o o o o o Présence d'un webmail Nombre de comptes email alloués Nombre d'alias mail autorisés Possibilité de collecter les mails sur un alias Possibilité de forwarder (faire suivre) les mails vers une adresse externe Présence d'un antivirus et d'un antispam Gestionnaire de liste de diffusion fourni Répondeur automatique Type Nombre de bases maximum • Serveur de gestion de bases de données o o . serveur de listes de diffusion. bases de données. la configuration se fait ainsi par l'intermédiaire d'interfaces web. comptes de messagerie. etc. etc. du serveur web. Guide de choix Afin de choisir un hébergement mutualisé il est nécessaire de déterminer vos besoins. en anglais mutualized hosting) consiste à héberger plusieurs sites internet sur un seul et même serveur. du système de gestion de base de données.).

.o • o o o Administration de la base de données par interface web Accès à des statistiques élaborées par interface web Accès aux logs bruts Services web supplémentaires   Formulaire de contact par mail Compteur personnalisé Statistiques Dernière modification le mardi 14 octobre 2008 à 17:40:30.

.Hébergement dédié (dedicated hosting) Hébergement dédié L'hébergement dédié (en anglais dedicated hosting) consiste à mettre à disposition du client un serveur complet. Dernière modification le mardi 14 octobre 2008 à 17:40:30.

Dernière modification le mardi 14 octobre 2008 à 17:40:30 . ou bien d'hébergement des propres serveurs du client à l'unité.Colocation (Housing) Housing SuivantPromotion Les hébergeurs professionels proposent généralement des formules de baies entières. Ce type d'offre permet au client d'installer les serveurs de son choix et d'en avoir la totale maîtrise. de demi-baie ou de quart de baie. L'hébergeur fournit ainsi l'infrastructure d'accueil des serveurs. la bande passante ainsi qu'un certain nombre de services et de garanties.Hébergement . on parle alors de colocation (en anglais housing).

Promotion d'un site web
Introduction au marketing

SuivantRéférencement

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 : • • • • • • Cartes postales virtuelles (e-cards ou virtual postcards en anglais) ; Economiseurs d'écran (screensavers) ; Papiers peints (en anglais wallpapers ou background, traduisez fonds d'écran) ; Animations et jeux ; Clips vidéo ; Utilitaires pratiques et inédits.

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. Dernière modification le mardi 14 octobre 2008 à 17:40:30.

Référencement
Qu'est-ce que le référencement ?

SuivantSpamdexing

On désigne habituellement par le terme « référencement » (en anglais web positionning) l'ensemble des techniques permettant d'améliorer la visibilité d'un 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 : • • • • • • • un contenu original et attractif, un titre bien choisi, une URL adaptée, un corps de texte lisible par les moteurs, des balises META décrivant précisément le contenu de la page, des liens bien pensés, des attributs ALT pour décrire le contenu des images.

Contenu de la page web
Les moteurs de recherche cherchent avant tout à fournir un service de qualité à leurs utilisateurs en leur donnant les résultats les plus pertinents en fonction de leur recherche ainsi avant même de songer à améliorer le référencement il est indispensable de s'attacher à créer un contenu consistant et original. Un contenu original ne signifie pas un contenu qui n'est proposé par aucun autre site, cela serait une mission impossible. En revanche il est possible de traiter un sujet et de lui amener de la plus-value en approfondissant certains points, en l'organisant d'une manière originale ou en mettant en relation différentes informations. D'autre part, toujours dans l'optique de fournir le meilleur contenu aux visiteurs, les moteurs de recherche accordent de l'importance à la mise à jour des informations. Le fait de mettre à jour les

en 6 ou 7 mots maximum. Parmi ces balises les balises keywords et description permettent respectivement d'ajouter des mots-clés et une description décrivant la page. Corps de la page Afin de valoriser au maximum le contenu de chaque page il est nécessaire que celui-ci soit transparent (par opposition aux contenus opaques tels que le flash). Le META robots permet de décrire le comportement du robot vis-à-vis de la page.pages du site permet donc d'augmenter l'indice accordé par le moteur au site ou en tout cas la fréquence de passage du robot d'indexation. notamment les mots-clés présents dans le nom de domaine. indexable par les moteurs. URL de la page Certains moteurs de recherche accordent une importance capitale aux mots-clés présents dans l'URL. il est conseillé d'établir des liens internes entre vos pages pour permettre au robots indexeurs (appelés crawlers. contenant un ou deux mots-clés. Le titre d'une page web est décrit dans l'en-tête de la page web entre les balises <TITLE> et </TITLE>. Il est donc conseillé de mettre un nom de fichier adapté. c'est-à-dire qu'il comporte un maximum de texte. d'autre part car certains moteurs de recherches prennent en compte le nombre et la qualité des liens pointant vers un site pour caractériser son niveau de pertinence (c'est le cas de Google avec son indice appelé PageRank). les moteurs utilisent de moins en moins ces informations lors de l'indexation des pages. il est donc essentiel de lui accorder une importance particulière. Le titre est d'autant plus important qu'il s'agit de l'information qui s'affichera dans les favoris de l'internaute. c'est notamment le premier élément que le visiteur va lire dans la page de résultat du moteur de recherche. mais il est possible de l'améliorer en veillant à ce que différents motsclés soient présents. Attributs ALT des images . pour chacun des fichiers du site plutôt que des noms du genre page1. etc. Etant donné l'usage abusif des métas constaté dans un nombre important de sites web. ainsi que dans l'historique. Ainsi il peut être intéressant de créer une page présentant l'architecture de votre site et contenant des pointeurs vers chacune de vos pages. Titre de la page Le titre est l'élément de prédilection pour décrire en peu de mots le contenu de la page. sans les afficher aux visiteurs (par exemple des termes au pluriel. voire avec des fautes d'orthographe volontaires). page2. Liens hypertextes Afin de donner le maximum de visibilité à chacune de vos pages. Balises META Les META Tags sont des balises non affichées à insérer en début de document HTML afin de décrire finement le document. Le titre doit décrire le plus précisément possible.html. Il est conseillé d'utiliser le codage HTML pour les caractères accentués et de ne pas dépasser une vingtaine de mots clés. Le contenu de la page doit être avant tout un contenu de qualité adressé aux visiteurs. D'autre part il est important d'avoir des liens externes pointant vers son site web car cela augmente d'une part le trafic et la visibilité de votre site. le contenu de la page web et sa longueur totale recommandée ne doit pas dépasser la soixantaine de caractères. notamment indiquer si la page doit être indexée ou non et si le robot est autorisé à suivre les liens. Les cadres (frames) sont fortement déconseillés car ils empêchent parfois l'indexation du site dans de bonnes conditions. traduisez chenilles) de parcourir la totalité de votre arborescence.html.

) adaptés pour chacune des pages du site. il faut donc penser. permettant d'en décrire le contenu.gif" width="140" height="40" border="0" alt="logo de CommentCaMarche"> Un référencement articulé autour de la page L'élément de référence pour les moteurs de recherche est la page web. En effet la plupart des webmasters pensent à indexer correctement la page d'accueil de leur site mais délaissent les autres pages. Plus d'informations • • WebrankInfo Abondance Dernière modification le mardi 14 octobre 2008 à 17:40:30 . Voici un exemple de balise ALT : <img src="images/commentcamarche. il est donc conseillé de mettre un attribut ALT sur chacune des images. lors de la conception du site web. navigant à l'aide de terminaux en braille. c'est-à-dire qu'ils ne sont pas capables d'en indexer le contenu. Il est donc impératif de choisir un titre. or ce sont généralement les autres pages qui contiennent le contenu le plus intéressant. La balise ALT est également primordiale pour les nonvoyants. une URL et des métas (etc.Les images du site sont opaques pour les moteurs de recherche. à structurer les pages en prenant en compte les conseils ci-dessus pour chacune des pages.

L'ajout de mots-clés dans les métas tags sans aucun rapport avec la page . • L'indexation intempestive de pages auprès des moteurs de recherche. La répétition de mots-clés (appelé aussi bourrage de mots-clés.Spamdexing Qu'est-ce que le spamdexing ? SuivantCloaking On définit par le terme spamdexing (en français référencement abusif) l'ensemble des techniques et méthodes abusives de référencement auprès des moteurs de recherche. en anglais keywords stuffing) . Le détournement de pages web (pagejacking) . 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 . Ainsi le spamdexing est assimilé à du spam dans la mesure où il s'agit d'une tromperie et que cela va à l'encontre de l'intérêt des internautes. Parmi les techniques souvent considérées comme du spamdexing citons les suivantes : • • • • • La mise en place de mots-clés de la même couleur que le fond de page (on parle de motsclés invisibles. en anglais invisible words . . Le spamdexing consiste ainsi à ajouter des mots-clés sans rapport avec la page et à les dissimuler aux yeux des visiteurs. L'utilisation abusive d'alias de domaine ou de sous-domaines. Dernière modification le mardi 14 octobre 2008 à 17:40:30.

voire d'être mis en liste noire (bannissement) pendant plusieurs mois. le site risque tout simplement de ne pas être indexé. En effet il est possible de repérer les robots des moteurs de recherche par la présence d'un champ User-Agent spécifique dans les requêtes HTTP qu'ils envoient et de leur fournir un contenu différent. Pour autant. si l'utilisation de cette technique est constatée par un moteur de recherche (cela leur est facile). non affichés aux visiteurs.Cloaking (dissimulation) Qu'est-ce que le cloaking ? SuivantRobots.txt Le cloaking (en français dissimulation) est une technique proscrite par les moteurs de recherche (donc à éviter). Dernière modification le mardi 14 octobre 2008 à 17:40:30. comportant des mots clés en surnombre. . consistant à générer un contenu HTML différent selon qu'il s'agit d'un visiteur ou d'un moteur de recherche.

La valeur / seule signifie "toutes les pages du site". Ainsi tout moteur de recherche commence l'exploration d'un site web en cherchant le fichier robots. La valeur * signifie "tous les moteurs de recherche".txt est un fichier texte contenant des commandes à destination des robots d'indexation des moteurs de recherche afin de leur préciser les pages qui peuvent ou ne peuvent pas être indexées.txt (écrit en minuscules et au pluriel) est un fichier ASCII se trouvant à la racine du site et pouvant contenir les commandes suivantes : • • User-Agent: permet de préciser le robot concerné par les directives suivantes. toutes les pages sont visitées) : User-Agent: * Disallow: • • • • Autorisation d'un seul robot : User-Agent: nomDuRobot Disallow : User-Agent: * Disallow: / • • • • Exclusion d'un robot : User-Agent: NomDuRobot Disallow: / User-Agent: * Disallow: .txt Le fichier robots.Robots.txt Présentation du fichier robots. Le fichier robots. Format du fichier robots.txt.txt ne doit contenir aucune ligne vide ! Voici des exemples de fichier robots. Disallow: permet d'indiquer les pages à exclure de l'indexation.txt à la racine du site.txt SuivantFidélisation Le fichier robots.txt : • • Exclusion de toutes les pages : User-Agent: * Disallow: / • • Exclusion d'aucune page (équivalent à l'absence de fichier robots. Chaque page ou chemin à exclure doit être sur une ligne à part et doit commencer par /.

html • • • • Exclusion de plusieurs page : User-Agent: * Disallow: /repertoire/chemin/page.html Disallow: /repertoire/chemin/page3.html Disallow: /repertoire/chemin/page2.html • • Exclusion de toutes les pages d'un répertoire et ses sous-dossiers : User-Agent: * Disallow: /repertoire/ Quelques User-Agents Voici quelques exemples de User-Agents pour les moteurs de recherche les plus populaires : Nom du moteur Alta Vista Excite Google HotBot InfoSeek Lycos Voilà User-Agent Scooter ArchitextSpider Googlebot Slurp InfoSeek Sidewinder T-Rex Echo Pour plus d'informations The web robots page .• • Exclusion d'une page : User-Agent: * Disallow: /repertoire/chemin/page.

un lien doit être présent en bas de la lettre afin de permettre la désinscription automatique par un simple clic. mais il n'est pas impossible qu'il finisse néanmoins par oublier son existence. L'objet de la fidélisation est de faire en sorte de satisfaire les visiteurs. D'une manière générale. La plupart des navigateurs disposent d'un raccourci clavier (CTRL+D) pour mettre un site dans les favoris (bookmarquer). à peine égale. afin de prendre en compte leurs remarques et d'améliorer le contenu ou les services à leur disposition. Favoris Les favoris (parfois appelés signets. 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. sont un moyen de mémoriser des adresses de sites web directement dans le navigateur. une déclaration à la CNIL peut être nécessaire si des informations personnelles concernant les abonnés sont enregistrées. un internaute reviendra essentiellement sur le site s'il est satisfait par son contenu et si son sentiment global est positif. De plus.Webmastering . Des études ont montré qu'il était plus profitable. qui lui est propre. Il existe un certain nombre de techniques permettant de maximiser les chances qu'un visiteur se souvienne d'un site. voire qu'ils se fassent ambassadeurs du site web en vantant ses mérites. 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. mais il ne faut pas négliger pour autant les visiteurs fidèles. Enfin. un nom caractéristique mémorisable. N'hésitez pas à suggérer aux visiteurs de mettre le site dans leurs favoris.Fidélisation des visiteurs SuivantCommunauté virtuelle Notion de fidélisation Prospecter de nouveaux visiteurs potentiels par des mécanismes de promotion est essentiel. de choyer ses visiteurs fidèles que d'en chercher de nouveaux. compte-tenu de la collecte d'information. afin de les tenir informés de l'évolution du site web et des nouveautés. N'hésitez pas à en faire un copier-coller dans un outil possédant un correcteur orthographique. Identité rémanente Un site web ayant une forte identité. une relecture complète de la lettre s'impose. Avant de l'envoyer à tous les abonnés. D'autre part. il est indispensable d'être à l'écoute des visiteurs. 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é). grâce à un look accrocheur. marque pages ou bookmark en anglais). Recommander à un ami . le destinataire doit avoir la possibilité de se désabonner par simple réponse à l'adresse indiquée. afin qu'ils reviennent. il est vivement conseillé de vérifier un à un tous les liens hypertextes de la lettre d'information. A défaut. aura de fortes chances de marquer l'esprit du visiteur. Par ailleurs. et éventuellement un logo ou une mascotte. afin de le pousser à le consulter régulièrement. Un formulaire doit permettre à tout visiteur du site de s'inscrire à ce service.

De plus en plus de sites proposent des outils permettant de faire connaître le site ou une page du site par recommandations successives. 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. 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. 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. pour mémoire. Dernière modification le mardi 14 octobre 2008 à 17:40:30. mais c'est également un moyen permettant à un internaute de s'envoyer l'adresse de la page par courrier électronique. .

La communauté risque alors de produire l'effet inverse de celui recherché. une communauté d'utilisateurs de taille importante peut être valorisante pour l'image du site. en se portant garant de leur anonymat. permettant de cerner ses objectifs. car elle procure un fort capital de sympathie et crée un sentiment de confiance chez l'internaute. La mise en place d'une « charte ». définissant les droits et devoirs des membres de la communauté et rappelant éventuellement des éléments de la nétiquette. Par ailleurs. L'objectif de la communauté est de créer de la valeur à partir des échanges entre membres. des mécanismes devront exister pour masquer leurs adresses électroniques et toute donnée à caractère personnel. des conseils ou tout simplement en débattant d'un sujet. Il est notamment important d'assurer avant tout le respect des libertés individuelles des membres. Néanmoins. A ce titre. L'objet de la modération n'est pas la censure.Communautés virtuelles SuivantStatistiques de fréquentation Notion de communauté virtuelle Le terme de « communauté virtuelle » désigne des personnes réunies via internet par des valeurs ou un intérêt communs (par exemple une passion. Néanmoins. La mise en place d'une communauté virtuelle peut être bénéfique pour un site web. car elle crée un sentiment d'appartenance chez les membres et permet de faire évoluer le site dans une démarche participative. . permet de faire partager un mode de fonctionnement. la mise en place d'une communauté doit faire l'objet d'une réflexion préalable. Néanmoins. c'est-à-dire véhiculer une image négative. afin de cadrer les échanges entre membres. mais l'amélioration de la qualité des échanges en supprimant les contributions considérées comme nuisibles à la communauté. qui n'est pas nécessairement simple à gérer. Contraintes juridiques Une communauté virtuelle peut être très productive et devenir l'emblême d'un site web. Limites La communauté se construit grâce à une appropriation de l'espace de discussion ou du site web tout entier par les membres. le fait de fédérer des individus crée de la relation et peut aboutir dans certains cas à des cyberdisputes. Ainsi il est nécessaire de baliser la communauté avec des règles de bon usage et de faire en sorte de s'assurer du respect global de la législation. un loisir ou un métier). Un site d'outillage aura par exemple tout intérêt à mettre en place une communauté de bricoleurs. Mise en place Ainsi. Il est notamment nécessaire que le thème fédérateur de la communauté soit complémentaire avec les objectifs du site web. si le périmètre de la communauté n'est pas correctement défini. De plus. Modération Le terme « modération » désigne le contrôle et le filtrage exercé sur les contributions des membres (que ce soit sur un forum de discussion ou une liste de diffusion). des scissions peuvent apparaître et cristalliser des frustrations. ce phénomène d'appropriation peut constituer un frein au changement car la moindre modification du site risque de provoquer un flot de contributions contradictoires. il est souhaitable de prévoir initialement une politique d'animation. par exemple en partageant des astuces.

les modérateurs seront d'autant mieux acceptés qu'il s'agit d'anciens membres. étant donné leur statut. une politique de modération claire et concise doit être explicitée. Toutefois. consiste à accepter par défaut toutes les contributions et à les modifier ou les supprimer après publier. Il est conseillé d'élaborer et de faire évoluer la politique de modération en concertation avec les modérateurs. Le choix des modérateurs est délicat car ils sont les garants de l'équilibre de la communauté. il peut arriver qu'un membre de la communauté n'admette pas le contrôle exercé par les modérateurs. Afin de légitimiser leur action. Dans ce genre de cas. il n'est pas rare que le membre poste successivement plusieurs critiques acerbes à l'égard des modérateurs. contribuant largement à la vie de la communauté. afin de ne pas brusquer les membres. la modération a posteriori. A l'inverse. La modération a priori consiste à valider une à une les contributions des membres en vue de leur publication. dans la mesure où ils exercent une forme de « censure ». . Par ailleurs. Les personnes chargées de la modération sont appelées « modérateur ». Les modérateurs doivent par ailleurs posséder une bonne capacité d'analyse et des qualités relationnelles. Le rôle des modérateurs est déterminant car ils sont chargés du bon déroulement des échanges entre membres.On distingue habituellement la « modération a priori » et la « modération a posteriori ». Gestion des conflits Les modérateurs sont habituellement respectés par les membres. Dernière modification le mardi 14 octobre 2008 à 17:40:30.

de stocker à chaque chargement d'une page des informations concernant le visiteur afin de les exploiter ultérieurement. sur un site web. Les études de qualification du trafic (en anglais « user centric ». on parle alors de « mesure d'audience » ou encore d'« audimétrie ». On distingue ainsi généralement deux types d'études : • • Les études de mesure de la fréquentation (en anglais « site centric ». . 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. traduisez « centrées sur le site ») . traduisez « centrées sur l'utilisateur »). notamment si les données collectées sont stockées dans un système de gestion de base de données. 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. Il lui est ainsi indispensable de disposer d'indicateurs lui permettant d'une part de mesurer l'évolution du trafic de son site web. c'est-à-dire d'accroître le nombre de visites journalières. 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é . 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 est possible. et d'autre part de qualifier son audience afin de fournir un contenu toujours plus proche de l'attente de son public. 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. 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. Pour les sites web possédant un trafic important. De plus. 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. réalisée notamment à l'aide de panels d'utilisateurs. • Le développement d'un système de statistique ad hoc.Mesure d'audience d'un site web SuivantPublicité en ligne Mesure et qualification de l'audience d'un site web L'objectif de tout webmaster est de développer l'audience de son site web. • L'utilisation d'un service de « mesure d'audience ». ce type de dispositif peut provoquer une charge du processeur importante et un fort taux d'utilisation de l'espace disque.

Mesure de la popularité Dernière modification le mardi 14 octobre 2008 à 17:40:30. Visite Une visite correspond à la consultation d'un site au cours d'une session. . Une visite n'a de sens que sur une période donnée (jour. Le nombre de visites indique ainsi le nombre de postes de travail ayant accédé au site sur une période donnée. Une page web contenant trois images correspondra donc à quatre hits.o o des serveurs proxy intermédiaires sont susceptibles de gêner le chargement du marqueur . d'une ou plusieurs feuilles de style. 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. On appelle ainsi « nombre de visiteurs » le nombre d'individus ayant consulté le site sur une période donnée. 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. de fichiers Javascript. La notion de page vue est floue car elle dépend fortement de l'architecture de chaque site internet. 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 »). La plupart des indicateurs définis ci-dessous sont issus des travaux du CESP (Centre d'étude des supports de la publicité). Ainsi ce dossier a pour ambition de donner du sens aux différents termes utilisés dans le monde de la mesure d'audience. peuvent bloquer la remontée d'informations. on parle ainsi de visites journalières. lorsqu'ils sont utilisés pour des études comparatives ou de marketing. quel que soit le nombre ou le volume des pages consultées. Il est notamment particulièrement important de bien maîtriser les définitions de chacun des indicateurs. 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). Visiteur / visiteur unique La notion de « visiteur » est à comprendre au sens d'individu. notamment les dispositifs pare-feu. semaine. les infrastructures de sécurité. notamment d'images. Or. mois). Hits Une page web peut-être composée d'un certain nombre de fichiers. hebdomadaires ou mensuelles. Est considérée comme une interruption une période d'inactivité de plus de 30 minutes. Un « hit » (en français académique « impact web ») correspond ainsi à un fichier chargé par le navigateur. etc.

au moins en France. d'être déclaré à la chambre de commerce et d'industrie. Il s'agit également d'un moyen privilégié d'assurer la promotion des services ou produits que propose votre site web. Le tableau ci-dessous récapitule les principaux formats et leur appellation : Dénomination Bandeau Bandeau avec navigation Demi-bandeau Largeu Hauteu r r 468 392 234 60 72 60 . appelées « régies publicitaires » sont généralement le point de passage recommandé pour la gestion des campagnes publicitaires. Elle s'adresse en effet aux internautes. c'est-à-dire un public idéal pour une telle campagne de promotion. grâce à la diffusion de bandeaux publicitaires (appelés aussi bannières publicitaires). que ce soit en tant que travailleur indépendant ou bien sous la forme d'une structure entrepreneuriale. Le CPM (Coût par mille) correspond à un mode de rémunération en fonction du nombre d'affichage. Mode de rémunération Il existe différents modes de rémunération : • • Le CPC (Coût par clic) correspondant à une rémunération proportionnelle au nombre de clics uniques sur les bannières diffusées. Elles représentent ainsi un intermédiaire entre les annonceurs (souhaitant diffuser une campagne publicitaire) et les éditeurs (propriétaires de sites internet acceptant de réserver une partie de leur surface d'affichage à la diffusion de bannières publicitaires). en français coût par vente) ou lead correspondant au nombre de clics de visiteurs ayant abouti à une vente. Les coûts de régie sont généralement compris entre 30% et 60%. Démarches légales Afin de pouvoir encaisser les revenus publicitaires ainsi générés. Les régies se réservent un pourcentage de la recette des campagnes publicitaires correspondant aux « coûts de régie ». Des entreprises spécialisées. ou de liens sponsorisés. sous forme graphique. Formats de bannières Il existe de nombreux formats de bannières normalisés par l'IAB (Internet Advertising Bureau).Publicité en ligne Introduction à la publicité en ligne SuivantAffiliation La publicité en ligne est un moyen permettant aux webmasters de rentabiliser financièrement leur site internet et de leur permettre de couvrir les coûts d'hébergement et de noms de domaine. La publicité en ligne se fait généralement sous forme de campagne publicitaire. il est nécessaire. 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. sous forme textuelle.

Internet AdUnit Guideline .Bandeau vertical Vignette 1 Vignette 2 Vignette carrée Micro-vignette Carré Rectangle Rectangle vertical Rectangle moyen (Medium rectangle) Rectangle large (Large rectangle) Gratte-ciel (Skyscraper) Gratte-ciel étendu (Wide skyscraper) 16/9 Demi gratte-ciel (Demiskyscraper) 120 120 120 125 88 250 180 240 300 336 120 160 320 160 240 90 60 125 31 250 150 400 250 280 600 600 180 320 Il existe par ailleurs plusieurs technologies associées à ces formats : • Le pop-up provoquant. les régies publicitaires mettent généralement en place un dispositif à base de cookies. Ce système est appelé «capping». Notion de capping Afin d'éviter aux internautes de visionner constamment la même publicité. l'ouverture de la publicité dans une nouvelle instance du navigateur. le déploiement de la bannière au sein de la page en cours. suite à un clic sur la bannière. • Le pop-under provoquant. Ce format est de plus en plus souvent bloqué par les navigateurs des internautes en raison de la gêne qu'il occasionne. du son et de vidéo dans les bannières publicitaires. Plus d'informations • IAB Interactive Marketing Standards and Guidelines . du Flash. calques (layers). suite au survol de la bannière par le curseur de la souris. permettant de limiter une campagne à un certain nombre d'affichages par visiteur. • Le rich media désignant l'utilisation du Javascript. Ce format permet de donner plus d'informations à l'utilisateur sans pour autant gêner la navigation du visiteur.

Dernière modification le mardi 14 octobre 2008 à 17:40:30. .

et un ensemble de sites de diffusion. rémunération au clic : rémunération au contact qualifié : Dernière modification le mardi 14 octobre 2008 à 17:40:30. 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.Affiliation Qu'appelle-t-on affiliation SuivantSuivi L'affiliation est une technique de vente par laquelle un site se fait distributeur des produits d'un site web marchand. appelé affilieur. Il s'agit donc d'un partenariat commercial entre un site de vente en ligne. Dans un programme d'affiliation. 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. représentant un pourcentage (de l'ordre de 10%) du chiffre d'affaires réalisé . appelés affiliés. .

Suivi du site SuivantMise à jour Nécessaire suivi d'un site web Etude comportementale L'étude du comportement des internautes sur le site peut représenter un indicateur qualitatif majeur.net" Hotbot. Veille d'indexation et de positionnement L'indexation et le positionnement d'un site web évoluent au cours du temps. il est facile de se créer un indicateur représentatif de la popularité du site.commentcamarche. Ainsi. s'il est intéressant d'où les visiteurs viennent et ce qu'ils cherchent.net" Voici des exemples ci-dessous pour le site CommentCaMarche. voire de ventes dans le cas d'un site marchand.commentcamarche.Yahoo : "linkdomain:commentcamarche.net" Altavista: "host:www.Webmastering .net" Indicateur du nombre de liens pointant vers un site selon les moteurs : • • • • Altavista : "link:commentcamarche.Lycos. permettant d'améliorer la qualité du site.net" Google : "link:www. Indicateur du nombre de pages indexées selon les moteurs • • • • Google "site:www. Ainsi. Afin d'assurer le meilleur positionnement possible d'un site web.net : • • Sur Google . il peut être également très riche en enseignement de déterminer pourquoi ils quittent le site. 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. Grâce à ce système.fr.net" AlltheWeb : "domain:commentcamarche.commentcamarche. Sur Yahoo.net" Voilà : "url:commentcamarche. mettre en place des actions correctives permettant d'améliorer son positionnement. Il est donc conseillé d'effectuer une veille régulière. permet de déterminer le nombre de sites pointant vers une adresse données (on parle de « backlinks »). Veille technologique . de popularité. 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. la commande « link: » utilisée par de nombreux moteurs de recherche.net" Voila : "anchor:commentcamarche. le cas échéant. afin de vérifier que le site est toujours bien positionné et.

outil d'optimisation du référencement Dernière modification le mardi 14 octobre 2008 à 17:40:30. indicateur de popularité indépendant LinkPopularity Outiref. l'équipement des internautes s'améliore également au fur et à mesure des années. De plus. . Il est important de se tenir informé afin de faire évoluer son site avec les nouveaux standards en la matière. Ainsi. Enfin l'accès à internet des particuliers de Plus d'information • • • VUmetrix.Les technologies de l'internet évoluent à toute vitesse. 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.

Maintenance et mise à jour d'un site web 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. . Dernière modification le mardi 14 octobre 2008 à 17:40:30. Le risque est d'autant plus grand que les liens pointent vers des sites extérieurs.Webmastering . on parle alors de liens brisés ou liens cassés. 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).

Sign up to vote on this title
UsefulNot useful