Bonnes et mauvaises pratiques dans la conception d'une page Web
Selon une étude de Microsoft, les dix premières secondes sont critiques pour la décision de rester sur une page ou non. Il faut donc que le lecteur soit retenu par l'apparence de la page, son introduction: communiquez la valeur de ce que vous offrez en 10 secondes.
Parce qu'ils sont souvent déçu par ce qu'ils ont vu auparavant. Mais s'ils restent 30 secondes sur la page, il y a de bonnes chances qu'ils la lisent dans son entier. Pour passer le cap des 10 puis des 30 secondes, une page Web doit être conçue d'une certaine façon, pas seulement quand au design, mais pour tout ce qu'elle contient.
Voici ce qu'il faut faire et ce qu'il faut éviter dans la conception des pages pour les utilisateurs mais aussi les moteurs de recherche.
Ce qu'il faut faire
- Noms de fichiers
Ils contiennent les mots-clés caractérisant la page, séparés par un tiret (boulangerie-patisserie.html). De même pour les ancres à l'intérieur des pages. - Taille des fichiers
Elle peut se situer entre 10K et 100K. Une page trop courte n'aura probablement pas de backlinks mais si elle est trop imposante, cela découragera les lecteurs. - Titre de page
Ce doit être une phrase et non une suite de mot-clés, de 50 à 80 caractères, qui décrit le site et qui peut utiliser des termes promotionnels. - Le corps de la page
Les internautes ne lisent pas, ils "scannent" la page. Ils rechignent à lire des textes longs et non divisés par des sous-titres.
Utiliser les CSS pour séparer le contenu (et donc le mettre en valeur) de la présentation.
Utiliser la balise <strong> qui est un indicateur sémantique plutôt que <b> qui est un indicateur de présentation. - Les sous-titres
Ils doivent résumer la section ou poser la question à laquelle elle répond, et contenir les mot-clés principaux de la section. - Images
L'attribut "alt" doit contenir une description de l'image. - Liens internes
De préférence avec l'URL complète assignée à href, mais ce n'est pas indispensable. Chaque page doit être liée à une autre et la page d'accueil doit lier les principales pages internes.
Les liens internes apparaissent de préférence dans le contexte, donc dans le texte et non à la fin du texte sauf s'ils ont une pertinence globale. - Liens externes
Il est préférable de placer les liens externes à la fin du texte, (pour éviter que les visiteurs ne poursuivent la lecture sur un autre site) si le contenu n'est pas nécessaire avant la fin de la lecture de la page.
Mettre des liens uniquement vers des sites ayant un contenu de qualité et pertinent.
Ce qu'il faut éviter
- Les frames.
Peuvent gêner le travail des robots d'indexation. Elles sont maintenant supprimées par tous les sites professionnels. Elle ne favorisent pas la lecture d'une page à partir d'une autre page, et sont donc à réserver aux sites à usage privé. - Noms de fichiers.
Ce ne doit pas être des numéros (1345.html), ni des noms trop généraux (boulangerie.html) sauf dans un sous-répertoire au nom significatif. Ni une concaténation de mots (boulangeriePatisserie.html), même avec une majuscule, ou même séparés par un caractère de soulignement (boulangerie_patisserie.html). Mais des mots significatifs séparés par un tiret. - Titre de page.
Eviter les pages sans titre. Si vous n'utilisez pas la balise <title> dans la section <head>, vous pouvez donner un titre avec la balise <h1> dans le corps de la page. Chaque page doit avoir un titre différent de celui des autres. - Corps de page.
Les textes longs non structurés ne seront que rarement lus par les visiteurs. - Sous-titres.
Ne pas utiliser de titres en un seul mot ou fait de mots communs comme "Entrée en matière", "Et maintenant", etc. - Images.
Une page ne contenant que des images ne sera pas indexée par les moteurs de recherche. Les images ne seront pas ou rarement indexées sans balise alt. - Le JavaScript.
Eviter pour la création du contenu de la page ou pour charger d'autres pages. Utile pour Ajax, les formulaires, etc. - Liens internes et externes.
Ne pas mettre de liens vers des pages qui ont un sujet différent.
Inutile de répéter un lien interne dans le corps du texte, un lien est suffisant, même si le mot concerné revient. - Le format graphique flash.
Eviter.
Voir aussi la Qualité d'un site Web et comment réaliser une page d'accueil.