La suite des choses "à ne pas faire lors de la conception d'un site internet". Le dernier billet vous explique quelques travers dans lesquels il ne faut pas tomber pour garder un site harmonieux au niveau des "couleurs et de la lisibilité", nous terminons avec "une image de marque à ne pas ternir".

Rappel des rubriques :

1. Sur internet tout finit par ce savoir
2. Problème de la pertinence du contenu
3. Accessibilité
4. Couleurs / lisibilité
5. Une image de marque à ne pas ternir

Une image de marque à ne pas ternir

Introduction : votre site internet est "l'image de marque" que vous laisser à vos visiteurs et peut être futurs clients. Il faut donc soigner cette image que vous leur renvoyez. Il existe une multitude de petits détails qui permettent de différencier un site qui as un aspect professionnel d'un site bâclé et fait à la va vite "parce qu'il fallait être présent sur internet", voici quelques un de ces détails qui "font la différence" :

23 Nom de domaine personnel pour un site professionnel (par exemple espace web des F.A.I. (Fournisseur d'accès Internet ndlr.))

• Le problème : vous utilisé une adresse dites "personnelle" pour hébergez votre site internet professionnel.
• Conséquence : Pour le visiteur c'est un manque de sérieux. Un site web digne de ce nom se doit d'avoir son propre nom de domaine. Si un de vos futurs clients se fait la réflexion que vous n'avez même pas les moyens de vous achetez votre propre nom de domaine il ne va pas confier ses projets à votre entreprise. (exceptions : dans certains cas il est possible que même un nom de domaine personnel fasse l'affaire quand c'est un "site vitrine" et que l'entreprise n'as pas pour spécialité l'internet).
• Conseil : dans la mesure du possible ayez votre propre nom de domaine, cela permet aussi de personnaliser (au nom de votre entreprise) vos adresses mails.

24 Hébergement défaillant (page qui se charge lentement, inaccessibilité du site)

• Le problème : votre hébergement est mutualisé (pour réduire les couts) mais votre site est de temps en temps indisponible, ou certains de vos clients se plaignent de ne pas pouvoir charger vos pages. C'est ce qui arrive avec certains hébergeur qui ont des serveurs mutualisés surchargés ou bien lorsqu'un des sites du serveurs monopolise toute la bande passante.
• Conséquence : une page qui se charge en plus de dix secondes, le visiteur abandonne et passe au suivant. Vous pouvez donc perdre des clients si votre site est le liens privilégié entre eux et vous.
• Conseil : utilisé un outils tel que Host tracker (gratuit) qui surveille votre site internet et vous envoie un mail de rapports tout les jours/mois/années, ce service est très pratique et je l'ai mis en place sur la totalité des sites que je gère. Si vous en avez les moyens changez d'hébergement ou prenez un serveur dédiés.

Conclusion et remerciements :

J'espère que cette série de billets vous a aidé à ne pas faire certaines erreurs lors de la conception de votre site internet. Si vous souhaitez me faire part de vos suggestions, ou si j'ai fait des erreurs les commentaires sont à votre disposition.

Un grand merci à Serge, Strimy, Thibault, Daniel pour leur relecture attentive et leur précieux conseils.

Pierre P.S.: Merci à ce billet de m'avoir inspirée.

La suite des choses "à ne pas faire lors de la conception d'un site internet". Après avoir vu le "problème de la pertinence du contenu" aujourd'hui nous allons expliquer des notions d'"accessibilité".

Rappel des rubriques :

1. Sur internet tout finit par ce savoir
2. Problème de la pertinence du contenu
3. Accessibilité
4. Couleurs / lisibilité
5. Une image de marque à ne pas ternir

Accessibilité

Introduction : L'accessibilité n'est pas une insulte, ce n'est pas non plus un retour en arrière dans la manière de concevoir un site web, c'est juste prendre en considération les internautes, tout les internautes. Si vous faite un site accessible non seulement vous ouvrez les portes de votre site internet à de nouveaux visiteurs, mais en plus cela veut dire que vous prenez en compte tout vos utilisateurs et que la navigation de celui ci seras plus aisé. L'accessibilité est une avancé pour tous, alors mettez la au centre de vos préoccupations lors de la conception d'un nouveaux (ou de la refonte d'un ancien) site internet .

8 Avoir son site internet entièrement en flash (problème d'accessibilité)

• Le problème : votre site internet est une application Flash, et vous n'avez pas prévu d'alternative en (x)Html / Css
• Conséquence : votre site à beau être à la pointe de la technologie, avoir des effets et des animations qui font de lui un site ergonomique pour l'utilisateur normal, mais il n'est pas accessible, les applications flash sont plus lourde qu'une page textuel de code (x)Html une personne ayant une connection internet bas-débit ou des restrictions de trafic (comme c'est le cas dans certaines entreprise) ne pourras pas charger votre application, une personne déficiente visuel ne pourras pas accéder à vos informations car elle ne pourras pas aisément lire le texte et suivre les animations (avec tout les navigateur on peut agrandir le texte d'une page (x)Html, "Ctrl+" pour Mozilla Firefox par exemple), une personne à mobilité réduite ne pouvant pas se servir d'une souris (et donc utilisant exclusivement le clavier) ne pourras pas naviguer.
• Conseil : il faut impérativement avoir doubler votre site flash par une version en (x)Html / Css, je sais que le flash c'est dans le "mouv", que "ça fait bien" mais ça ne facilite pas forcément la vit des internautes ! Dans l'idéal (qui n'existe que rarement), il faudrait que le site flash et le site (x)Html classique soi des copies conforme en terme de contenu et de fonctionnalité (et mis à jour en même temps), et que chaque copie soit à la pointe dans son domaine, mais tout cela demande de l'investissement en temps ou en argent. Faites votre choix (je ne vous conseillerais que trop de soigner votre site (x)Html !) et l'utilisateur seras le dernier juge de votre travail.

9 Interdire l'emploi d'Internet Explorer" (I.E.)

• Le problème : vous avez fait votre site internet avec un navigateur respectant les standards, et vous n'avez pas envie de passer du temps à bidouiller pour qu'il s'affiche clairement sous I.E., vous mettez donc en place un script qui détecte le navigateur qui affiche une message d'avertissement et bloque l'accès au site lorsque il détecte Internet Explorer.
• Conséquence : vous perdez tout les visiteurs potentiels qui navigue avec internet Explorer, et vous risquez d'être mal vus par ce qui on lut ce message d'avertissement.
• Conseil : ce n'est pas la bonne manière d'agir. Vous avez le droit de penser que I.E. est mal fait et ne respecte pas les standards (règles communes, rédigés par le W3C, de programmation pour uniformiser le code produit par les différents sites internet sur la toile et pouvoir se faire comprendre des navigateurs correctement ndlr.) mais ce n'est pas une raison pour le bannir de votre site, vous perdrez un nombre certains de visiteurs si vous agissez comme ça. Il faut dans la mesure du possible faire pour que chaque navigateur puisse accéder dans de "bonnes conditions" à votre site internet. Vous pouvez écrire une mention précisant que le site est optimisé pour tel ou tel navigateur, mais pensez bien que c'est au site internet de s'adapter à l'utilisateur et non le contraire.

10 Dire que votre site internet est accessible alors qu'il ne l'est pas

• Le problème : vous avez une mention "Valide Xhtml 1.0", ou une mention apparenté sur votre site internet mais il n'est pas totalement valide lorsque vous le soumettez à l'un des validateurs automatisé affilié au W3C.
• Conséquence : vos faite en quelques sorte une "publicité" mensongère pour votre site, en général on met en avant ce genre de chose car c'est une manière de montrer à nos visiteurs que l'on se soucie d'eux et des standards. Il peut arriver qu'au moment de la création du site il soit conforme mais que depuis que vous avez apporter des modifications il ne le soit plus.
• Conseil : vérifiez de temps en temps que votre site est toujours conforme au standards, vous pouvez utiliser l'outil du W3QC (W3C Québec) en français qui est pratique.

11 Abuser de l'Ajax et des effets Javascript (il faut penser à ceux qui souhaitent naviguer en mode texte ou avec le javascript de désactiver)

• Le problème : vous utiliser beaucoup d'effet Javascript (ou Ajax) et la navigation est impossible lorsque le Javascript est désactiver.
• Conséquence : le Javascript risque d'alourdir vos page si il est utilisé en trop grande quantité et vous bloquez l'accès à ceux qui ne peuvent pas (ou ne veulent pas) naviguer avec le Javascript activé.
• Conseil : n'oublier pas que c'est le site internet qui doit s'adapter à ses visiteurs et non l'inverse. Il faut, dans la mesure du possible, que votre site soit "navigable" lorsque le Javascript est désactivé.

12 Programmer en (x)Html en ne respectant pas la "sémantique" (utiliser une balise de paragraphe "<p>" pour faire un titre au lieu des balises "<h1>" à "<h6>" par exemple)

• Le problème : vous utiliser votre code (x)Html pour faire de la mise en forme (au lieu d'utiliser le langage CSS) et vous ne dissociez pas le contenu de la forme, vous pensez "effet graphique" et non pas "sémantique".
• Conséquence : les moteurs de recherche seront moins efficace sur votre site,. Si vous ne le dites pas au robot d'indexation, comment peut il savoir quel élément est votre titre et quels éléments sont le contenu de votre page ?
• Conseil : le (x)Html à été crée pour que l'on programme des pages en respectant une certaine logique (on appelle cela la "sémantique" pour en savoir plus), il faut respecter les règles de bases. (tutoriel sur la création de site web très bien écrit sur le Site Du Zéro)

13 Ne pas avoir d'adresse distinctes pour chaque page (l'URL dans la barre d'adresse du navigateur est toujours de la forme http://monsite.com)

• Le problème : quelles que soit la page de votre site le navigateur nous renvoie la même URL.
• Conséquence : un visiteur ne peut pas accéder rapidement à une page spécifique de votre site internet sans passer par l'accueil, c'est moins pratique. Les moteurs de recherche auront plus de mal à vous indexez, ce cas se présente lorsque votre domaine est une re-directions transparentes.
• Conseil : oubliez les re-directions transparents et préférez un nom de domaine qui soit directement attaché à votre hébergement.

14 Ne pas préciser le texte alternatif des images (il faut renseigner correctement la balise alt="")

• Le problème : vous ne renseignez pas le texte alternatif à vos images.
• Conséquence : le moteur de recherches sont incapables d'indexer le contenu de vis images, et les personnes déficientes visuels ou qui ont fait le choix de naviguer sans afficher les images (pour raccourcir le temps de chargement des site internet et rendre la navigation plus fluide par exemple) sont pénalisé.
• Conseil : il faut absolument renseigner le texte alternatif de vos images, aucun logiciel n'est, à l'heure actuel, capable de décrire avec exactitude une image, une image vaut parfois mieux qu'un long discours mais pour certaines de vos visiteurs il n'y auras ni discours ni image, c'est bien dommage. Pensez accessibilité vous faciliterais la vie de TOUT vos visiteurs.

15 Longue U.R.L. (Uniform Resource Locator ndlr.)

• Le problème : Vous avez une adresse pour votre site du genre http://monfai.com/siteperso/monpseudonyme
• Conséquence : votre adresse n'est pas facilement mémorisable vous perdez donc la possibilité de voir, des gens venir spontanément par le bouche à oreille (il faut prendre le temps de taper l'adresse et plus c'est long moins on as envie de le faire).
• Conseil : utiliser une service qui vous permet de raccourcir vos adresse de façon drastique (Minilien est pratique), ou alors acheter vous un noms de domaines (chez Gandi.net par exemple, toutefois vérifier bien que votre hébergeur vous donne la possibilité de re-diriger un domaine vers ses serveurs, il faut d'abord récupérer l'adresses de ses serveurs DNS, le problème est que la plupart des hébergeur de page personnelles (F.A.I., hébergement gratuit) ne permettent pas de faire ce genre de manipulation, dans cas tournez vous vers des offres à bas prix (OVH as des prix hyper-compétitifs).

16 Lancer de la musique au chargement de votre site (ou d'une des pages du site sans prévenir l'utilisateur).

• Le problème : lorsqu'on arrive sur votre site un morceau de musique se fait entendre.
• Conséquence : un visiteurs qui écouté déjà de la musique pourrait être gêné, un visiteur ayant un connection bas-débit ne pourrait pas chargé votre page, une personne aveugle serait considérablement gêné puisque le son de la musique et de son lecteur vocale se superposerait.
• Conseil : ne jamais lancer automatiquement la lecture d'un morceau de musique au chargement d'une page web, cela gêne vos visiteurs et prend de la bande passante; Si vous souhaiter que les visiteurs puissent écouter de la musique mettez un "player" (par exemple le très bon dewplayer) et laisser l'internaute lancer seul son morceau de musique.

Critique enflammé vous, Pierre