Créer son site web

Les conseils d'un nul

by Robert L.E. Billon

Last update
2010-11-09

Avant propos

Vous avez visité de nombreux sites vous commencez à vous faire une idée de ce que l'on y trouve et de la façon dont cela est présenté. Vous avez certainement vous aussi des choses importantes à dire et même si ce sont des choses insignifiantes, l'envie de les porter à la connaissance du monde entier vous travaille le foie. Alors n'hésitez pas, lancez-vous. La réalisation d'un site, indépendamment de son contenu, constitue par elle même un excellent exercice intellectuel et un moyen de développer votre créativité.

N'oubliez pas que le web est un lieu d'échange et une sorte d'auberge espagnole. Vous appréciez les informations que vous y trouvez, vous aussi vous pouvez apporter des informations utiles ou divertissantes. Vous avez peut-être réalisé quelque chose d'original, ou dans un but de formation personnelle, étudié un sujet particulier qui vous passionne, vous avez compulsé de nombreux ouvrages, pris beaucoup de notes, n'hésitez pas à les mettre à la disposition de tous, c'est un juste retour des choses. Vous pouvez aussi faire partager les joies que vous procure votre hobby préféré.

Enfin si vos idées originales et innovantes n'ont pas trouvé d'écho autour de vous, voilà bien un moyen d'élargir votre auditoire. A aucune autre époque de notre histoire nous n'avons disposé d'un moyen aussi puissant. Même les signaux de fumée des amérindiens ou les tam-tam africains n'avaient pas une telle portée.

Le choix de la langue offre deux alternatives :

- Vous visez tout spécialement vos compatriotes, alors votre langue habituelle semble tout indiquée.
- Vous visez une audience mondiale, alors l'anglais de base constitue un "vecteur commun des plus adaptés".

Après avoir acquis un peu d'expérience, vous verrez qu'il est très facile de réaliser un site bilingue. Le plus gros du travail consiste dans ce cas a générer les deux versions de tous vos documents. On peut aussi envisager de réaliser des documents bilingues, par exemple en deux colonnes à l'aide d'une table. Cette dernière solution est certainement ce qu'on peut faire de mieux pour faire connaître le français. (Une idée à porter à la connaissance des tenants de la francophonie).

Nous allons voir maintenant ce qui vous est nécessaire pour réaliser votre chef d'oeuvre et l'installer.

Notez que vous pourrez aussi faire plaisir à des amis désireux d'être présents sur le web en leur réalisant une petite page perso toute simple.

1. Les outils

1.1 Un livre traitant du sujet

A moins que vous soyez déjà un expert en HTML, un bon livre n'est pas à dédaigner. Voici quelques ouvrages qui me paraissent digne d'intéret et que j'ai personnellement utilisés.

    HTML 4 , Laura Lemay
    Editions Simon & Schuster Macmillan (France)
    Titre original : Teach yourself Web Publishing with HTML 4 in a week
    Traduit de l'américain par Michel Dreyfus

Grâce à ce livre, la première version de ce site a été réalisée en quelques jours, par un béotien et avec un éditeur ASCII.
Par la suite j'ai aussi fait l'acquisition de :

    HTML 4-XML-XHTML , Daniel Koch , Oliver Kürten et Florian Harms
    Editions Micro Application (France), collection Grand Livre

Ce livre, un pavé de près de 800 pages, sorti en Mai 2000, nous informe sur les dernières technologies permettant de réaliser des pages dynamiques.

    HTML le langage du Web , Marc Augier , Presses Universitaires de France, collection Que sais-je N°3420 .

Un concentré, l'essentiel en 125 pages.

1.2 Un éditeur de texte

Il existe un certain nombre d'éditeurs specialisés, sous divers systèmes. Voilà des outils pour professionnels qui permettent d'aller vite. Il faut cependant se pénétrer de l'idée qu'aucun n'est parfait, le texte final nécessite souvent des retouches et il ne suffit pas d'y mettre le prix pour avoir quelque chose de bon.

