Règles de base pour construire un beau site web

Applicable à tous les types de programmation de site web.

Plusieurs aspects d'un site web déterminent sa réussite, contrairement à ce que plusieurs peuvent croire, le contenu, la facilité de navigation et la facilité de gestion du contenu, sont les éléments clés qu'il faut préconiser.

Oubliez les images animées, les menus de navigations qui bougent dans tous les sens.

L'information à transmettre doit rester la priorité.

Compteur de pages

À proscrire totalement, un compteur de visiteurs donne un aspect peu professionnel à votre site web, d'autant plus que seul un nombre exceptionnel de visiteurs mériterait d'être souligné. (100 000 visites par semaine…) Si vous désirez connaître vos visiteurs, demander à votre fournisseur de services d'hébergement web de vous fournir un outil de statistique de visites beaucoup plus performant qu'un simple compteur de pages.

Nombre de visiteurs, pages vue par jour, mois, année, région etc … et tout ceci à l'abri des curieux.

Les textes clignotant ou défilant

Aussi agressant que la mode des couleurs Fluo des années 80. En sachant que les gens lisent 4 fois plus vite sur un écrit papier que sur un écran d'ordinateur, donnez de l'information concise, allez droit au but et évitez d'agresser l'oeil qui vous lit.

Les pages d'introduction en flash

Que faites-vous lorsqu'un site web tarde à s'afficher parce que le flash se télécharge?

Passez Intro! C'est pour ça que ça n'en vaut pas les coûts si vous êtes : Serrurier, organisme à but non lucratif, infographiste sur papier, notaire, dentiste, avocats, garagiste ou échangiste! Pour ne nommer que ceux-là!

De plus, les gens des grandes villes oublient souvent que les gens de la banlieue et régions non pas tous le même service d'accès à Internet, Haute-vitesse extrême de Vidéotron n'est pas encore partout, pensez donc un peu à ces personnes qui n'ont rien fait de mal pour ne pas avoir Internet haute vitesse et qui attendent de longs moments pour accéder à votre information, ils ne sont pas sur votre site web pour voir les talents d'animation de votre programmeur web!

C'est très bien le flash, mais dans des cas bien spécifiques :

·     Bannière de Pub

·     Présentation vidéo

·     Bande annonce

·     Échantillons musicaux

Pages en construction

Si votre site web n'est pas en place, éviter tout simplement de le mettre en ligne ou de l'annoncer! Si votre site web est en place et que des liens réfèrent déjà vers une page non complétée, inscrivez simplement un message de politesse qui invite à revenir à la date de lancement. Peut-importe votre message, évitez les grosses lettres: PAGE EN CONSTRUCTION avec un gift animé en construction.

Titre des pages

Le titre des pages web s'affiche toujours dans le fureteur Internet des internautes qui visitent un site web. Toujours mettre un titre pertinent en fonction du contenu.

Le titre s'insère entre les balises <title> </title> de votre page web

Salle de clavardage (ChatRoom)

Qui veux entrer dans un club ou il y a 2 personnes? Assurez-vous d'être connu avant de lancer un ChatRoom. Assurez-vous aussi d'avoir le temps d'en être modérateur afin de contrôler au minimum le contenu et le type d'individu qui participe aux conversations.

Ne pas forcer les internautes à utiliser ou télécharger des outils spéciaux pour naviguer dans votre site web. La programmation web actuelle permet d'avoir des sites d'apparence professionnelle qui sont compatibles avec tous les fureteurs (Netscape, Mozilla, InternetExplorer). Utilisez les CSS  … Pour ceux qui utilisent un éditeur de contenu (CMS) , CMS tel que Joomla ou un outil comme SiteBuilder, le CSS est déjà intégré dans votre outil de travail. PS. se modifie très bien à notre guise avec Joomla.

Ne pas essayer de tromper les outils de recherche comme google en cachant du texte invisible et une armée de mots clés pour améliorer votre position dans celui-ci.

Une pratique utilisée antérieurement avec peu de succès, qui maintenant est nuisible. Google et les autres engins de recherche détectent maintenant les trompeurs.

Musique de fond

Ne pas utiliser de musique de fond sur votre page web. Occasionnellement peut-être, exemple: Saint-Valentin  Peut-être le site de Musique Plus ou celui de Céline Dion lors d'un évènement spécial ou un lancement.

Mais sinon le temps de téléchargement, la bande passante utilisée et la possibilité qu'un internaute ne puisse tout simplement pas entendre de son, ou n'aime pas votre style musicale.

 P.S les droits d'auteurs pour diffuser la musique d'un artiste, à ne pas oublier.

 Si vous désirez mettre de la musique sur votre site, assurez vous d'inclure un bouton

On/Off sur votre musique, l'utilisation de flash est très appropriée dans ce cas!

Une solution facile si vous désirez partager une symphonie avec les internautes qui visitent votre site web, mettre votre fichier audio en fichier MP3 et créer tout simplement un lien de téléchargement vers votre fichier!

Structure et consistance

Simplifiez-vous la vie, Microsoft, Mac, Nintendo et autre grand fabricant d'interface ont déjà étudié toute la question.

Menu en haut et à gauche OU à droite, classique et facilement repérable!

Certains programmeurs web désirent afficher leur originalité avec des menus en 3 dimensions qui tournent ou changent d'aspect d'une page à l'autre. Dans la mode il y a les parades et il y a le linge qui se vend…Une section serait très appropriée pour démontrer ces talents.

Utilisation des POP UP

Les fenêtres qui s'ouvrent automatiquement sont bloquées par les fureteurs Internet modernes et certains internautes ne savent comment faire pour accéder à ce contenu. Apprenez plutôt à intégrer votre contenu à l'intérieur même de votre site web.

