Electron mon Amour - créer sa page web 2/2

comment et quand faire connaitre votre site.

quand?

Divers sites sur le web (Xavier Cotton par ex, mais aussi cette page: voir logo ci-dessus) disposent de liens vous permettant d'accéder à un référencement auprès des principaux moteurs de recherche d'un seul coup. Mais ne vous pressez pas trop. Le propre d'un site web c'est d'être évolutif et il y a fort à parier que vous ne serez pas entièrement satisfait de la première mouture de votre site ouverte sur le monde, et même qu'il comportera quelques erreurs. D'ailleurs vos premiers lecteurs (souvent des proches informés par le téléphone arabe ou plus modernement par email) seront souvent critiques (et ils doivent absolument l'être). Ce qui vous amènera à remanier peut-être très fondamentalement votre site pendant quelques semaines. Attendez donc que le site soit stabilisé avant de lancer la procédure de référencement, procédure qu'il vaut mieux ne pas répéter tous les mois sous peine de vous retrouver dans les profondeurs des classements et donc d'avoir perdu votre temps.

Ce qu'il faut savoir du référencement:

Votre site doit avoir un nom bien choisi car c'est lui qui va apparaitre dans certains annuaires en premier. Chaque page de votre site doit en outre comporter :

. un titre (entre 50 et 80 caractères espaces compris c'est bien)

. une description (phrase de 255 caractères maxi)

. et des mots-clés (255 caractères, et parfois plus, sont admis)

Ces trois informations sont fréquemment exploitées par les robots qui vont analyser votre site pour le classer dans la base de données du référenceur. Tous les annuaires n'utilisent pas l'ensemble de vos informations, mais il vaut quand même mieux que vous les prévoyiez (plutôt que ce soit le robot qui définisse automatiquement et arbitrairement le contenu de votre site).

Ainsi le début du code source de votre page d'accueil pourrait être du style ci-dessous:

<head><title> page d'accueil</title>

...

Dans l'exemple ci-dessus (évidemment stupide : n'appelez jamais votre page d'accueil "page d'accueil") nous n'avons fait figurer que les lignes du début que le moteur de recherche indexera. Il y a d'autres informations dans l'en tête (head). Notez qu'il est facile avec dreamweaver de savoir si l'on a ou non précisé le titre du fichier car c'est affiché en haut de la fenêtre d'édition comme le montre la figure ci-dessous qui montre le titre ici electron mon amour - accueil, et le nom du fichier et son emplacement dans votre répertoire ici pc/pc_8.htm.

Ainsi, si vous n'avez pas fourni de description de votre site dans votre page d'accueil, le robot va prendre la première phrase de votre page, qu'il va d'ailleurs tronquer à 255 caractères , ou moins parfois. Et ça peut donner des résultats surréalistes tel celui-ci repris au hasard auprès du moteur de recherche AltaVista : la requête était capteurs instrumentation et la réponse numéro 90 se présente ainsi:

90.disciplines

Les sections Electronique, Electrotechnique, Automatique. La section Electronique. Président: Pascal Fouillat, Secrétaire: Daniel Barbier. La ...

C'est caractéristique d'une page web qui ne comportait aucun titre significatif , ni description, ni mots-clés. disciplines est issu du nom du fichier qui s'appelait sans doute disciplines.htm et qui a été repris par le rédacteur du fichier comme titre. Ce qui était peut-être significatif pour lui mais pas du tout pour un internaute lambda. Ensuite le robot a relevé dans leur ordre d'apparition les premiers mots de la page qui étaient des titres de rang 1 pour Les sections...de rang 2 pour La section Electronique. etc. Et l'information, qui figure sans doute plus loin dans la page, et qui permettrait de comprendre pourquoi ce site arrive dans le classement des sites capteurs instrumentation, n'apparait évidemment pas sur votre écran ce qui ne vous incite pas à aller y voir de plus près.

A contrario je citerai un autre exemple : à la même requête capteurs instrumentation un moteur nous affichera

3.electron mon amour - accueil un ensemble de documents et d'outils destinés à l'étudiant, technicien, ingénieur futur chercheur ou simple utilisateur des technologies nouvelles pour comprendre l'électronique et la physique fondamentale, mieux gérer son PC, tout connaître sur les capteurs et l'instrumentation scientifique, apprendre à gérer sa recherche, rédiger un rapport de résultats et l'exposer oralement, et même un séminaire sur l'ozone.
chercheur, électronique, physique des matériaux, microordinateur, architecture, msdos, window98/../XP, capteurs, instrumentation, technologie, traitement_du_signal, transmission, composants, ampli_op, conversions_NA_et_AN, microprocesseur, FPGA, biomédical, pression, humidité, température, capteurs chimiques, radioactivité, automobile intelligente, effet hall, image, fibre optique, ozone, solaire

La première ligne montre que le site était classé 3ème par ordre de pertinence vis à vis de la requête, que le titre de la page d'accueil <electron...> est assez explicite sur le contenu, ce que la phrase de description <un ensemble ...> confirme sans ambiguité. Bien évidemment tous les moteurs de recherche ne l'afficheront pas en entier, certains la tronqueront à la fin de la seconde ligne. En outre dans la suite du fichier HTML on trouve les mots clés du site et en particulier capteurs instrumentation dans cet ordre. Pour vous convaincre de l'intérêt de ces meta lignes revenez en arrière sur la page d'accueil du site (http://perso.orange.fr/michelhubin/index.htm), sauvegardez la avec Internet Explorer et si vous n'avez pas d'éditeur HTML ouvrez là tout simplement avec wordpad, vous aurez le code source de la page. C'est bien plus informatif que trois pages de baratin.

Notez que si la requête avait été instrumentation capteurs ce site aurait aussi fait partie de la sélection, mais il n'aurait pas été classé en aussi bonne position car les deux mots clés auraient alors été dans l'ordre inverse de la requête, de même si la requête avait été capteurs et instrumentation le site aurait été classé très loin dans la hiérarchie car le mot et ne figure pas dans les mots clés du site. Pensez à cela lorsque vous allez vous même faire une recherche sur internet : les moteurs de recherche sont encore primitifs. Mais ça s'améliore, en particulier Google est capable aujourd'hui de répondre a peu près correctement aux trois requètes précédentes.

Si je n'avais indiqué un titre et une description dans ma page d'accueil le résultat aurait été que le robot aurait donc recopié le texte rencontré à partir du haut de la page d'accueil (qui ne comportait dans sa version initiale avant insertion dans le site aucun texte) et nous aurions alors obtenu le résultat suivant

3478. no titel (avec la faute d'orthographe)

###visiteurs depuis le 15/11/1999. Avertissement à lire absolument jusqu'à la fin de la page...

ce qui était le début du texte de la page suivante, et vous ne seriez pas en ce moment même en train de lire ce paragraphe.

Enfin notez que l'inscription dans un annuaire est très simple, mais elle ne prend pas effet immédiatement en ce qui concerne les moteurs de recherche.

Le plus souvent il faudra deux ou trois jours pour que votre site soit effectivement enregistré dans la base d'annuaire sous le nom que vous avez éventuellement fourni lors de l'inscription.

Mais cela ne signifie pas que les moteurs de recherche vont avoir la possibilité de trouver votre site lors d'une requète. Pour cela il faut que les robots du référenceur analysent votre site et qu'ensuite des spécialistes humains complètent le travail à partir de l'analyse automatique pour alimenter une base de données sophistiquée

Ainsi si vos titres, descriptions et mots clés sont bien précis le robot fournira un rapport d'analyse qui allèchera le spécialiste, lequel ira alors voir votre site à fond et vous pourrez être référencé avec un très bon classement dans la liste (et donc une certaine probabilité que des internautes visitent votre site). Si vous êtes le 32567ème sur la liste personne n'aura jamais le courage de balayer la liste jusqu'à ce niveau et votre site restera dans les profondeurs du classement du hit parade des sites les plus lus.

A propos des outils de recherche notez encore ceci : Une étude menée, en automne 2002, par le site iProspect sur le comportement des internautes américains sur les outils de recherche révèle que plus de 56% des usagers du Web abandonnent leur recherche après la deuxième page de résultats. Pour les trois-quarts d'entre eux, la première page de résultats est essentielle. 16% des sondés ne lisent la page de résultats que par bribes tandis que 32% la lisent entièrement. Donc si vous n'êtes pas dans les deux premières pages de résultats votre site ne sera trouvé que par très peu d'internautes, car les internautes francophones ne sont pas différents des américains dans leur comportement.

Le travail du spécialiste d'analyse de votre site ne prend effet qu'au bout de 3 semaines à 3 mois selon les moteurs de recherche, et il est grandement facilité si vous avez respecté les consignes précédentes.

Mais notez que certains moteurs de recherche analysent votre site complètement, c'est à dire mot par mot, et si vous citez un mot très peu employé ou d'un vocabulaire très spécialisé il sera indexé. A titre d'exemple reprenons le site que je connais le mieux, c'est à dire celui que vous lisez en ce moment même. Dans la partie du traité sur l'électronique, il y a un chapitre qui traite de la fabrication des composants électroniques, et dans une phrase j'explique que dans une phase de dessin on utilise un coordinatographe. Lors de la création du site en 2002 le mot n'apparaissait alors qu'une seule fois sur ce site comportant alors un peu plus de 30Moctets, et sans commentaires particuliers (ce n'est plus vrai évidemment aujourd'hui). Quelques mois plus tard, j'ai fait une recherche sur internet pour trouver une photo de coordinatographe afin d'illustrer cette partie de mon développement qui me semblait insuffisamment explicite. J'ai trouvé 4 sites avec ce mot de coordinatographe dont le mien! Impressionnant, non?

les liens croisés

Une autre méthode pour être lu consiste à identifier le(s) site(s) qui propose(nt) de multiples liens sur un thème précis (le votre évidemment), puis à contacter le webmaster de ce(s) site(s) et lui fournir votre adresse en lui demandant de jeter un oeil sur votre site. Si celui-ci rentre bien dans la thématique de cette personne, elle créera un lien pointant sur votre site, et bien sûr, comme vous êtes bien élevé et intelligent, vous ferez de même et créerez un lien vers son site quelque part dans le votre. Et ainsi votre potentiel de lecteurs augmentera sensiblement, d'autant plus que le site que vous avez repéré est lui très bien classé et possède une certaine ancienneté (et notoriété). Tout le monde y gagne : vous des lecteurs qui ne vous auraient jamais trouvés, et lui car en augmentant sa palette de liens il montre que son site est vivant et donc qu'il faut régulièrement le consulter.

mises à jour

Beaucoup de sites sur le web sont statiques. Ils ont été créés, puis leur créateur les a abandonnés et n'a pas jugé bon de les mettre à jour, voire de les supprimer s'ils n'avaient plus lieu d'être. On trouve ainsi des sites qui annoncent une manifestation qui "aura lieu" en ... 1997. D'autres dont le rédacteur annonce en début de page qu'ils sont en construction et... depuis 3 ans, il ne s'est strictement rien passé de nouveau sur ces sites.

Il faut mettre votre site à jour régulièrement, pour le dépoussiérer et indiquer sur le haut de la page (ou le bas si vous préférez, mais ce sera moins lu) la date de la dernière mise à jour. Ca sert pour certains moteurs de recherche pour mettre à jour eux-mêmes votre indexation, ça vous permet aussi de vérifier quels sont les moteurs les plus sérieux (quand vous faites un test et que vous constatez que votre site est référencé avec date de dernière mise à jour 4 janvier 2004 et que vous avez procédé à 3 mises à jour importantes depuis cette date soit près de 7 ans plus tard vous pouvez très justement vous interroger sur l'efficience dudit moteur de recherche, pourtant l'un des plus connus : Altavista en l'occurence).

Notez que vous pouvez fournir au robot qui analyse votre site une information concernant la fréquence des mises à jour de celui-ci. Ainsi si votre site rapporte chaque semaine les résultats du championnat de France de Football vous pouvez indiquer que vous souhaitez que le robot indexe votre site toutes les semaines ce qui donne les deux lignes suivantes à inclure dans la zone head du code source

<meta name="robots" content="index,follow">
<meta name="revisit" content="7 days">

les statistiques

compteurs

Un certain nombre d'hébergeurs proposent de vous fournir des statistiques de fréquentation. Une première information peut être obtenue par le moyen de compteurs judicieusement placés sur les pages qui vous semblent à surveiller. A titre d'exemple DevParadise vous en fournit 100 au maximum et personne ne vous interdit d'introduire en outre les votres personnels si vous savez programmer un tant soit peu. Cela vous permet de savoir combien de personnes ont vu telle ou telle page de votre site.

Voici à titre d'exemple un type de compteur fourni gratuitement en 2002 par devparadise.com

<img src="http://www.devparadise.com/cgi-bin/counter.pl?ID=ici figurera votre numéro d'identification&num=01NBD=4&C=y&Type=a" align="absmiddle">

et voici le résultat visible sur votre site

Il faut évidemment vous enregistrer chez eux pour bénéficier de ce service, c'est à dire obtenir un numéro d'identification et choisir le type de compteur, ici on avait choisi le type a et défini qu'il devait avoir 4 chiffres (NBD=4). Il suffit alors de recopier cette ligne < > dans le code source pour bénéficier de votre comptage de visiteurs. Le compteur peut être initialisé à autre chose que zéro et vous pouvez le remettre à zéro quand vous voulez. Mais ne le démarrez pas à 156147 comme le font nombre de sites commerciaux, ça ne trompe que les gogos.

Actuellement la plupart des fournisseurs d'hébergement sont à même de vous fournir aussi des compteurs gratuits, mais parfois ceux-ci sont un peu limités car insuffisamment configurables. En outre il faut se méfier car beaucoup de compteurs sont associés à des cookies publicitaires qui vont polluer votre site. C'est pourquoi on peut exploiter préférentiellement la banque de compteurs de FreeCompteur.com qui en a plusieurs centaines en stock que l'on peut initier à une valeur quelconque et qui peuvent être configurés aussi bien pour compter le nombre de visiteurs que le nombre de pages vues ou le nombre de visiteurs en ligne simultanément et être visibles ou invisibles, et ne génèrent pas encore de publicité indésirée.

Il convient cependant de noter que jamais un compteur ne vous indiquera le nombre réel de visiteurs et ceci pour plusieurs raisons :

la première est que pour qu'un compteur fonctionne il faut plusieurs éléments : en premier lieu que la connexion entre la page de votre site et votre visiteur dure suffisamment de temps pour que le compteur soit activé.
la seconde condition est qu'il faut que l'organisme de comptage soit lui-même en ligne
la troisième condition est qu'il faut que la connexion ne soit pas réinitialisée entre temps (ce qui se produit de plus en plus fréquemment)
la quatrième condition est que votre visiteur doit avoir accepté les cookies car c'est par le biais d'un cookie que l'organisme de comptage va effectivement comptabiliser vos visiteurs
enfin il faut que le visiteur passe par la page où se trouve le compteur (et fréquemment les compteurs sont placés sur la page d'accueil du site, mais les moteurs de recherche vous envoient la plupart du temps des visiteurs directement sur une page du site qui n'est pas celle d'accueil mais celle correspondant à la requète. Et si ledit visiteur n'est pas curieux, ce qui est majoritairement le cas, il n'aura pas idée d'aller voir votre page d'accueil et ne sera donc pas comptabilisé.
le seul organisme qui peut vous donner le renseignement exact concernant vos visiteurs est l'hébergeur de votre site puisque lui par définition doit recevoir la requète de connexion et peut donc la comptabiliser sans avoir la nécessité d'user d'un cookie. Personnellement il m'arrive un peu avant 24h d'aller sur le site d'Orange pour contrôler le nombre de visiteurs du jour et le lendemain je compare avec les chiffres que m'annonce Xiti. Ca me permet de savoir qu'environ 15% des internautes refusaient les cookies en mars 2008 car l'écart entre les deux chiffres était effectivement régulièrement proche de 15%.

statistiques détaillées

La deuxième analyse est souvent plus fouillée et vous indique le nombre de visiteurs à telle heure , ou le nombre de pages lues depuis une semaine, etc. Weborama fournit gratuitement une étude statistique très complète qu'il est possible de consulter à chaque instant et de sauvegarder ou d'imprimer comme n'importe quelle page web.

à titre d'exemple voici un extrait du rapport hebdomadaire fourni par Weborama:

D'autres statistiques sont disponibles, telles les catégories socio-professionnelles de vos visiteurs (mais c'est partiel puisque tous les visiteurs ne remplissent pas les questionnaires de sondage).

Mais il y en a bien d'autres possibles concernant les navigateurs employés, les types d'écran de vos visiteurs, le nombre de page vues par heure...des histogrammes sont aussi disponibles, parfois. Divers organismes peuvent vous fournir plus ou moins gracieusement ce type d'information. A titre personnel nous exploitons tout particulièrement les statistiques fournies par

qui nous semblent les plus professionnelles et ne génèrent pas de publicité indésirable. Xiti vous établit un véritable tableau de bord de la fréquentation quotidienne de votre site avec de multiples diagrammes d'une grande clarté.

Ci-dessus un exemple de graphique présentant le nombre de visiteurs pendant une semaine et un autre leur répartition par continent pour une journée donnée, bien sûr on peut obtenir des graphiques détaillés continent par continent et pour la France région par région, de même qu'on dispose du nombre de pages vues, de la fréquentation horaire, des sources d'entrée sur votre site, les requètes qui ont permis au visiteur de vous trouver, des analyses concernant les équipements de vos visiteurs, etc... Mais comme il est dit plus haut tous les visiteurs ne sont pas comptabilisés. A titre indicatif j'utilise aussi le service d'un organisme non basé en France pour comptabiliser les visiteurs exclusivement sur la page d'accueil, dont l'intérêt théorique est de faire figurer ces visiteurs sur une carte planétaire. Le résultat est très significatif. Ainsi 7600 visiteurs sont passés par la page d'accueil entre le 1er janvier et le 31 mars 2008 (contre 136000 visiteurs pour l'ensemble du site) soit environ seulement 6%. Les résultats sont semblables pour Xiti.

Donc la seule solution si l'on veut réellement avoir un résultat de fréquentation significatif est d'utiliser, par exemple, un marqueur sur chaque page du site et si l'on souhaite des stats détaillées un marqueur différent pour chaque page. C'est ce qui est fait sensiblement sur ce site et me permet donc d'avoir une vue assez exhaustive des pratiques des internautes. Ainsi sur la durée significative d'un trimestre on voit que seuls 6% des visiteurs passent par la page d'accueil alors que l'analyse fine de Xiti montre que 24% des 136000 visiteurs sont des nouveaux visiteurs arrivant sur le site par le biais d'un moteur de recherche et n'ont donc pour la plupart (au moins les 3/4) pas eu la curiosité d'aller voir la page d'accueil. Et si je n'avais mis qu'un compteur sur la page d'accueil j'ignorerais l'existence d'environ 129000 visiteurs!

classement

La troisième information est de type comparative, c'est votre classement journalier ou global par nombre de pages lues par rapport aux autres sites pris en compte dans le classement.

Soit c'est le provider qui établit ce classement à partir des statistiques des sites qu'il gère,

soit cest un organisme indépendant qui vous classe par rapport à son propre compteur que vous avez introduit sous forme d'un marqueur sur votre page d'accueil et éventuellement sur chacune des pages de votre site. La multiplication des marqueurs n'augmentera pas artificiellement le nombre de vos visiteurs, mais vous garantira qu'ils seront tous comptabilisés (ou presque). En effet si vous vous contentez de placer un marqueur sur votre page d'accueil vous n'allez comptabiliser que les visiteurs de votre site qui passent par la page d'accueil. Mais si, tel Electron mon Amour, votre site comporte diverses rubriques certains visiteurs aiguillés par un moteur de recherche arriveront directement sur la page qui les intéresse et ne passeront jamais par votre superbe page d'accueil. Dans ce cas ils ne seront jamais comptabilisés, c'est pourquoi je place un marqueur sur chaque page avec éventuellement un code spécifique permettant des statistiques détaillées page par page (ou rubrique par rubrique)

Ci-dessous un exemple

<a target=_blank href="http://www.hit-parade.com/hp.asp?site=annnnn%20"> dans lequel annnnn serait votre identifiant à 5 chiffres fourni par hit-parade.com auquel sera associée une image gif

très discrète.

derniers conseils de conception

Dans ce dernier paragraphe nous nous plaçons toujours du point de vue du visiteur de votre site. Après avoir examiné avec beaucoup d'attention les remarques et critiques que nous ont fait parvenir de nombreux internautes, visiteurs du site que vous êtes en train de lire, nous avons rectifié quelques erreurs et nous allons vous faire part des éléments importants qu'il convient de prendre en compte si vous voulez que votre site soit vu intégralement et surtout revu. Nous supposons a priori que votre site est ou sera volumineux, c'est à dire que vous avez réellement quelque chose à dire, et c'est dans ce cas qu'il est important de bien le dire.

taille des fichiers

Un fichier web peut être très court ou au contraire gigantesque. En pratique ce qui importe c'est le temps de chargement pour l'internaute moyen. Si vous utilisez un logiciel tel Dreamweaver pour créer vos pages web, vous avez la chance d'avoir un indicateur qui vous affiche en permanence, non la taille de votre fichier HTML, mais la taille de l'ensemble du fichier et des fichiers associés qui seront chargés avec lui (c'est-à-dire ce qu'on appelle une page html), d'une part, et d'autre part le temps de chargement estimé avec un modem à 28.8kBds. Ceci est une information d'une extrême utilité. En effet le temps réel de chargement n'est pas la somme des temps de chargement de chaque fichier séparément et n'est pas non plus exactement proportionnel à la taille globale de l'ensemble, et il dépend en outre d'un facteur totalement imprévisible qui est l'encombrement des lignes c'est à dire le chemin emprunté par les divers paquets constituant cet ensemble à télécharger, sachant que chaque paquet dans le cas le plus défavorable va emprunter des chemins différents. Faites en sorte que le temps de chargement "estimé" de cet ensemble reste inférieur à 30s, en gardant toujours en mémoire que 30s ça parait très long quand on attend la fin d'un téléchargement, et qu'en pratique même avec un modem rapide, une ligne ADSL, voire une fibre optique on ne dépasse en moyenne que très rarement cette vitesse de 28kBds sur internet. On peut même affirmer que la réalité aux heures de pointe est souvent plus proche de 9-10kBds et parfois beaucoup moins, en effet votre ligne peut supporter 5Mbits par seconde, mais vous devez la partager avec d'autres internautes et si une portion de la liaison entre vous et le serveur est partagée entre 1000 internautes la vitesse moyenne sera ramenée à 5Kb/s.

La seconde raison qui milite en faveur d'une limitation de la taille du module (ensemble des fichiers liés d'une page) c'est la mémoire du PC de votre lecteur. Nombre d'internautes ne sont pas conscients que la mémoire de leur machine est limitée et qu'au fur et a mesure qu'ils zappent sur internet la mémoire disponible se réduit parce que, par ci par là, des programmes en consomment et ne la remettent pas à disposition quand ils ne sont plus actifs. Le résultat c'est que votre belle image ne pourra être affichée et que votre lecteur croira que vous avez omis de mettre le fichier image sur votre site.

J'en tire trois conseils :

Premièrement en tant qu'internaute lorsque manifestement il y a un cadre image et que l'image ne s'affiche pas automatiquement (si dans la ligne de message en bas d'internet explorer vous voyez "terminé" et que une ou plusieurs images ne sont pas apparues) cliquez sur l'image avec le bouton droit de la souris et ensuite sur "afficher l'image", c'est parfois efficace.

Deuxièmement si l'image ne s'affiche toujours pas, personnellement je commence par me dire qu'il serait peut-être temps de faire un reset, ça va souvent beaucoup mieux ensuite.

Enfin en tant que webmaster, ajoutez toujours un commentaire à votre image pour le cas où justement elle ne s'afficherait pas sur le PC de votre visiteur (<img src="image.jpg" title="c'est une image géniale de moi aux sports d'hiver"> ainsi avant que l'image ne s'affiche votre visiteur pourra voir "c'est une image géniale..." et au moins si elle ne s'affiche pas il aura une idée de ce que vous vouliez lui montrer.

La conséquence fondamentale c'est qu'un fichier trop important devra être découpé en plusieurs plus petits. C'est ce qui a effectivement été fait sur ce site, (et qui continue à l'être régulièrement) où après avoir écrit, sans contrainte, les divers chapitres je les ai redécoupés pour que leur temps de chargement estimé reste raisonnable et n'obère pas la mémoire du PC du lecteur.

