Mardi 29 mai 2007 — Dernier ajout mercredi 30 mai 2007

20 erreurs dans la création d’un site internet

Cet article est un adaptation de celui de son véritable auteur (avec son aimable autorisation).

Cet article est destiné aux Webmasters pour qu’ils respectent les fondamentaux.

Cette liste peut également servir à tous les responsables d’entreprise souhaitant engager une agence web pour le développement de leur site, ils pourront ainsi évaluer les compétences de leur prestataire avant de signer.

Retour Sommaire

Les erreurs classiques

Le titre vous donnera la conclusion sur ce qu’il faut faire, la suite plus de détails.

Retour Sommaire

Site en HTML, pas en Flash pur

Il est vrai que c’est souvent la première question que l’on se pose.

Aujourd’hui il y a beaucoup plus d’avantages de choisir un site en HTML et de garder Flash pour les animations.

Vous aurez

  • plus de visibilité,
  • un meilleur référencement,
  • une plus grande accessibilité
  • et l’évolution du site ne sera pas problématique.

Le Flash peut être utilisé pour de l’événementiel, ou dans des secteurs comme la publicité, la photo, le cinéma, la musique pour libérer le potentiel graphique des designers.

Retour Sommaire

Rendre la page d’entrée accueillante

Premièrement évitez de modifier la taille de l’écran du navigateur, il y a rien de pire lorsqu’on arrive sur un site. Des développeurs lassés ont même fait un plugin pour Firefox : Stop Resizing My Firefox Window, $%@* !.

Ensuite évitez de charger un site en popup lors de l’arrivée sur le site, ces popups sont bloqués et vous risquez de perdre vos visiteurs à cause d’un message (« Une fenêtre intempestive a été bloquée »). Essayez de charger le contenu directement dans la page du navigateur.

Enfin à proscrire : la page d’accueil qui demande au visiteur de choisir entre un pauvre site en HTML, un site en Flash long à charger, un site en Flash léger mais moins joli que le précédent… Faites votre choix de technologie et évitez de partir dans 4 directions différentes.

Retour Sommaire

utilisez les standards !

Inutile de vouloir bouleverser les standards : mettre une police dans une taille trop petite ou bien avec un trop faible contraste par rapport à votre fond ne permettra pas à vos lecteurs de vous lire.

De même il n’est pas nécessaire de souligner du texte s’il ne s’agit pas d’un lien.

Enfin pour les liens, évitez d’utiliser des fonctions javascript ou bien des target=_blank qui empêchent l’internaute de naviguer à sa façon.

Retour Sommaire

Une navigation interne claire

Évitez de vouloir créer une navigation originale que personne ne comprendra, gardez à l’esprit qu’une navigation en haut ou à gauche, ce n’est peut être pas nouveau mais c’est très fonctionnel.

De plus une navigation avec des menus en texte et un peu de CSS est préférable à des images, encore une fois pour l’accessibilité/visibilité.

Retour Sommaire

Mettre suffisamment de texte

Si vous avez peur de mettre trop de texte dans votre site, sachez que vos visiteurs ne vous trouvent pas grâce à vos images (à moins que vous présentiez votre site à des concours de webdesign).

Le contenu est roi. En d’autres termes, les visiteurs ainsi que les robots lisent le texte accessible et non celui contenu dans des images ou du Flash.

Si vous êtes une entreprise et que vous ne savez comment écrire le texte, il est important que vous engagiez un professionnel pour qu’il s’en charge. Le texte est le seul moyen pour que l’on vous trouve.

Attention tout de même à faire la part des choses car mettre trop de texte est aussi un facteur d’ennui. Il existe une façon d’écrire pour le web qui est très spécifique.

Retour Sommaire

Ne pas forcer le fond sonore

Utilisez avec parcimonie le son ainsi que la vidéo sur votre site, même si celui-ci est en Flash et que c’est la dernière musique à la mode.

En effet une majorité de vos visiteurs surfent la journée au travail et généralement ils souhaitent pas faire trop de bruit.

De plus l’utilisation de la vidéo ou du son peut ralentir le chargement de la page (cf : faire attention au chargement de vos pages).

Mais vous pouvez néanmoins mettre un lecteur vidéo ou du son sur votre site avec un bouton visible pour le couper.

Le mieux c’est de laisser la possibilité à l’internaute de jouer volontairement la vidéo ou la musique.

Retour Sommaire

Mettre les vidéos au format Flash

Ce n’est pas pour faire de la pub pour les solutions Adobe, mais leur format Flash est multi-plateforme et détient le plus fort taux de pénétration (95% des ordinateurs personnels en Europe en sont équipés).

Donc il est préférable de mettre un lecteur Flash avec de la vidéo comme youTube ou Dailymotion le font plutôt que de proposer des vidéos aux formats tels que Real Player / Microsoft WMA-WMV

Vous toucherez de plus le public sous Linux.

Retour Sommaire

Mettre de moteur de recherche interne

Le moteur de recherche est le module indispensable à tout site internet ayant plus de 10 pages.

Les internautes se font une idée d’un site en quelques secondes, et s’ils mettent plus de 20 secondes pour trouver ce qu’ils cherchent ils s’en vont ailleurs et ne reviendront surement pas.

Certains visiteurs préfèrent naviguer dans le site pour voir de façon générale le contenu alors que d’autres veulent rapidement accéder au contenu souhaité.

Il faut que la zone de recherche soit visible dès la page d’accueil et indexe tout le contenu du site pour répondre rapidement.

