Cet article est dédié à tous les internautes qui souhaitent créer un site Web. Quelques conseils pour éviter les erreurs qui pourraient gâcher votre travail.

Trop d’images tuent la page !

Evitez tant que possible d’alourdir vos pages HTML avec une multitude d’images. Vos fichiers seront moins lourds et donc plus rapides à charger (Gain de temps, gain d’argent pour certain !). De plus, vos visiteurs resteront davantage si votre site s’affiche vite.

Utilisez des polices standard

Dans vos feuilles de styles CSS, vous pouvez choisir la police de caractère que vous voulez pour votre site mais sachez que si l’Internaute ne possède pas cette police sur son ordinateur, la mise en page de votre document risque de subir des modifications inattendues. Pour éviter cela, utilisez les polices classiques comme :

- ARIAL
- VERDANA
- TIMES NEW ROMAN
- GEORGIA
- HELVETICA
- COURIER
- GENEVA

Ainsi, vous êtes quasi-certains que les Internautes possèdent ces polices et donc qu’ils n’auront pas de problème de lecture.

Malgré tout, si vous voulez utiliser une police plus originale, la solution est de créer des images (pour un menu par exemple).

Les Cadres (Frames)

Evitez l’utilisation de « Cadres » (Frames) dans vos documents car elles posent des problèmes pour certains navigateurs mais surtout lors du référencement. De plus, elles sont très contraignantes pour l’internaute novice qui souhaite imprimer une page de votre site ou mettre une page dans les favoris.

Les liens brisés

Un site est composé de divers éléments dont les liens hypertextes qui permettent de naviguer de page en page.
Veillez à mettre des liens utiles dans vos pages afin que la navigation soit plus fluide pour l’utilisateur.
Vérifiez toujours qu’il n’y a pas de liens dits “brisés” dans vos pages car il n’est pas agréable de cliquer et de ne pas arriver à la destination souhaitée.
Pensez également à ajouter l’attribut « ALT » sur vos images pour donner une description de l’image.

Exemple :

<img src="images/mamie.gif" width="120" height="90" alt="Photo de mamie">

Compatibilité navigateur

Essayez tant que possible de vérifier votre site Web sur Internet Explorer, Firefox, Opera et autres navigateurs. En effet, il existe des incohérences par rapport à l’interprétation de vos pages Web entre ces différents navigateurs. Qui plus est, elles ne fonctionnent pas de la même manière sur IE (Windows) et IE (MacOS), ainsi que Firefox (Linux) et Safari (MacOS).
Vous aurez de merveilleuses surprises si vous ne faîtes pas attention lors de l’intégration de vos pages HTML !!!
La meilleure solution est de vérifier votre code sur http://validator.w3.org et de corriger vos erreurs. (Cependant, il n’est pas garanti que vos pages s’affichent de manière homogène même si elles sont conformes aux standards W3C).

Les Meta Tags

N’oubliez pas d’insérer des Meta tags dans vos pages car votre référencement n’en sera que meilleur. Les Meta tags sont un ensemble de codes qui se présentent dans des balises <META> de la façon suivante :

<meta name="description" content="La description de votre site">
ou
<meta name="keywords" content="inscrivez ici la liste des mots-clés caractérisant votre site, séparés par une virgule">

Ainsi, quand vous éditez votre page, ils permettent aux robots des moteurs de recherche (entre autres) d’indexer votre site et d’obtenir des infos pour le caractériser.

Créer des META TAGS >>

La navigation interne

La navigation dans votre site est très importante. Il est fondamental de pouvoir naviguer facilement sur vos pages. La navigation doit alors être présente partout et surtout être bien organisée.
Voici quelques exemples de liens que l’on trouve fréquemment sur les sites Web et qui améliorent la navigation :

- vers la page d’accueil du site.
- vers des pages rubriques
- vers une page d’aide
- vers une page nouveautés
- vers un contact (e-mail ou formulaire)
- vers un plan du site
- etc.

La taille de vos fichiers

Vous devez faire attention à la taille de vos fichiers. Pour cela, il faut tenir compte des statistiques concernant la résolution d’écran des Internautes et l’adapter en fonction. Si un de vos visiteurs possède un écran 15″ avec une résolution 800x600, et que votre site est conçu pour résolution 1024x768, il aura beaucoup de mal à le parcourir.

La résolution la plus répandue à l’heure actuelle est 800x600 même si le 1024x768 est largement répandue.

Les couleurs

Vous devez également faire attention aux couleurs utilisées dans votre charte graphique. Vous ne pouvez pas choisir toutes les couleurs que vous souhaitez puisque celles-ci sont limitées (palette de 216 couleurs Web).
Au cas ou vous en utilisez quand même, certains internautes risquent de voir des couleurs approximatives et non celles que vous avez choisies.
A vous de juger !

>> En savoir +

L’orthographe

Attention à ne pas commettre de fautes d’orthographe dans vos pages Web. Essayez, tant que possible, de relire vos textes avant de les publier.