figures:

Chaque fois que c'est possible mettez à disposition de l'internaute deux versions de vos images, une miniature qui s'affichera automatiquement et une version agrandie qui ne s'affichera qu'à la demande de l'internaute. Plusieurs procédés sont à votre disposition pour cela, ayant des avantages et des inconvénients:

en cliquant sur la miniature vous ouvrez l'image agrandie dans une nouvelle fenêtre de dimension adaptée à l'image: intérêt votre fichier principal reste ouvert sur l'autre fenêtre, inconvénient si votre lecteur est en manque de mémoire ça risque de planter si votre image est trop grande. En effet dans cette procédure, que j'utilise fréquemment, la taille de la fenêtre qui va s'ouvrir va être conditionnée par 2 paramètres, d'une part la taille de l'image elle même et d'autre part celle de l'écran. Ainsi si l'image fait 1280x960 pixels et que l'écran ne peut afficher que 1024x768 pixels l'image sera automatiquement redimensionnée pour occuper l'espace disponible, mais n'oubliez pas que ce redimensionnement sera effectué par l'ordinateur de votre visiteur et donc que la place occupée en mémoire correspondra à 1280x960 et non à l'image affichée. En outre certaines versions anciennes d'internet explorer (antérieures à 6.0) ne savent pas afficher correctement votre image dans une fenêtre adaptée. C'est malgré tout l'option que je préfère.

