Formation à la rédaction web et au référencement naturel, architecture d'information, stratégie des contenus, ergonomie éditoriale, maîtrise d'ouvrage et conseil.

La page d’accueil : structure et conventions

La page d’accueil a 30 secondes pour convaincre l’internaute de poursuivre sa visite.
L’esprit de l’internaute est monopolisé par l’obtention des informations : seule importe l’adéquation de la réponse du site à sa demande.
La page d’accueil suivra les principes d’ergonomie et d’accessibilité afin d’optimiser le temps du visiteur: inutile de le déconcentrer en lui demandant de fournir un effort supplémentaire pour comprendre la navigation et le fonctionnement des éléments d’interface.
Quelles sont les règles et conventions à respecter pour présenter une page d'accueil efficace?

1. Rôle de communication
2. Présentation de l’entreprise
3. Rédaction du contenu
4. Liens
5. Navigation
6. Recherche
7. Outils
8. Conception graphique
9. Eléments d’interface utilisateur
10. Barre de titre/titre de la page (balise TITLE)
11. URL
12. Evénémentiel et nouvelles

1. Rôle de communication

• Présence du logo dans le coin supérieur gauche.
• Signature (tagline) qui résume l’activité du site ou de l’entreprise.
• Elément de différenciation par rapport aux concurrents ou valorisation du site : service, prix, produit, etc.
• Mise en exergue des 4 fonctions principales du site en page d’accueil pour orienter directement le visiteur.

2. Présentation de l’entreprise

• Présentation d’une vue d’ensemble de l’entreprise, des produits, services, de sa philosophie, son équipe, etc.
• Espace presse qui regroupe également les éléments de l’identité graphique (téléchargement des logos aux différents formats, etc.)
• Clauses de confidentialité de traitement des données personnelles, etc.

3. Rédaction du contenu

• Adapter le contenu au média Web et à la lecture Web
• Parler le langage de l’utilisateur et du client
• Eviter le jargon bureaucratique, technocratique, scientifique
• Présenter un contenu cohérent au niveau du formatage des titres, des paragraphes, de la casse
• Décrire les instructions avec précision et clarté
• Introduire chaque fonctionnalité par une brève explication
• Expliquer les sigles (acronymes, abréviation) avec une note
• Eviter les signes de ponctuations inutiles qui créent du bruit « !! »
• Ne pas écrire le texte en majuscule car cela diminue la lisibilité
• Ne pas insérer d’espace entre les lettres d’un même mot car le moteur ne reconnaîtra pas le nom : l’espace est un caractère codé (exemple : r e d a c t i o n)
• Illustrer le contenu par des exemples

4. Liens

• Présence de mots clés dans les liens en relation avec la page destinataire
• Concision et précision du lien par opposition aux liens génériques
• Explication de l’action engendrée par le lien s’il mène à un téléchargement de fichier pdf, audio, vidéo

5. Navigation

• La zone de navigation principale se trouve en 1 point stratégique à côté du contenu
• Les éléments de navigation sont regroupés de manière cohérente par activité, thème
• Le lien texte est préférable aux icônes de navigation pour des raisons de référencement
• Le retour vers la page d’accueil n’est pas cliquable sur la page d’accueil
• Les menus déroulants offrent peu d’accessibilité, il faut donc privilégier les menus statiques

6. Recherche

• Le champ de recherche se trouve généralement en haut à droite (sur toutes les pages) et comprend un lien vers la recherche avancée ou aide le cas échéant (la recherche avancée est souvent mal utilisée, faut-il l’intégrer ?)
• Le champ de recherche est large de 25 à 30 caractères
• La recherche doit porter sur l’ensemble du site, dans le cas contraire, spécifier la zone sur laquelle il est possible de faire une recherche

7. Outils

• Les 4 principales fonctionnalités doivent se trouver sur la page d’accueil
• Ne pas dupliquer les fonctions existantes du navigateur : précédent, suivant, ajouter aux favoris, etc.

8. Conception graphique

• L’utilisation de l’image doit être rationnelle : le graphisme accompagne le contenu et non le contraire
• Intégrer une légende pour chaque image
• Eviter la superposition d’une image et d’un texte
• Eviter les animations en page d’accueil et offrir une alternative statique et une explication textuelle (pour une meilleure accessibilité et une prise en compte par les moteurs)
• Eviter de présenter une information essentielle par le multimédia et l’animation
• Laisser l’utilisateur maître de sa machine et de son temps
• Utiliser une police de caractère adaptée au Web (du type Verdana) et ne pas utiliser plus de 3 typographies différentes
• Présenter un contraste entre l’arrière-plan et le texte pour plus de lisibilité
• Travailler en % pour permettre l’ajustement du site et de la typographie à l’écran de l’utilisateur

9. Eléments d’interface utilisateur

• Tous les éléments doivent être cliquables y compris les puces graphiques
• Eviter les menus déroulants qui offrent peu d’accessibilité et sont difficiles à manipuler

10. Barre de titre/titre de la page (balise TITLE)

• Critère d’identification dans les favoris
• Élément crucial pour les moteurs de recherche et le classement du site
• Le nom de domaine n’est pas mentionné sauf s’il fait partie du nom de l’entreprise
• Titre spécifique pour chaque page du site
• Maximum 7 à 8 mots et 64 caractères au total

11. URL

• L’URL de la page d’accueil ou nom de domaine est du type : http://www.entreprise.com
• Comment choisir son nom de domaine?

12. Evénémentiel et nouvelles

• Rédaction d’un titre informatif pour chaque nouvelle
• Intégration de mots clés dans le titre
• Lien sur le titre qui redirige vers la nouvelle dans son entièreté
• Présentation d’un résumé des news (ne pas prendre la première ligne par défaut)
• La date de la nouvelle se retrouve sur la page qui développe toute la nouvelle
• Les compléments de temps ou adverbes relatifs du style « hier », « l’année passée » sont remplacés par des dates concrètes.