La mise en page web

Une mise en page web réussie, un site internet bien construit, présenté d'une manière agréable à lire avec une ergonomie bien pensée attira la sympathie de vos lecteurs.

La mise en page web n'est pas uniquement une question de goût.
Elle obéit à certaines règles largement éprouvées, en terme de confort et d'efficacité.

Conseils pour mettre en page le contenu de votre site web :

Présentez sur chaque page un certain nombre d'informations

• le nom de votre site
• l'email de contact
• le nom de la rubrique visitée
• le menu de navigation principal
  ou la possibilité de retourner sur la page d'accueil...

Rédigez les titres de chacune de vos pages «  Meta tag »
Lorsque vous allez sur un site internet, un titre apparaît tout en haut de votre écran, au dessus de votre navigateur.
Si le lecteur a ouvert plusieurs fenêtres, il peut grâce aux titres des pages web ouvertes se repérer dans l'historique de sa consultation.

Facilitez la lisibilité de vos pages, vos textes (typographie)

• Police de caractère :
  - N'utilisez pas plus de 3 polices de caractères différentes.
  - Privilégiez les fontes sans serif : Arial, Verdana, Georgia.
  - Évitez les polices de caractères spéciales.

• Taille de caractère
  - Utilisez une taille suffisamment grande.
  - Mettez en avant les titres et intertitres en jouant sur la taille des caractères.

• Majuscule
  - Utilisez les majuscules pour des titres de rubrique.
  - Évitez les majuscules dans le texte d'un paragraphe.

• Italique
  - A utiliser uniquement pour les citations.

• Soulignement
  - Évitez de souligner du texte autre que les liens hypertextes.

Soignez la Présentation de vos textes et titres

• Évitez les animations ralentissant la navigation.
• Évitez les textes clignotants ou défilants.
• Évitez les textes avec des lignes trop longues (90 caractères maxi/ligne).
• Soigner le contraste entre la couleur de vos textes et celle du fond de votre page web.

Respectez la règle des trois écrans
En général, la longueur d'une page web ne doit pas dépasser 3 écrans pour limiter le défilement vertical.
Le premier écran doit rassembler le maximum de l'information et inviter à la découverte du reste de la page. Vous pouvez toutefois aller jusqu'à 5 ou 6 écrans (grand maximum).
Si votre texte est trop long, faîtes deux pages avec une navigation suivant, précédent..

Évitez le défilement horizontal
Il n'y a rien de plus désagréable que de se servir du défilement horizontal pour voir une page dans son intégralité.
Quelle que soit la résolution de l'écran de votre utilisateur, faîtes en sorte qu'il n'ait pas à l'utiliser !

------------------------------------

Pour réussir votre mise en page web, présenter le contenu de votre site Internet de façon attractive, les recommandations ci-dessus ne suffisent pas.
Pensez aussi à mettre en relief vos pages web !