En fait, pour un travail d'amateur, votre éditeur ASCII habituel fera très bien l'affaire et votre code n'en sera que plus propre. Personnellement j'utilise gedit sous Linux, il est fourni avec la plupart des distributions récentes. Toujours sous Linux on peut utiliser bluefish, un petit éditeur HTML sympa qui peut faire gagner beaucoup de temps. Il est disponible à l'url   http://bluefish.linuxave.net .

1.3 Un navigateur

Le navigateur ou browser vous permet de visualiser votre chef d'oeuvre en local tout au long du développement. Sachez seulement que certains navigateurs sont plus exigeants que d'autres. Par exemple kfm ne laisse pas passer les petites erreurs de syntaxe ou bien un crochet de balise oublié derrière un <BR> , alors que Netscape l'accepte. Comme vous ne savez pas quel navigateur utilisera le visiteur de votre site, mieux vaut visualiser au départ avec un navigateur exigeant. Si possible, testez avec plusieurs navigateurs, vous verrez que chaque navigateur interprète le HTML à sa façon.

1.4 Un logiciel de communication FTP

Il vous servira à tranférer votre chef d'oeuvre sur le serveur de votre provider. Il fait certainement déjà partie de la panoplie soft de votre computer préféré. Sous Linux, gftp fera parfaitement l'affaire.

2. Le provider

Nous partons du principe que vous avez déjà un ISP (Internet Services Provider), bien sûr c'est par là que tout commence. Un certain nombre de providers proposent maintenant un hébergement gratuit et jusqu'à 50 Mo d'espace disque. Quand votre site est bien testé en local, il suffit de faire la demande en ligne pour obtenir dans l'heure, la création d'un répertoire et une adresse FTP pour le téléchargement.

3. Quelques règles à respecter

3.1 Considérations d'ordre général

La plupart des utilisateurs d'internet, comme cela apparait clairement dans les diverses publications qui traitent du sujet, sont d'accord sur un certain nombre de règles qui rendent la consultation des pages agréable et confortable. Bien que ce ne soit pas novateur, je rappelle ci-après quelques unes de ces règles de base. Il ne peut être que bon d'essayer, dans la mesure du possible, de s'y conformer.

Votre site ne doit pas être un souk ou une caverne d'Ali Baba, il faut un fil directeur et une organisation parfaite. Vos pages doivent être séduisantes au premier coup d'oeil tout en étant sobres. La meilleure source d'idées est le web lui-même, vous y découvrirez tout ce qu'il ne faut pas faire. Par contre certains sites sont très bien réalisés et il bon de s'en inspirer. Si vous débutez, commencez simple, vous en tirerez des satisfactions plus rapidement. Ne perdez pas votre temps à faire de la copie puis effacement et remplacement de texte, cette méthode n'est pas pédagogique. Créez, que diable!

Vous pouvez être tenté d'écrire des passages en Javascript, ceci vous permet d'obtenir quelques effets supplémentaires. N'oubliez pas que cela vous fait écrire beaucoup de code pour des résultats assez modestes. D'autre part le temps d'exécution des scripts augmente le temps d'attente de l'affichage complet des pages.

3.2 Ce qu'il faut faire

Ayez toujours présentes à l'esprit trois choses essentielles :

1 - Le contenu, si vous n'avez rien à dire ou à communiquer, abstenez-vous.
  Si le contenu est réservé aux adultes, précisez-le sur la page d'accueil.

2 - Le visiteur, ne le décevez pas et respectez sa sensibilité.
  Evitez les prises de position extrèmistes, sectaires, racistes, ...

3 - L'image que vous souhaitez donner de vous-même, l'habit fait le moine.

Adoptez une structure simple, logique et cohérente que le visiteur assimilera rapidement.

Soyez clair, utilisez des mots simples, faites des phrases courtes. Pas d'explications inutiles ni de digressions hors sujet.

