Les choses à ne pas faire

Personnaliser son site ne veut pas dire faire un site « sapin de Noël ». Évitez de mettre trop de couleurs ou de la musique de fond, d’utiliser des polices de caractères peu courantes ou trop de widgets. Évitez également les choses comme les scrollbar ou curseurs personnalisés. Tout ceci risque d’alourdir votre site et surtout de déplaire à une partie de vos visiteurs.

Voir les 10 erreurs à éviter

Lorsque vous pensez personnalisation, pensez personnalisation utile. Si une modification n’est pas nécessaire ne la faite pas.

Les images

La bannière ou le logo

La bannière ou le logo que vous placez en haut de votre page est un élément très important qui mérite que vous y consacriez du temps. C’est la première chose que voit votre visiteur et c’est aussi l’image qui doit représenter votre site.

Une bonne bannière (ou logo) est une bannière:

• qui a un rapport avec le contenu du site
• qui comporte le nom du site (LSI est un parfait contre exemple)
• qui n’a pas l’air d’avoir 10 ans
• dont on se rappelle

Le favicon

Ce qu’on appelle un favicon est l’icône qui s’affiche à côté du nom ou de l’adresse d’un site web dans les navigateurs. On le trouve principalement dans la barre d’adresse, les onglets ou les favoris.

Le favicon est important car il aide l’internaute à retrouver et à identifier votre site rapidement.

Tous les éditeurs d’images ne permettent pas d’enregistrer en .ico; Photoshop ne le fait pas sans l’installation d’un plugin par exemple. Mais vous pouvez facilement créer votre favicon en ligne à partir de n’importe quelle image. Un bon site:

http://tools.dynamicdrive.com

Les boutons ou icônes

Aujourd’hui les boutons pour faire des liens entre les pages d’un site se font rares. Premièrement car ils sont souvent esthétiquement discutables et ensuite car un simple lien texte permet un meilleur référencement et allège votre page. En revanche les icônes du monde web 2.0 (Twitter, Facebook etc.) sont devenues incontournables. Vous pouvez faire vos propres boutons mais regardez avant les nombreux packs qui sont proposés partout sur internet. Un exemple ici:

www.iconspedia.com

Les puces

Les puces sont les petites icônes ( ) que l’on affiche devant un lien ou les éléments d’une liste. Pesez y pour organiser et éclaircir votre site.

Le CSS

CSS: Cascading Style Sheets (Feuilles de style en cascade)

Le CSS est le langage informatique (simple) qui est à la base de la mise en page et du design d’un site. Chaque site possède au moins une feuille de style à laquelle il « demande », avant d’afficher une page, où il doit placer tel élément, quelle sera sa couleur etc.

Bien connaître le CSS est un grand atout car il permet de changer en quelques secondes tous le design d’un site.

La couleur

La couleur d’un site est fondamentale. Si vous pouvez laisser place à votre imagination pour la couleur de fond ou les menus de votre sites il est fortement conseillé d’utiliser du blanc ou du gris très clair pour le fond d’un texte.

Plutôt que le noir comme couleur de texte vous pouvez choisir du gris foncé qui rend un site plus doux et fatigue moins les yeux.

Affichez vos liens de couleur différente au reste du texte pour les faire ressortir. Le bleu est souvent utilisé mais il n’y a pas de règle. Le « bleu Google » aurait même tendance à faire un peu vieillot si vous voulez mon avis.

Les liens

Grâce au CSS vous pouvez changer la couleur de vos liens, les agrandir ou les souligner au passage de la souris etc. Pensez à la fois esthétique et pratique.

Les textes

Changer la taille et la police des textes est important.

En faisant varier la taille et la police de vos différents textes vous améliorez la clarté de votre site car l’internaute fait immédiatement la différence entre le texte principal, les annonces, les menus, les légendes etc.

Autres

Le CSS permet une multitude de choses outre celles citées précédemment comme mettre en valeur les titres, faire des tableaux, rajouter une bordure aux images etc. Vraiment, prenez le temps de vous intéresser au CSS, ce sera du temps bien investit.

Lisez aussi:

1. Faire son site: Par où commencer?
2. Comment attirer des visiteurs sur son site?