vous ouvrez l'image agrandie dans la même fenêtre à la place du fichier principal, ça mange moins de mémoire mais il faudra recharger le fichier principal ensuite à partir du cache de Firefox ou d'Internet Explorer ce qui peut prendre du temps. En outre si vous utilisez des cadres il y a risque de problèmes.

vous ouvrez l'image agrandie dans la même fenêtre que le fichier principal mais en superposition de celui-ci. C'est une technique très astucieuse que peu de sites exploitent car il faut écrire une vingtaine de lignes en javascript ce que tous les webmasters ne savent faire. Je n'ai pas utilisé cette technique sur ce site scientifique, mais je l'avais employée sur un autre beaucoup plus photographique ce qui permettait de mettre des miniatures quasiment au format icônes qui s'agrandissent automatiquement en glissant la souris dessus.

Bien évidemment choisir avec soin le format de votre image jpg ou gif en tenant compte du rapport qualité/nb de koctets. Notez aussi que ce qui compte dans le temps de transfert ce n'est pas l'aspect affiché mais la taille de l'image, ainsi indiquer dans votre fichier html que telle image sera affichée à 30% de sa taille est stupide car c'est l'image à 100% qui sera transmise. Il est donc préférable que vous redimensionniez votre image avant de l'introduire dans votre site.

