Design du site: réaliser un site confortable pour les humains comme pour les moteurs

Un bon design de site doit permettre à ses utilisateurs humains et aux moteurs de recherche d'accéder au contenu pertinent, de l'afficher et de le lire. Sur un plan graphique et informatique, rendre un site ergonomique permet presque automatiquement d'améliorer son positionnement dans les moteurs de recherche.

Voici quelques exemples de cette convergence entre ergonomie et référencement éthique.

Poids des pages et temps d'affichage

Les utilisateurs d'Internet détestent attendre longtemps qu'une page Web s'affiche. Après quelques secondes de patience, beaucoup abandonnent. Les moteurs de recherche se comportent de la même manière.

Le poids des pages Web et le temps qu'elles mettent à s'afficher dépendent de plusieurs facteurs. Les bons informaticiens et infographistes les connaissent et savent comment les influencer :

• Qualité du code HTML
• Performances du serveur Web
• Connexion du serveur au réseau (hébergement)
• Modération dans le nombre et la taille des images
• Format de ces images
• Feuilles de style
• Utilisation modérée des animations, séquences vidéo, sons, etc.

Pour le bien des utilisateurs comme pour le référencement, la sobriété est de mise. Evitez les gadgets visuels, animés, sonores sans réelle valeur ajoutée.

Liens et système de navigation

Pour faciliter la navigation sur le site, le système de navigation doit indiquer au visiteur :

• Où il se trouve
• Où il a été
• Où il peut aller

Pour ce faire, un site gagne à présenter :

• Des menus bien conçus, aux intitulés clairs et intuitifs
• Des liens hypertexte explicites, de format standard (bleu souligné pour un lien non encore visité, mauve souligné pour un lien visité)
• Un page "plan du site" visuellement simple, par exemple constituée de liens hypertexte
• Un "breadcrumb trail" en haut des pages, retraçant le parcours effectué par le visiteur et lui précisant "Vous êtes ici". Par exemple: Accueil > Qui sommes-nous > Equipe > Directeur Général

Ces éléments simples permettent aux visiteurs mais aussi aux moteurs de recherche de naviguer aisément sur le site. Ils doivent être visibles à l'œil nu et le plus simples possible. Par exemple, un lien en hypertexte classique est plus efficace qu'un lien généré par javascript.

Adresse URL des pages

Les sites dits "dynamiques" sont de plus en plus nombreux. Ces sites puisent leur contenu directement dans des bases de données. Ceci les rend plus faciles à mettre à jour et permet par exemple d'adapter le message aux préférences et besoins particuliers d'un visiteur.

L'un des inconvénients des sites dynamiques est qu'ils ont tendance à utiliser des adresses de pages (URL) très compliquées, du type "http://www.nomdelasociete.com/produit?as_q=ddg&num=10&hl=fr&ie=UTF-8&oe=UTF-8&btnG=demande&as_epq=&as_oq=&as"

Ce type d'adresse pose problème à la fois :

• Aux utilisateurs du site, qui ont peine à mémoriser cette adresse et à la taper dans leur barre de navigation. Lire cette adresse ne les aide pas non plus à s'orienter sur le site.
• Aux moteurs de recherche, qui peinent souvent à accéder au contenu de pages de ce type.

Or, il est presque toujours possible de gérer un site dynamique avec des adresses simples du type "http://www.nomdelasociete.com/categorie/fichier.html".

Cela demande parfois des efforts en termes d'informatique, mais améliore à la fois l'ergonomie du site et son positionnement dans les outils de recherche.

Feuilles de style (CSS)

Les feuilles de style permettent de dissocier au mieux le contenu d'une page de sa mise en forme.

Elles rendent le site plus rapide à l'a?ffichage et plus accessible pour certains publics.

Elles facilitent aussi le travail des moteurs de recherche, qui s'intéressent avant tout au contenu de la page.

Les feuilles de style sont donc bénéfiques à la fois à l'ergonomie d'un site et à son positionnement dans les moteurs de recherche.

Méfiance pour les frames

La technique des frames est presque toujours désastreuse pour l'ergonomie d'un site. Elle pose notamment des problèmes :

• D'impression
• De navigation
• D'accès direct aux pages (via les favoris, en tapant directement une adresse ou à partir d'un lien)

Les frames sont également nuisibles en termes de référencement. Il est certes possible (grâce à une balise "noframe") de contourner ce problème pour permettre aux moteurs de recherche d'accéder au contenu des pages. Néanmoins, cette solution de rechange reste presque toujours un emplâtre sur une jambe de bois.

Pour l'ergonomie et le positionnement dans les moteurs, il est préférable d'éviter les frames.

Lisibilité du texte

L'une des tricheries les plus célèbres et les plus anciennes pour tromper les moteurs de recherche est d'écrire des mots clés en caractères blancs sur un fond blanc. Les moteurs de recherche ne sont plus dupes de cette technique de spamdexing.

Au-delà de ce cas extrême, rendre les textes du site plus lisibles pour le visiteur humain a généralement un impact positif sur le positionnement. Il est bon par exemple d'appliquer:

• Un contraste maximal entre la couleur des caractères et celle du fond de l'écran
• Une taille de caractères suffisamment lisible
• Une structuration visuelle du texte, notamment par les listes à puces et les caractères gras

Balise alternative (alt) des images

Certains utilisateurs, comme les personnes aveugles, peuvent accéder au texte d'une page mais pas à ses images. Il existe donc en langage HTML une balise, dite alternative, qui sert à décrire l'image en quelques mots.

Comme les aveugles, les moteurs de recherche utilisent la balise alternative pour interpréter une image qu'en tant que machines ils ne peuvent interpréter.

Pour respecter les utilisateurs et les moteurs de recherche, il faut rédiger la balise alternative d'une image de manière objective, en décrivant effectivement ce qui s'y trouve. Il est possible d'intégrer des mots clés à cette balise, à condition de ne pas nuire à sa valeur descriptive.