Commencez vos pages par un avant-propos et quand c'est possible, résumez vos paragraphes dans un en-tête qui les précède.

Lorsque vous énumérez, pour plus de clarté, utilisez les listes.

Mettez en valeur les informations importantes. Un élément important placé en fin de page risque de n'être jamais lu.

La navigation doit être simple, comme dans l'index d'un livre ou un répertoire de disque. Chaque page doit avoir un link vers la page d'accueil, absolument indispensable si celle-ci contient le menu ou sommaire. C'est aussi le moyen pour le visiteur de retrouver son point d'entrée.

Faites simple et clair, évitez les fioritures inutiles au profit de la qualité du contenu. Une page trop chargée est rarement esthétique.

Les textes gagnent en lisibilité quand ils sont de couleur sombre sur fond clair, comme une page d'un livre.

Faites une page d'accueil de taille raisonnable, pas plus de deux écrans.

Le texte des links doit être court et précis, deux ou trois mots seulement, mais les mots clés essentiels.

Un link dans un texte pour renvoi vers une note explicative ou une annexe en fin de texte doit être associé à un link de retour à ce même point, sous peine de perdre le fil de la lecture.

Utilisez des images de taille raisonnable, si besoin sélectionnez uniquement la partie intéressante, compressez en JPEG. (gimp est un outil parfait pour ce travail). Eliminez toute image qui ne contribue pas directement à la signification de votre document.

Adoptez une présentation homogène et cohérente entre vos différentes pages.

Rassemblez vos links sous forme d'un menu distinct, ne les mélangez pas avec la navigation interne à votre site.

Prévoyez une page par sujet. Chaque page doit se suffire à elle-même.

Si vous exprimez une opinion sur un sujet qui vous tient à coeur, faites le de façon audacieuse et solidement argumentée. Vous vous ferez des partisans et des ennemis. Des platitudes ne laisseront jamais un souvenir impérissable.

Testez si possible avec plusieurs navigateurs et relisez à nouveau avant d'installer, même les fautes d'orthographe sont du plus mauvais effet et ne donnent pas de vous l'image que vous souhaitez.

Identifiez votre oeuvre, elle ne doit pas rester anonyme et vos nom et email ont parfaitement leur place dans la page d'accueil. Utilisez un url mailto pour qu'on puisse vous écrire un message sans sortir du navigateur.

Indiquez la date de dernière mise à jour et/ou l'état d'avancement du document..

Si certains de vos documents sont sous copyright, mentionnez-le.

Indiquez l'url dans vos documents. Si un visiteur imprime ce document, quelle autre possibilité aura-t-il quelques semaines plus tard pour l'identifier et le resituer.

Demandez l'avis d'un ami qui saura porter un regard critique sur votre réalistion. Un regard neuf mettra en évidence des imperfections qui vous échappent par excès de concentration.

3.3 Ce qu'il ne faut pas faire

N'utilisez jamais les textes ou images des autres sans autorisation de l'auteur, ils peuvent être soumis a copyright.

Les textes de plus de 20 Ko ou les images de plus de 50 Ko sont à éviter. Beaucoup d'entre nous n'ont qu'une banale ligne téléphonique comme canal de données, aussi ne mettez pas à l'épreuve la patience de vos visiteurs. Ou alors annoncez la taille du document et offrez la possibilité de le charger ou pas, le visiteur ne vous en voudra pas s'il a pris lui-même le risque de patienter plusieurs minutes.

Evitez la navigation entre pages qui n'ont aucun rapport entre elles, prévoyez des retours à la page d'accueil ou au menu.

N'éclatez pas un sujet sur plusieurs pages. Si le sujet est trop vaste, créez des sous-sujets dans une structure arborescente.

Evitez les fonds de couleur criardes, tels que jaune vif ou vert cru. De plus, tous les navigateurs ne les traduisent pas de la même façon. Les fonds avec décor doivent rester sobres et discrets. Un fond de page sombre rend la lecture difficile.

