Comment optimiser le poids de vos pages web ?
Le logo de votre site pèse 20 Mo et vous l'avez placé sur une page. Le rendu est excellent mais uniquement sur votre machine. En effet, il 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 suffisamment 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.
Comment choisir le design de son site ?
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és du violet au jaune en passant par l'orange et le rouge aura vite fait de dégoûter 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.
Pourquoi éviter les frames (cadres) ?
Ces frames (aussi appelés "cadres" en français) sont pour certains une invention géniale, et pour d'autres c'est tout simplement un énorme cauchemar. 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 évitez d'en placer sur la première page de votre site.
Quels risques avec 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 X ou Y, 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.
Comment gérer la publicité sur un site ?
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-ups...).
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.
Comment optimiser la 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 signe d'une navigation défectueuse ou bâclé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.
Que faire des pages d'erreur 404 ?
Imaginez 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).
Pourquoi choisir un nom de domaine ?
À 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 évidemment, 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ésente 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.
Comment utiliser les balises 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é.
Quelle fréquence pour 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 tout aussi réguliè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).
Faut-il mettre de la musique sur son site ?
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 œuvre (s'il s'agit d'une œuvre 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 maître de ses choix.
Quelle taille de police choisir ?
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.
Pourquoi le titre des pages est-il important ?
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...
Comment afficher les informations de contact ?
Au fil des sites 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 pour les images lourdes
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égende 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 !