Retour Sommaire

Faites attention au chargement de vos pages

En règle générale le contenu du site doit se charger rapidement (voir un article sur le temps de chargement des blogs).

Vos visiteurs apprécieront de voir le texte s’afficher en 1 ou 2 secondes, c’est un paramètre extrêmement important surtout si vous faites du commerce avec votre site.

Bien que dans l’ensemble l’ADSL nous offre des réponses rapides, il ne faut pas négliger les 12% des personnes en France n’ayant pas le haut débit.

De plus un site léger libèrera plus de bande passante et encombrera moins votre serveur.

Retour Sommaire

Une page « a propos »

Il est important d’avoir une page ou l’internaute puisse connaître celui qui se cache derrière le site.

Cette page aide à montrer le sérieux, le parcours et peut éviter de nombreuses questions.

Pour les entreprises il est impératif de soigner cette page ou cette rubrique, car il est nécessaire de rassurer son client potentiel et j’invite même les entreprises à créer leur trombinoscope et mettre des photos liés à leurs activités externes (salons, conférences…)

Retour Sommaire

Évitez les effets inutiles

Une liste de chose à proscrire :

  • les textes clignotants,
  • l’utilisation systématique de popups,
  • les introductions Flash (même avec un bouton sauter ou skip intro) [1]
Retour Sommaire

Testez votre site sous FireFox/Safari/IE-5.5

1 visiteur sur 5 risque de ne pas voir votre site correctement ou pire de pas pouvoir passer commande si vous avez un site marchand.

Firefox représente une part non négligeable des navigateurs, il est crucial d’y tester le fonctionnement de votre site car dans le cas contraire, vous risquez de vous mettre à dos tous les branchés (geeks), dont je fais partie et qui ne jurent que par le renard Firefox.

Retour Sommaire

Vérifiez vos liens

Rien de plus énervant que de tomber sur un mauvais lien, il est important de faire vérifier vos liens à l’aide d’un logiciel ou bien avec cette extension Firefox LinkChecker.

Retour Sommaire

Une navigation consensuelle

Inutile de réinventer la navigation.

Voici quelques recommandations :

  • Ne pas utiliser des scripts pour empêcher les internautes de pouvoir revenir à la page précédente pour les obliger à rester dans votre site.
  • Ne pas utiliser le passage de la souris pour faire découvrir les intitulés des menus
  • Ne pas faire disparaître le menu de navigation
Retour Sommaire

Des formulaires compréhensibles

  • Allez à l’essentiel lorsque vous demandez des informations à vos visiteurs.
  • Avez vous vraiment besoin de connaître le titre (Monsieur/Madame…) ?
  • Préférez des choix par l’intermédiaire d’un liste plutôt qu’une saisie,
  • Limitez les champs obligatoires
  • Ayez un contrôle flexible dans la validation [2]
  • N’affichez pas des fonctionnalités inexistantes [3]
Retour Sommaire

N’utilisez pas forcément les dernières nouveautés

AJAX offre de nouvelles possibilités en terme de rapidité, de souplesse et d’ergonomie. Encore faut-il l’utiliser à bon escient !

Si vous voulez absolument intégrer à votre site de nouvelles fonctionnalités, prenez votre temps afin de voir dans quelles mesures celles-ci sont applicables.

En règle générale on a tendance a en faire un peu trop quand il s’agit d’une technologie nouvelle.

Retour Sommaire

Tester son site auprès de personnes différentes

Quand votre site est terminé, faites le tester autour de vous, et écoutez les retours, les incompréhensions de navigation.

Retour Sommaire

Ne laissez pas tomber vos visiteurs

On aime pas se faire abandonner ! Offrez toujours du contenu à vos visiteurs.

Quand une recherche ne fournit aucun résultat ou quand une page est indisponible, ne laissez pas votre page vierge, mettez des liens ou proposez les différentes catégories/sections de votre site.

Retour Sommaire

Restez dans l’esprit du Web

La nouvelle vague du WEB 2.0 a crée une nouvelle façon de penser les sites internet avec une meilleure lisibilité et des effets en tout genre. Mais l’important est de ne pas oublier les bases de l’internet.

  • Écrire du texte lisible avec des liens distincts
  • Utiliser les bonnes balises HTML
  • Navigation et Recherche : fonctionnelles et visibles
  • Formulaires rapide et simple à remplir

Retour Sommaire

[1En effet si vous devez présenter un produit ou un service, optez plus pour un lien assez visible dans votre page d’accueil pour laisser le choix à vos visiteurs d’aller consulter l’animation Flash.

[2ex : un numéro de téléphone peut très bien être saisi avec des espaces ou des points, c’est par la suite très facile de les enlever au moment de la validation

[3Quand vous avez un icône avec une loupe sur une image, vous pensez que lorsque vous allez cliquer sur celle-ci vous allez voir cette même image dans une taille plus grande. Il existe aujourd’hui beaucoup de site de vente en ligne où cela ne sert à rien puisque l’image qui s’ouvre en zoom est identique à l’image affichée sur la page.

Vos réactions

  • KAMEL/ TEMPOHITSONO 27 octobre 2014 15:52

    Bonjour,

    Voila un enseignement pratique, efficace ! Si j’ai bien compris l’internaute passe 20’ maxi sur le site et il faut qu’il reste sur ce site pour y trouver les réponses à ses questions, ses demandes, ses besoins, son prestataire ! Bravo, merci pour ces explications !