Habillage:

Beaucoup de concepteurs de sites se font plaisir en truffant leur page d'accueil d'une multitude de gadgets qui font bien. Un site lu n'est pas celui qui a le look le plus compliqué, mais celui qui se charge vite et dont la clarté saute aux yeux. Donc limitez les cliparts jolis mais inutiles, et les gif animés grandioses au strict nécessaire.

Le choix des fonds est aussi très important. Un fond blanc est lisible mais tristounet, un fond de couleur doit être choisi de telle sorte qu'il ne soit pas trop agressif et ne fatigue pas la vue du lecteur, donc proscrivez les images complexes. Pensez aussi qu'un fond de grande taille va mettre beaucoup de temps à se charger, à la différence d'une couleur uniforme qui, quelle qu'elle soit, représente le même petit nombre d'octets dans votre fichier html. Si vous souhaitez cependant un fond non uniforme choisissez une image de petite taille (format timbre-poste) qui telle un papier peint pourra se raccorder à l'affichage sans qu'on en distingue les limites. Certains sites spécialisés vous proposent de tels fonds.

Et n'oubliez jamais que vous êtes le seul à voir exactement ce que vous avez voulu réaliser. Tous les autres internautes, outre une vue qui leur est propre, disposent d'un écran différent du votre, aussi bien en taille réelle, qu'en réglages de luminance, contraste, etc. Et le joli bleu dont vous êtes si fier sera peut-être un vert pisseux à l'arrivée. A titre personnel j'ai eu la chance de disposer simultanément au laboratoire, à mon domicile et chez quelques proches, d'une panoplie de 15 machines différentes, et sur une image test transmise via internet sur ces 15 machines (et photographiée sur place avec une mire couleur de contrôle collée sur l'écran pour tenir compte des conditions d'éclairement et le même appareil numérique afin de faire une vraie comparaison photométrique) j'ai pu obtenir très exactement 15 résultats différents dont certains vraiment très différents!