Forger la taille de la fenêtre de l'internaute

Les gens ajustent déjà la résolution et le format d'affichage avec lequel ils se sentent à l'aise. En aucun cas un script Java ne devrait intervenir pour forcer des paramètres différents dans l'ordinateur de l'internaute,

Si votre style demande autant de trucs pour sembler beau à l'écran, changez tout simplement votre look pour respecter l'environnement de travail de vos visiteurs.

800 X 600

Concevoir votre site web pour un affichage convenable en résolution 800 X 600

Cela convient pour la plus grande partie de votre clientèle web.

Les redirections

Certains programmeurs web redirigent automatiquement les visiteurs d'un site web vers une autre page à l'aide de javascript. Cette méthode peut porter les internautes à confusion et avoir un impact négatif au niveau des engins de recherche.

Préconiser plutôt l'ajout d'un lien avec une explication qui propose d'accéder à votre page. La pensée générale, c'est qu'il faut éviter de contrôler ou de forcer les internautes.

Une page d'erreur 404 personnalisée

 C'est une bonne chose de personnaliser la page de message d'erreur qui affiche par défaut sur une page blanche. Page introuvable.

Vous pouvez personnaliser votre message d'erreur 404 en ajoutant des informations additionnelles.

example d'un message:

Vous êtes bien sur le site www.mon-premier-site-web.com

La page que vous cherchez a peut-être été renommée ou est temporairement introuvable.

 Cliquez ici pour visualiser la carte du site

 Cliquez ici pour retourner à notre site web.

 Pour toutes questions n'hésitez pas à communiquer avec nous. 514-555-5555

Une bonne page 404 informe les visiteurs qu'ils sont bien sur votre site web et propose une alternative pour ne pas rompre la navigation de votre site.

 Créer une carte de votre site web

Communément appelée site map, cette page est au site web, ce que la page Table des matières est au livre! Toutes les sections du site sont identifiées.

En fait, la carte de votre site devrait être une page texte avec des liens vers chacune des sections et sous-catégorie de votre site web.

Calculer la taille de vos pages web

Idéalement sous les 60 et toujours moins de 120k. De nos jours les sites web contiennent du texte, images, vidéo Flash et quick Time, bannière animée… Tous ces éléments mis ensemble font la taille complète de votre page. Tous ces éléments devront être téléchargés par l'internaute afin qu'il accède à votre page web. Sachant qu' internet haute vitesse n'est pas encore accessible partout hors des grands centres, essayez de garder la taille de vos pages web la plus petite possible. Un internaute qui doit attendre 10 secondes par page trouvera rapidement un site similaire et plus rapide.

Format de la mise en page du texte

La culture nord américaine et bien des cultures européennes ont adopté : Aligné à gauche et justifié. Évitez de centrer entièrement le contenu. Certaines règles de bases sont définies en impression pour un magazine ou un bouquin, ces normes de base sont efficaces depuis plus d'une centaine d'années. Ne tentez pas de les changer.

Les menus en Javascript

Certains internautes bloquent les fonctionnalités Java pour des raisons de sécurité.

Si vous utilisez un menu déroulant java script, proposez un menu alternatif pour les gens qui ne supportent pas le java script.

Les textes en lettres majuscule.

Certains ont la manie d'écrire tout le texte de leur site web en majuscules. Les majuscules sont utilisées pour marquer le début d'une phrase. Un texte complètement en majuscule rend la lecture à l'écran agressive pour les yeux.

Voici en exemple le même paragraphe tout en majuscules.

LES TEXTES EN LETTRES MAJUSCULES.

CERTAINS ONT LA MANIE D'ÉCRIRE TOUT LE TEXTE DE LEUR SITE WEB EN MAJUSCULES. LES MAJUSCULES SONT UTILISÉES POUR MARQUER LE DÉBUT D'UNE PHRASE. UN TEXTE COMPLÈTEMENT EN MAJUSCULE REND LA LECTURE À L'ÉCRAN AGRESSIVE POUR LES YEUX.

Le début d'une notice importante, quelque chose de grave à dire peut justifier certaines parties de textes en majuscule mais ATTENTION de ne pas l'utiliser partout.

Le texte en italique (valable aussi pour les textes en Gras)

Le texte en italique est une bonne façon d'attirer l'attention chez les lecteurs, mais encore une fois attention, cela rend la lecture difficile. C'est bien pour quelques mots, mais évitez à tout prix de mettre en italique tout le contenu d'une page web comme par exemple la pensée du jour ou une phrase importante. Cela peut avoir un bon impact. Trop utilisé, cela perd tout son effet d'attirer l'attention.

Voici en exemple le même paragraphe en italique

Le texte en italique est une bonne façon d'attirer l'attention chez les lecteurs, mais encore une fois attention, cela rend la lecture difficile. C'est bien pour quelques mots, mais évitez à tout prix de mettre en italique tout le contenu d'une page web comme par exemple la pensée du jour ou une phrase importante. Cela peut avoir un bon impact. Trop utilisé, cela perd tout son effet d'attirer l'attention.

Pour conclure

Si vous remarquez bien, ce ne sont pas les plus beaux sites web qui ont du succès sur Internet., mais bien ceux qui ont quelque chose à dire ou à proposer. Un site web pour être efficace doit être propre, contenant une information qui va droit au but ainsi qu'une navigation facile et intuitive. Ne pas introduire de news letter, chatroom ou forum de discussion si vous n'avez pas le temps d'en faire la gestion. Simple à gérer! Adieu les gadgets, bonjour contenu et informations.