Quelques conseils pour créer votre site web Posté par mattthomas le 20/08/2004 07:57:11
Si vous avez du mal à commencer votre site web, afin de voir rapidement quelques points importants je vous propose cet article.
Voici donc quelques points clé pour réussir du mieux possible votre site internet.
La taille des pages web
Le logo de votre site pèse 20 Mo, et vous l'avez placé sur une plaquette. Le rendu est excellent mais uniquement sur votre plaquette. En effet elle ne sera vraiment pas la bienvenue sur votre site. Il faut donc faire en sorte que chaque page de votre site web pèse dans une moyenne comprise entre 30 et 50 Ko, sinon vos visiteurs risqueraient de ne pas avoir suffisament de patience pour voir votre superbe logo et ils s'en iront surfer sur d'autres vagues.
La solution : l'optimisation au maximum de toutes les images (meilleur compromis entre qualité et poids). Enfin pour accélérer le chargement de vos pages, il est nécessaire d'indiquer dans votre code HTML les attributs Width et Height (<IMG Src="image.gif" Width="100" Height="25" Border="0"> par exemple). Ces attributs représentent respectivement la largeur de l'image (Width) et sa hauteur (Height) en pixels. Ils permettent au navigateur de réserver la place de l'image dans la page.
Le design
Comme nous devrions tous le savoir, un écran d'aujourd'hui est capable d'afficher des millions de couleurs. Pour autant, ce n'est absolument pas la peine d'utiliser autant de couleurs sur votre site web. Un exemple au hasard : du texte vert clair sur un fond bleu marine, des fonds dégradé du violet au jaune en passant par le orange et le rouge aura vite fait de dégouter vos visiteurs qui ne reviendront pas forcément visiter votre site.
La solution : tout simplement choisir deux ou trois couleurs complémentaires, et les utiliser sur l'ensemble de votre site. C'est ce que l'on appelle la charte graphique d'un site web. Créer une charte graphique revient à dire que le titre de la page aura telle police, telle taille et telle couleur ; le texte de légende des photos aura telle taille, telle couleur ; les liens seront de telle couleur... etc. Le tout étant bien sûr de rester plutôt simple et le moins possible agressif pour les yeux du lecteur.
Les frames
Ces frames (aussi appelés 'cadres' en français) sont pour certains une invention géniale, et pour d'autres c'est tout simple un énorme cauchemard. Il convient d'éviter au maximum de les utiliser, dans la mesure du possible, et d'avoir une version du site sans frames sous la main. En effet, certains navigateurs d'ancienne génération ne sont pas capables de les afficher, ou pire encore, certains moteurs de recherche ne listent pas les sites construits avec des frames. Il faut donc pour cela vérifier que votre première page au minimum ne possède pas de frames.
Pensez à placer un message entre les balises NoFrames (de préférence les liens vers les différentes sections du site) de façon à ce que les visiteurs qui ne peuvent pas lire les frames puissent tout de même obtenir un minimum d'information (ils sont plus nombreux qu'on ne peut le croire).
La solution : si vous tenez absolument à les utiliser, utilisez-en au maximum deux, et éviez d'en placer sur la première page de votre site.
Java et JavaScript
En utilisant ces deux langages, beaucoup de sites pensent être à la pointe de la technologie, ce qui est totalement absurde. Il faut être bien conscient que ces langages peuvent provoquer des problèmes, détruire la navigation de votre site, ou dans le pire des cas le planter. Sachez également qu'ils n'améliorent que très rarement votre site.
La solution : si vous devez, pour une raison L ou D, utiliser Java et/ou JavaScript, testez-le avec un maximum de navigateurs, car aucun d'entre eux ne réagit de la même façon à ces deux technologies.
La publicité
Comme nous pouvons le constater tous les jours, les bandeaux publicitaires sont de plus en plus présents sur le net. Plus vous ajouterez de bandeaux publicitaires, plus vous inviterez le visiteur à sortir de votre site avant même qu'il n'ait commencé à le consulter (c'est pire avec les pop-up...)
La solution : si vous tenez absolument à faire de la publicité, limitez le nombre de ces bandeaux (je recommande deux bandeaux maximum par page), et n'oubliez pas de faire de l'auto-promotion sur votre site.
Mise en page
Comme nous l'avons très certainement tous vu un jour, une page qui n'en finit pas n'est vraiment pas agréable à lire. Elles sont particulièrement irritantes pour les visiteurs dont l'écran est de taille modeste, ou qui utilisent un ordinateur portable. Les pages trop longues sont le site d'une navigation défectueuse ou baclée. Elles ne montrent qu'une seule chose : vous n'avez pas réussi à mettre en valeur le contenu.
La solution : divisez vos pages en sections logiques et facilement gérables. Rappelez-vous qu'il est bien plus difficile de lire du texte sur un écran que sur du papier.
Pages d'erreur 404 et autres...
Immaginez la situation d'un visiteur qui vient sur votre site, en ayant entendu dire que vous possédez les toutes dernières images et les premiers tests d'une nouvelle mouture d'un jeu vidéo attendu depuis 3 mois. Ce visiteur sur votre site donc, clique sur le lien pour accéder à ces différentes images, et il obtient une magnifique page 404 'La page demandée n'existe pas'. Rien n'est plus irritant que de découvrir que la page que vous cherchez avec tant d'ardeur n'est pas là.
La solution : pensez à régulièrement vérifier les liens de votre site, et utilisez des vérificateurs automatiques ( ZDNet Link Check par exemple).
Adresse/nom de domaine
A votre avis, vaut-il mieux se présenter avec une adresse du style 'http://www.fai.com/nomServeur/~login/page.html' ou avec une adresse du style 'http://www.monsite.com' ? Bien évidament, la deuxième solution est la meilleure, d'autant plus que réserver un nom de domaine devient de moins en moins cher, et il y'a même des FAI gratuits (free.fr par exemple) qui proposent des noms de sous-domaine. N'hésitez pas ou vous avez encore la solution gratuite en .fr.st mais qui présent pas mal d'inconvénients : Ulimit
La solution : vérifiez et réservez le plus vite possible votre nom de domaine. Les services de redirection sont maintenant accessibles gratuitement et pour les entreprises, une charge de quelques milliers de francs dans votre budget n'est rien en comparaison avec votre visibilité sur le net.
Les Meta-Tags
Les balises Meta sont une 'arme' très importante dans la course à la première place dans les moteurs de recherche. Utilisez-les donc judicieusement.
La solution : ajoutez des métas aux pages de votre site, et plus particulièrement sur la première si vous cherchez à être correctement positionné.
Les mises à jour
Vous avez inclus sur votre site une section d'informations sur votre société et ses activités, ou si les prix de vos produits ont tendance à fluctuer, mettez régulièrement votre site à jour. Réfléchissez : vous n'allez pas envoyer une brochure périmée à vos clients, vous n'allez pas non plus leur envoyer un catalogue de vos produits avec des prix erronés ou avec des produits que vous ne fabriquez plus. Sur le net, de telles erreurs sont réellement impardonnables, d'autant plus qu'il est extrêmement facile de mettre à jour ces informations avec une simple base de données. Vous n'auriez aucune excuse !!
La solution : si vous voulez que les visiteurs reviennent régulièrement, mettez à jour votre site de façon toute aussi regulière (une mise à jour hebdomadaire est suffisante pour un petit site, et il n'est pas forcément nécessaire de réaliser de gros travaux à chaque mise à jour).
La musique
Lorsqu'un visiteur travaille tard dans la nuit ou dans un bureau, la dernière chose qu'il veut entendre dans les enceintes de son ordinateur, c'est bien votre version améliorée de Bécassine jouée au sifflet. Peut-être que votre oeuvre (s'il s'agit d'une oeuvre personnelle) vous paraît très réussie, mais tout ce que vous parviendrez à faire c'est ralentir votre site, et irriter votre visiteur. Ceci aura pour effet de lui faire fermer quasi instantanément son navigateur et surtout de ne plus jamais revenir sur ce site qui l'aura gêné dans l'écoute de sa propre musique restituée sur son ordinateur.
La solution : si vous tenez absolument à utiliser du son, désactivez-le par défaut et laissez le choix au visiteur de le réactiver. Le visiteur aime être maitre de ses choix.
Taille des caractères
Peut-être avez-vous l'intention de caser le plus d'informations possibles sur une seule et même page mais même avec un design excellent et un site d'une clarté cristalline, il faut absolument bannir les polices de 8 points. En effet, les visiteurs désirent se détendre en regardant votre site, et non pas partir en clignant des yeux avec l'impression d'avoir besoin de lunettes...
La solution : utilisez une taille de caractères lisible. Et n'oubliez pas que le texte aura un aspect totalement différent selon la taille du moniteur et l'environnement sur lequel votre page est restituée. Testez donc vos pages sur autant de moniteurs que possible. Par exemple un texte écrit en Verdana avec une taille de 9 points est lisible sur un PC alors qu'il ne l'est pas du tout sur un MAC.
Le titre des pages
Le titre de la page est l'un des facteurs les plus importants à prendre en compte lors d'une inscription à un moteur de recherche. Il vaut donc mieux ne pas oublier de donner un titre à chaque page de votre site, et de préférence un titre différent pour chacune.
La solution : donnez un titre à chaque page de votre site. Un titre avec le nom de votre site est beaucoup plus parlant dans une liste de favoris ou lors des résultats d'une recherche...
Informations sur le Webmaster
Au fil des site web sur le net, on se rend compte que ces sites ne contiennent aucune information de contact. Les responsables de ces sites voudraient vous délester d'une partie de votre argent durement gagné sans que vous sachiez où il va, ni qui appeler s'il y a un quelconque problème. Vérifiez que vous avez bien mentionné au moins une adresse e-mail au bas de chaque page et pour les professionnels le numéro de téléphone de la société
La solution : les visiteurs ont besoin de savoir qui vous êtes et où réside votre entreprise avant de vous faire confiance. Facilitez-leur la vie, c'est la moindre des choses...
La règle d'or
Si vous ne pouvez pas éviter de présenter des images lourdes sur votre site, montrez quand même un minimum de courtoisie et permettez à vos visiteurs de choisir d'afficher ces images ou non. Présentez de petites vignettes de vos images avec une légence explicite. Avec un tel système, le visiteur ne sera plus obligé d'attendre la fin du chargement de vos images avant de pouvoir visiter le site.
La solution : présentez une vignette sans oublier de mentionner la taille de l'image originale.
Voilà j'espère que cet article vous a plu. J'envisage de poster divers articles concernant l'ASP.NET et pourquoi pas l'ASP et/ou le PHP. Si cela vous intéresse faites-moi signe je n'y manquerai pas!
Re: Quelques conseils pour créer votre site web Posté par sparkplugloy le 20/08/2004 07:57:11
C'est un article simple sur des bases concernant la création d'un site. Par conséquent, ce que tu écris peut sembler évident aux nons-débutants. Mais l'idée est bonne et l'article bien présenté. J'attends les suivants.
Re: Quelques conseils pour créer votre site web Posté par mattthomas le 20/08/2004 13:33:17
Salut!
Oui cet article est destiné aux débutants. C'était aussi une manière de voir si le style de l'article convient bien aux lecteurs avant de commencer la rédaction d'autres articles plus techniques. J'essayerai de ne pas trop négliger les néophytes néanmoins...
Re: Quelques conseils pour créer votre site web Posté par keyes le 14/09/2004 11:53:30
Sans oublier que le principal, c'est le CONTENU
Tu peux avoir un super jolie site tout ca si y'a rien dedans, y'a rien dedans
Ensuite si vous utilisez des Javascript, il faut que le site soit77PPjhg lisible même sous un navigateur ou Javascript est désactivé ou tout simplement absent !!
Créer un site en XHTML et CSS compatible avec les normes du WC (http://validator.w3.org) rend les pages moins lourdes, accesibles aux handicapés, certains téléphones mobiles, PDA, ... et sépare le contenu de la forme (bien pratique pour créer des themes en CSS, généré des documents PDF, des fils RSS tout ca mais on s'éloigne c'est plus des techniques de débutants ).
ou vous avez encore la solution gratuite en .fr.st mais qui présent pas mal d'inconvénients : Ulimit
Rapport d'abus
Modifier
Supprimer
