Les 5 conseils pour optimiser la page d’accueil de votre site

3/ Soignez votre mise en page

La règle d’or est la suivante : évitez toute fioriture sur votre page d’accueil. L’heure est au minimalisme, à la simplicité et au contenu épuré.
Oubliez donc les compteurs de vues, les widgets et gadgets divers et variés, qui, en plus de ne plus être dans l’ère du temps, ne font que fatiguer et perturber la concentration de l’internaute. Pour l’optimiser la page d’accueil, concentrez-vous donc sur l’essentiel, sur un message unique, soigné et adapté à votre « cible ».

Outre la charte graphique et l’arborescence, qui feront l’objet d’articles complets sur le blog très prochainement, deux éléments sont particulièrement importants pour soigner l’esthétisme de sa page d’accueil :

L’utilisation de photos

L’information passe de plus en plus par le visuel, et plus par l’écrit. Ce phénomène, que certains considèrent comme un appauvrissement intellectuel, s’amplifie d’années en années et pousse les structures à s’adapter.Vous avez notamment pu observer  que beaucoup de sites utilisent des sliders – également appelés carrousels de photos – dans leur page d’accueil en lieu et place de textes.
Ces sliders sont généralement composés de 3 à 4 photos et sont accompagnés d’un lien hypertexte, qui amène vers une page importante du site.

Par exemple, si votre structure propose des colonies de vacances, vous pouvez mettre une photo représentant un groupe d’enfant*, un titre « Nos colonies pour l’été 2015 » et un lien cliquable mis en valeur « en savoir plus ».

Attention tout de même, certains points sont à respecter lorsque vous mettez une photo sur votre page d’accueil :

•  Veillez à ce que vos photos ne soient pas pixelisées ou mal proportionnées, cela peut-être vraiment repoussant.
  Pour vérifier la bonne qualité d’une photo, la première astuce est de vérifier son poids (en dessous d’1mo, la qualité sera souvent médiocre).
  La deuxième astuce, c’est d’ouvrir la photo, et de l’agrandir a à 300%. Si la photo n’est pas trop pixelisée, vous pouvez alors l’utiliser.
• Pour l’utilisation de photos sur votre site, vous avez 3 possibilités :

1. Utiliser des photos pour lequel vous avez les droits (vous avez fait signer aux personnes photographiées une décharge de droit d’utilisation de l’image).Cliquez-ici pour télécharger un modèle officiel d’attestation de droit à l’image
2. Acheter des photos sur des banques de données de photos payantes, les plus connues étant : shutterstock.com, gettyimages.fr et fotolia.com.
3. Télécharger des images libres de droit, comme http://www.lifeofpix.com/, https://unsplash.com/, http://www.stockvault.net/ et la référence en la matière, l’énorme : www.freeimages.com

La police (font)

Choisir une bonne typographie est essentiel pour la bonne lecture de votre site. Il faut qu’elle soit simple et classique, d’une couleur unique et ni trop petite ni trop grande.
Avant de vous lancer dans une police, nous vous recommandons d’en pré-sélectionner 3, dont 2 classiques et une plus originale, que vous pourrez identifier et télécharger gratuitement sur le catalogue de Google Fonts.
L’outil qu’on aime : https://www.typetester.org/

Une fois vos 3 polices identifiées, vous pouvez maintenant les tester sur cet outil très pratique (et gratuit) qui permet, en quelques clics, de comparer les 3 polices.

Dans l’exemple ci-dessus, nous comparons donc deux polices classiques, du arial et du verdana, et une font plus originale, le din condensed web. Nous comparons également 3 couleurs différentes, entre le noir et le gris foncé.

---

(Cliquez sur 4 pour lire la suite)