Navigation:

Sur un site comportant de nombreuses pages le problème de navigation ne doit pas être négligé. Essayez de proposer plusieurs procédés de navigation. En effet chaque internaute va avoir ses préférences et utilisera l'un plutôt que l'autre. Mais ici encore pensez à la taille mémoire. Un procédé couramment employé consiste à utiliser des menus pop ups : en cliquant sur un mot-clé, une image, une icône on va ouvrir une nouvelle fenêtre de dimensions réduites adaptée à ce que l'on veut afficher. Dans cette fenêtre on pourra afficher une image (souvent un agrandissement), parfois un fichier texte et, quelquefois, on exploitera ce procédé pour ouvrir un nouveau menu. C'est une technique courante et pratique puisqu'on peut positionner la nouvelle fenêtre où l'on veut, lui donner une taille précise, s'en servir pour afficher une vidéo ou lancer un fichier sonore...Cependant il y a une difficulté. De nombreux sites commerciaux, en particuliers pornographiques, abusent de cette technique pour vous "asphyxier" littéralement avec des publicités que vous n'avez absolument pas souhaitées. Et, de plus en plus d'internautes se protègent contre ces indésirables en interdisant tout simplement l'affichage des menus pop ups sur leur machine. En conséquence, si vous utilisez la technique pop up à des fins non répréhensibles et uniquement "pratiques" il vous faut l'indiquer afin que l'internaute lisant votre site désactive si nécessaire la fonction de blocage des pop ups. L'expérience montre en effet que tous n'ont pas ce réflexe et que nombreux sont ceux qui se contentent de penser que votre site ne "fonctionne pas". Ainsi le navigateur internet explorer version 6.0 sous XP va vous afficher le message suivant "pour vous aider à protéger votre ordinateur, Internet explorer a restreint l'affichage du contenu actif de ce fichier qui pourrait accéder à votre ordinateur. Cliquez ici pour afficher plus d'options.." Et si vous cliquez vous avez alors le choix d'autoriser le contenu bloqué".

