Intégrer des images dans un site web

Navigation: Pages Webmaster > Conception

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 ce passe t'il lorsque les images sont cliquables.

Gérer les images en vignette

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.

Comment ouvrir les images en taille réelle ?

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.

Commentaires

Autres publications Conception

Recettage de projet web
(Ecrit le 01/02/2011 - 4.868 lectures)
Comment faire le recettage d'un projet web ? Les tests de recette sur un projet internet sont ils différents des tests réalisés pour un projet classique ?

Twitter va s'afficher partout
(Ecrit le 16/03/2010 - 2.965 lectures)
Twitter a annoncé une nouveauté, pas du tout attendue par les webmasters, la possibilité de twitter depuis n'importe où, sur le web

Javascript et la navigation web
(Ecrit le 17/02/2010 - 9.564 lectures)
Utiliser javascript comme un lien interne est il une bonne chose pour la navigation web, le référencement ? Comment concevoir correctement ses pages web.

Intégrer des images dans un site web
(Ecrit le 12/11/2009 - 1.662 lectures)
Lorsque sur un site web les images deviennent cliquables, il faut gérer correctement la navigation, au risque de perdre un visiteur

Alimenter un fichier kml en continu
(Ecrit le 13/06/2009 - 2.862 lectures)
Un fichier kml n'est qu'un fichier xml, donc structuré donc modifiable à la volée. Le résultat donne une carte Google Earth qui présente un flux de données mais de manière automatique.

Faire des liens
(Ecrit le 11/11/2008 - 1.949 lectures)
Faire les liens et la base de l'internet et donc du référencement de sites, voyons le cas des pages dont on ne veut pas que le lien soit suivi (rel=nofollow)

Cliquez ici ou là
(Ecrit le 24/10/2008 - 5.264 lectures)
L'internaute est un imbécile, il faut lui dire où cliquer ! ah bon ?

Liens hypertexte
(Ecrit le 28/09/2005 - 5.923 lectures)
Le lien hypertexte, élément de base de la page web, pour l'internaute comme pour le référenceur, et pourtant...

Site web de qualité
(Ecrit le 15/05/2005 - 14.875 lectures)
Niveaux et éléments de qualité d'un site web.

Kit graphique ou script
(Ecrit le 15/12/2004 - 15.302 lectures)
Pour faire un site web, faut il choisir un kit graphique ou bien un script ?

Liens relatifs liens absolus
(Ecrit le 06/10/2004 - 8.154 lectures)
Bien gérer ses liens et ses répertoires, c'est éviter les erreurs 404 page non trouvée

Conception et référencement de site
(Ecrit le 23/09/2004 - 4.515 lectures)
Penser à la visibilité d'un site dès la phase de conception.

Suivez phortail

Web phortail.org

• Certification ISTQB
• Qualité logicielle
• Cahier des charges fonctionnel détaillé
• Emploi de Test manager en Recette informatique
• Emploi de Test Analyst en Recette informatique