026 - Nuage de tags (en anglais : tag clouds)

Note des lecteurs

Trop bien rangées, les choses sont parfois introuvables !

Note 5/5, coût 2/5, accessibilité 3/5 Navigation Web 2.0

Exemple sur www.flickr.com

Pour qui ?
La navigation en pied de page devient de plus en plus populaire auprès des sites ayant une grande diversité de sujets à aborder.

Il existe à ce jour 3 modes de présentation de cette navigation :
- affichée en pleine page sur la page d’accueil
- et / ou en pied de page sur les pages internes
- en plus petit dans la colonne de droite ou de gauche.

Faire collaborer le cerveau droit et le cerveau gauche

Ce type de navigation est à la frontière de la représentation visuelle du contenu d’un site. Elle fait collaborer le cerveau gauche (cerveau logique) et le cerveau droit (cerveau de la globalité) de l’internaute.

Elle présente une liste de liens affichés à la suite les uns des autres séparés d’un espace régulier. Ces liens sont des mots-clés ou des intitulés d’articles… Ils sont appelés tags. Un tag porte la notion de description informelle d’un contenu.
Un ensemble de tags définit un contenu. Pour retrouver le contenu, il suffit de cliquer sur un de ces tags. La liste des tags est triée par ordre alphabétique, par ordre décroissant de création, ou autre…

Cette navigation contient une 3ème dimension, les libellés sont écrits en plus ou moins gros. Plus un libellé est gros, plus il est utilisé dans le site. Des variantes de ce concept existent. Plus un tag est gros, plus il est populaire auprès des internautes.

Cette navigation est typique de la mouvance Web 2.0. Les internautes étant les créateurs des contenus non seulement textuels mais multimédia. Il fallait trouver un moyen de leur faire décrire les contenus publiés. Sans catégorisation imposée, cette navigation accélère le processus de mise en ligne et la liberté de catégorisation de l’internaute.
Ce qui évite un lourd travail éditorial. La catégorisation d’un site s’appelle la taxonomie des contenus. Les tags étant générés par les internautes dans une langue beaucoup plus informelle, le web 2 a vu apparaître le terme de Folksonomie (la catégorisation du peuple).

Exemple sur www.43things.com qui ajoute des images à ses tags afin de donner encore plus de volume au nuage

Exemple sur www.blogotipe.com Les élections présidentielles 2007 en France ont passionné nombre de blogueurs. Pour connaître les thèmes qu’ils abordaient le plus, il suffisait de jeter un oeil sur le nuage de tags.

Exemple sur www.ilovegreen.com .Ici la volumétrie contenue derrière chaque mot-clé est indiquée par l’association d’un chiffre en regard du mot-clé. Cela règle les problèmes d’accessibilité, le nuage de tags perd alors sa dimension visuelle.

Lors de l’implémentation de cette navigation :

utilisez des listes à puces (code html UL / LI) pour lister vos tags. Si ce n’est pas
possible, insérez des caractères en dur comme un tiret entre les tags.

insérez une légende au-dessus du nuage de tags afin d’expliquer à quoi correspond un tag plus gros que les autres. Exemple : plus un lien est imposant, plus il est populaire.

insérez une alternative textuelle à l’importance des tags. La taille des liens est une représentation graphique, qui ne sera pas accessible aux personnes aveugles.
Exemple : insérez aux liens un attribut TITLE de type title=”**** Accessibilité“. Ajoutez
la légende de la retranscription textuelle en haut du nuage de tags.

laissez à vos internautes la possibililité de renseigner des phrases-clés plutôt que des mots-clés. Ceci leur permettra de décrire plus précisément le contenu et ce sera bénéfique pour le référencement du contenu. Aidez vos contributeurs à limiter les redondances en leur proposant des synonymes
déjà utilisés des tags qu’ils ont associés à leur contenu. Vous pouvez aussi faire comme www.43things.com. Ils invitent les internautes à signaler des contenus similaires.

Dans le livre “Internet, donne-moi ce que je veux !”, lors d’une interview Reza GHAEM-MAGHAMI, directeur du développement Proximity BBDO nous dit :

- En quoi ce modèle de navigation peut vous aider à observer ce que veulent vos internautes.

L'avis du premier groupe de test du livre

par clem de posykrat.info le Mercredi 24 septembre 2008 à 8:07
+1 personne a trouvé ce commentaire intéressant

Je suis pas tout à fait d’accord…

Les nuages de tags ne sont que très très peu utilisés par l’internaute moyen. La cause, à mon sens, c’est l’ergonomie et la présentation : ilisible et bordélique.
par Didier de wolforg.eu le Mardi 30 septembre 2008 à 12:09
+0

@ Clem :
Les nuages de tags peuvent être comparés aux flux RSS dans ce sens qu’ils ne sont encore utilisés majoritairement que par les geeks et les internautes de la génération “Web 2.0″, ceci dit pourquoi se priver de ses internautes?

Il est tout à fait possible d’avoir pour son site un flux RSS et une newsletter classique, au même titre qu’il est tout à fait possible d’avoir sur son site une navigation “traditionelle” et un nuage de tags.
Le nuage de tags possède aussi l’avantage de fournir une navigation tranversale car thématique ainsi que de montrer d’un seul coup d’oeil la ligne éditorial du site. En effet plus un tag est utilisé plus il est visible, ce qui induit que les plus grandes thématiques se démarquent de manière automatique.
Quand à la présentation de ce nuage de tags, elle peut-être tout sauf illisible et bordélique ce n’est qu’une question de paramétrage plus ou moins finement géré.

Ré@gissons, p@rticipons…