Enfin n'oubliez pas qu'il existe plusieurs navigateurs sur le marché. En particulier les utilisateurs de linux et de très nombreux étudiants vont préférentiellement utiliser Firefox de Mozilla qui est souvent très rapide à l'affichage. Cependant Firefox n'est pas Internet Explorer et il peut arriver que certaines lignes de code ne soient pas interprétées exactement de la même façon dans les deux navigateurs, ce qui vous obligera à modifier votre code pour obtenir le bon résultat. Il n'est pas nécessaire de prévoir deux versions différentes, mais seulement de faire preuve d'une plus grande rigueur et de tester toujours vos pages dans les deux navigateurs.

compteur de temps:

Un petit plus que vous pouvez mettre à la disposition de vos lecteurs, c'est un compteur leur indiquant le temps qu'ils ont passé sur votre site. A condition qu'il soit bien conçu et/ou bien placé, c'est à dire opérationnel dès l'instant de connexion et jusqu'à la fin. Notez que s'il est sur une page et que celle-ci est temporairement fermée il y a de forte chance pour qu'il soit lui aussi remis à zéro (cas d'un affichage d'une image agrandie dans la même fenêtre à la place du fichier principal par ex.). Si cette technique vous intéresse, je peux vous transmettre par mail les quelques lignes de code correspondantes.Il faut que le menu de gauche soit constamment présent quelle que soit la page du site ouverte, ainsi ce compteur est significatif pour l'ensemble du site