N'abusez pas des enrichissements de texte, un long passage en italique est plus difficile à lire, donc à comprendre.

Ne faites pas référence aux commandes d'un navigateur particulier: Fichier, Sauvegarde, Back, ... Chaque navigateur a ses propres commandes et vous risquez de dérouter le visiteur.

Evitez les links libellés "cliquez ici". "Ici" n'est probablement pas le sujet important vers lequel vous souhaitez orienter votre visiteur.

Ne modifiez pas la couleur par défaut du texte des links. Chacun a l'habitude de son navigateur et sera dérouté si vous lui changez les couleurs.

Ne faites pas une page unique très longue avec une multitude de links internes, la navigation sera confuse.

Ne faites pas une multitude de pages trop petites, vous aurez à maintenir un trop grand nombre de documents.

Ne mettez pas sur une même page plusieurs links vers le même site.

Bannissez les textes et boutons clignotants, ils deviennent rapidement insupportables. Voulant attirer l'attention, vous provoquez un réaction de rejet.

N'abusez pas des animations, elles provoquent rapidement un phénomène de lassitude.

N'insérez pas du texte de la couleur du fond. C'était, pour certains, un moyen discret de tricher et promouvoir des sites douteux.

Ne donnez une adresse email erronée

4. Comment vous faire connaître

Maintenant que votre site est installé il faut le faire savoir. Vu le nombre de sites existants, les chances pour qu'un visiteur tombe pile dessus sont bien faibles.

- Parlez en, dites-le à vos amis et collègues.

- Enregistrez-vous en ligne sur les sites qui offrent cette possibilité, par exemple :

    http://www.raqi.qc.ca
    http://fr.linuxstart.com
    http://www.free.fr
    http://add.site.free.fr

- Etablissez des liens réciproques avec vos collègues, relations, associations qui ont leur propre site.

- Utilisez les sites de référencement. Certains offrent un référencement gratuit pour les sites sans but lucratif. Par exemple :

    http://www.brioude-internet.fr
    http://www.subwizard.com/francais/
    http://www.annonceur.net

Notez que annonceur.net peut vous inscrire auprès de 60 outils de recherche dont 20 francophones. Prévoyez un peu de temps devant vous, l'opération qui est exécutée en plusieurs étapes peut durer plus d'une heure.

5. Il est important d'optimiser les META

title
Titre de la homepage ou du fichier index qui crée le frameset.
- très important, sera pris en compte par les moteurs de recherche
   et affiché dans la barre de titre du navigateur.
- il doit être le plus explicite possible tout en restant concis.
- chaque page peut être dédiée à un sujet spécifique,
   donc doit avoir son propre titre.
- éviter les titres de plus de 50 caractères et tout en majuscules.

author
Le nom de l'auteur.

description
Résumé du contenu de la page.
- c'est ce texte qui est utilisé et affiché lors d'une recherche.

keywords
Liste des mots-clés utilisés pour la recherche.
- se limiter à une ou deux dizaines de mots-clés
   selon l'étendue et la variété des sujets abordés
- on peut étendre par l'utilisation des synonymes et pluriels
- ne pas répéter un mot-clé.

generator
L'éditeur utilisé pour générer les pages.
- cette balise n'est pas importante

robots
Indique au robot (moteur de recherche) s'il doit
- indexer la page (index, noindex)
- suivre les liens (follow, nofollow)
- tout indexer et suivre (all)

reply-to
email de l'auteur du document.
- son existence peut être vérifiée, risque de rejet s'il est fictif
- s'il existe vous croulerez bientôt sous le spam !

owner
Nom du propriétaire du document courant

revisit-after
Le temps au bout duquel le robot re-référencera la page.
- le minimum est de 14 jours

Attention : Ne pas utiliser dans les META des noms de marque, de domaine, de sites.



    

File: site_crea.html, 2000-05-02 - Robert Billon - Last update: 2010-11-09