05/28/2006

Des fleurs

Author: Romain Dehaudt, Head of Revenue & Operations

blogrfleurs.gifDans la panoplie grandissante des outils de représentation des sites et de leur visibilité sur le réseau, j’ai choisi un petit clin d’oeil printanier.
Vous vous demandez en effet ce que représenter l’image ci-jointe ? et bien tout simplement ce blog vu par Aharef.info qui propse de représenter ainsi les pages par leur structure.
Bleu : liens (the A tag)
Rouge : tableaux (TABLE, TR and TD tags)
Vert : DIV tag
Violet : images (IMG tag)
Jaune : formulaires (FORM, INPUT, TEXTAREA, SELECT et OPTION tags)
Orange: retour à la ligne et autres paragraphes (BR, P, et BLOCKQUOTE tags)
Noir : HTML tag et point d’entrée
Gris : autres tags

On caractérise ainsi la structure, la cohérence et la complexité d’une page. Plus il y a de points, plus la page est complexe et riche et, en bonne logique de pollinisation, les liens (bleu foncé) sont aux terminaisons des fleurs.
On identifie bien en bas à droite la navigation haute de la page, en haut à droite la barre à gauche avec notamment le pavé de photos et liens de tri par contributeurs, en bas à gauche une structure arborescente riche qui correspond aux billets.
Outre les exemples assez éclairants proposés sur le site, vous pouvez soumettre vos urls préférées et voir de quoi il retourne.

gallery image