Par contre, dans la page que vous lisez en ce moment, il n'indiquera que le temps passé à lire cette page et si après l'avoir lue vous allez sur une autre page et que vous revenez ensuite sur celle-ci vous constaterez alors que le compteur de temps est remis à zéro. L'analyse du code javascript placé dans l'entête, partiellement en allemand car écrit avec une amie d'outre-Rhin, devrait vous permettre d'en faire autant. Attention pour que le compteur fonctionne il faut dans la ligne body en déclarer le lancement.

fig montrant l'affichage de l'heure, de la date et du temps écoulé depuis la connexion sur la page et un ex de résultat sur un site ancien

Sur le site du CHENE, le triple compteur figurant dans le cadre de gauche était initialisé dès l'instant de chargement du code (à ne pas confondre avec son affichage qui peut fort bien se produire trente secondes plus tard si votre ligne est particulièrement lente) et continuait à fonctionner lors de votre navigation dans tous les modules du site. Si , dans ce site on voyait le compteur du bas se remettre à zéro cela signifiait que l'on avait demandé le rechargement de la page du cadre de gauche dans lequel se trouvait le compteur ce qui normalement ne devait pas se produire. Sur la démo qui est ici vous pouvez évidemment très facilement remettre le compteur à zéro en cliquant sur le bouton actualiser de votre navigateur.

