Intégrer des images dans un site web
Sur un site web, il est de bon ton de proposer des images, cela rends la lecture d'articles agréable et sur certains sites, les images sont même une valeur ajoutée.
Mais que se passe-t-il lorsque les images sont cliquables.
Regardons le cas suivant, rencontré dernièrement en validant des sites de l'annuaire thématique.
Le site web propose des articles, illustré de photos de choix. Celles ci sont affichées sous forme de vignettes et donc cliquables pour profiter de la photo en taille réelle. Jusque-là tout est très bien.
Sauf que lorsque que l'on clique sur la vignette en question, on affiche directement la photo dans le navigateur. Il n'y a plus de lien sur lesquels cliquer, bon nombre d'internautes ferment alors l'onglet dans l'idée de revenir sur le site, et précisément sur la page qui contenait la vignette. En fermant l'onglet, c'est le site lui même que l'internaute a fermé.
Quelle url ? quelle page ? Trop de questions font que l'internaute change généralement de sujet et ne cherche pas faire l'effort de reprendre le processus qui l'a amené jusqu'au site en question.
Vous avez compris qu'il ne faut pas que l'internaute perde de vue la navigation qu'il est en train de faire. Pour cela, il convient de ne pas afficher les images directement, mais indirectement dans des pages web.
Une vignette cliquable affiche alors une page contenant les menus de navigation, y compris ceux permettant de retourner à l'article, et bien entendu l'image en taille réelle.
Il existe des solution d'affichage en ajax, mais ce n'est pas le propos de cet article, plus orienté sur la navigation.
Avec une navigation correcte et orientée sur le besoin de l'internaute, la visite du site est poursuivie, qu'il y ait des vignettes, des images taille réelles.