Un dernier détail : nombre d'internautes vont vouloir connaitre le code de ce compteur et pour cela demander à leur navigateur d'afficher le code source de la page. Las, leur navigateur n'est pas assez fûté pour comprendre que le code source qui vous intéresse n'est pas celui de la page (fichier info.htm ainsi que l'affiche peut-être votre navigateur) mais le seul cadre de droite dans lequel se trouve le compteur. Alors comment faire? C'est simple vous enregistrez la page et ensuite vous allez dans le répertoire ou vous l'avez enregistré. Normalement vous devez trouver un fichier info.htm et un sous répertoire qui s'appellera info_fichiers et dans ce sous répertoire vous allez trouver un fichier qui s'appellera sans doute pc_0.htm que vous ouvrez dans votre navigateur ou dans un éditeur html et vous aurez alors accès au vrai code source. Accessoirement vous aurez aussi dans un autre sous répertoire les clés pour réaliser des menus déroulants, puisque le menu déroulant de cette page web sera lui aussi sauvegardé avec les fichiers javascript ad hoc.
Notez que si vous ouvrez le fichier info.htm avec un simple éditeur de texte tel wordpad vous aurez le code source de ce fichier, lequel vous permettra de comprendre comment sont définis les cadres de la page que vous êtes en train de lire et quels sont les noms des fichiers qui sont dans ces cadres.

Pensez-y la prochaine fois que vous tomberez sur le net sur une page complexe semblant utiliser une ou des idée(s) qui vous intéresse(nt) mais que vous ne savez pas mettre en forme, la procédure que je vous indique ici peut vous aider grandement à développer un site performant en n'ayant pourtant aucune connaissance (ou presque ) en programmation mais en récupérant des bouts de programme écrits par d'autres et les adaptant à votre site.

Actualisation :

Un problème récurrent sur internet est celui de l'actualisation des pages web. Vous êtes contraints d'actualiser une page si les informations qu'elle contient le nécessitent, mais vos visiteurs ne le savent pas et très peu d'entre eux auront lors d'une seconde ou énième visite de votre site le réflexe de cliquer sur le bouton "actualiser la page", le résultat c'est qu'ils visualiseront la page qu'ils avaient enregistrée auparavant, c'est à dire dans la plupart des cas jusqu'à 20 jours plus tôt (par défaut internet explorer conserve les infos du cache pendant 20 jours! mais ce peut être jusqu'à 99 jours). Pensez donc à mettre un message permanent leur rappelant la nécessité d'actualiser le contenu de leur mémoire cache.

Une solution radicale existe pour régler ce problème. Cela consiste à interdire l'enregistrement de vos pages web dans le cache. Il suffit pour cela de deux lignes placées dans la section <head> de votre code source.

Nous enrichirons cette rubrique en fonction de vos remarques.

Le chapitre suivant revient sur le monde d'internet, vu, non plus du point de vue du créateur de site, mais de l'utilisateur.

	© 2000-2015 LHERBAUDIERE 10 pages à l'impression		dernière mise à jour 22 mars 2013

Créer sa page web perso 2/2