CNAM Essonne
http://www.cnam-essonne.net/
16-03-2004

CNAM Essonne

Commentaire à propos de votre analyse sur le Site CNAM
Belle analyse "à priori" du site ! Cependant, et sans vouloir sous-entendre que ce site utilise les moyens que je vais mentionner, vos conclusions manquent quelque peu d’approfondissement :
1. La page Tunnel, même si à priori elle n’a aucun rôle majeur (pas de choix de langue, pas de portail en cause), sert souvent à aiguiller les moteurs de recherche ou "robots" (bots) : la question est d’optimiser le positionnement dans les différents moteurs, en programmant une page tunnel par moteur/mot clé (ou encore une page d’accueil). La page tunnel peut aussi servir à déterminer le navigateur utilisé, la résolution de l’écran de l’utilisateur, et d’autres informations afin d’optimiser l’expérience de navigation (en relation avec les technologies utilisées par l’internaute).
2. Le fait que des cadres sont utilisés ne devrait pas vous faire conclure que c’est une lacune ergonomique. En effet, tout site utilisant des cadres qui sont intégrés selon le "bon exercice de l’Art" devraient être référencés correctement. Il existe des techniques pour ce faire, il s’agit de les connaître. Quant au bouton de retour du navigateur, ce denier ne pose aucun problème avec les cadres du moment que l’internaute sait que "c’est ce qui a été vu avant le dernier click qui sera affiché".
2’. Bien au contraire, l’utilisation de cadres rend souvent la navigation beaucoup plus intuitive, si le design suit (évidemment). Le problème des cadres en est un technique, et plus souvent qu’autrement leur utilisation fut décriée simplement par méconnaissance approfondie de leur "programmation". C’est simple : un consultant/Webmaster qui n’a aucune formation en programmation ou en logique structurée va tout simplement éliminer l’utilisation de cadres. Pourtant, les cadres permettent entre autre de mieux organiser l’information, selon une modélisation "atomique". J’ai écrit un article sur ce point si ça vous intéresse (en anglais, mais je peux vous le traduire)...
3. Le fait que la barre de navigation soit en JavaScript n’est pas une lacune pour le référencement. En effet, les codes du fichier Web peuvent contenir des hyperliens mis en commentaire afin que les robots puissent indexer le reste du site. Une autre technique est l’utilisation d’un fichier "robot.txt" qui lui aura pour seul rôle d’aiguiller l’indexation, en nommant les fichiers/répertoires devant être indexés.
Bref, lorsque votre analyse d’efficacité pour la visibilité se réfèrre aux technologhies pour conclure, vous devriez élaborer un peu plus. Car il semble que ce que vous dites, c’est que pour être efficace, il ne faut pas utiliser de cadres pour la présentation, ni de JavaScript pour les liens vers les sections principales !
J’ai déja programmé un site entièrement dynamique (commerce électronique), ayant donc des implications beaucoup plus complexes afin d’être indexé correctement - si on compare la difficulté avec celle des cadres ou du JavaScript. Et je peux vous affirmer que lorsqu’on vise une intégration avec des critères bien définits quant au marketing/visibilité, il n’y a aucun problème à adapter les différentes technologies, pour autant qu’on les connaisse. Car au bout du compte, c’est là que tout se joue : une collaboration étroite entre l’effort marketing et l’intégration technologique. Car c’est là aussi que des "heurts" peuvent survenir entre équipes de travail, qui ne sont pas souvent appelées à collaborer, mais plutôt à avoir une attitude "hiérarchisante" (qui va tirer la couverture de son côté ?)...
Cordialement, Frédéric Jeanbart
P.S. : Je trouve votre site très intéressant, c’est une belle initiative.

CNAM Essonne

CNAM Essonne

Merci pour votre commentaire.
Je me permets de répondre brièvement à vos points :
1- Elle ne sert à rien et c’est bien cela qui lui est reproché. La critique se base non pas sur ce qu’elle pourrait faire, mais sur ce qu’elle fait.
2- Aucune des techniques pour aider au référencement des cadres n’est appliquée sur ce site. Concernant l’ergonomie, je me permets de citer http://www.mlb-design.net/ergonomie.htm : "Ils occupent trop d’espace, surtout lorsque le site a été imaginé pour une configuration d’écran supérieure à celle de vos visiteurs. L’URL affichée dans le navigateur n’est pas celle de la page. Si le visiteur arrive directement sur la page centrale, il n’a pas accès à l’interface de navigation, si celle ci est placée dans une autre frame. Les moteurs de recherche ont parfois des difficultés à reférencer automatiquement les frames."
3- De nouveau, ceci n’est pas utilisé sur ce site et pose donc problème.
Cordialement.
Maxime Grandchamp

CNAM Essonne

J’ai été voir votre lien. Ils mentionnent les défauts des cadres, mais plutôt que de dire qu’il existe des techniques pour pallier à ces problèmes, ils font croire implicitement qu’il est mieux de ne pas les utiliser. Bon conseil quand on ne sait pas manipuler les cadres, mais c’est comme si je conseillais qu’il ne faille pas lier un site à une base de données sous prétexte qu’il faut non seulement coder, mais aussi prévoir des techniques pour garantir l’intégrité des données et la sécurité...
Maintenant, l’une des raisons reste douteuse : "Ils occupent trop d’espace, surtout lorsque le site a été imaginé pour une configuration d’écran supérieure à celle de vos visiteurs." Hmmmm.... Je crois qu’il ne savent pas que les cadres peuvent être dimensionnés dynamiquement, ou qu’il n’est pas nécessaire qu’un cadre de navigation occupe plus du dixième de la surface d’écran. Je pourrais dire exactement la même chose d’une image dont les dimensions sont fixes, ou mieux un tableau HTML à largeur fixe, et avec plus d’à propos quant à la raison invoquée. Pourtant, on ne conseillera jamais de ne pas utiliser ces derniers..
Mon conseil pour les cadres : "si vous ne connaissez que les balises FRAMESET et FRAME, mais ne savez pas encore manipuler les objets du DOM en JavaScript, alors évitez les cadres qui ne vous donneront que des mots de tête"
ASTUCE : Une utilité des cadres autre que pour la présentation visuelle : amener la dimension de "persistance" au Web, sans utiliser ASP,CF, Perl, PHP, ou même des cookies (quelques fois bloqués par les navigateurs). Sachant que le réseau Internet ne garde pas de connection ouverte par utilisateur/session de travail, une des difficultés est de garder en mémoire des variables de session (telles les variables globales d’un programme). Une alternative est d’utiliser un cadre caché (dim de 0 spécifiée), et d’y préserver des variables transitoires, par exemple lors de le transmission d’un formulaire organisé sur plusieurs pages Web : les variables intermédiaires sont gardés dans le cadre invisible, puis sont envoyées lorsque le bouton "soumettre" de la dernière page du formulaire est appuyé. Notons que ceci permet aussi un contrôle total de la touche "Back" du navigateur (sur onload, on detecte la page d’origine et on aiguille en conséquence), ainsi que de raffiner le contrôle d’erreur sur les champs.
Encore une fois, baser ses raisons sur des aspects technologiques quand il existe justement des techniques pour y remédier est selon moi insuffisant et dénote un préjugé défavorable. Car si le problème est soit-disant technologique, mais que des techniques permettent d’y remédier, alors en vérité il n’y a pas de problème technologique mais des solutions technologiques.
Salutations

CNAM Essonne

Comme dit précédemment, cette critique ne s’attache à dire ce qu’il est possible de faire, mais explique ce qui n’est pas fait de la bonne façon...
Tous les ergonomes s’accordent sur le fait que les cadres posent des problèmes de navigation, d’impression et de mise en favoris. C’est quelque chose que vous ne pouvez nier et qui est très frustrant (vous voulez garder en favoris une page spécifique et vous ne pouvez mettre que la page d’accueil...)
Par ailleurs, les cadres ne sont utilisés pour aucune des optimisations que vous mentionnez. Ils n’ont donc aucune utilité sur ce site.
Finalement, les cadres posent un grave problème d’accessibilité : comment naviguer avec un navigateur vocal dans une page qui en comportent plusieurs ?
Cordialement
Maxime Grandchamp

CNAM Essonne

D’accord pour le site dont vous parlez. Je me suis permis mon intervention afin de démystifier l’utilisation des cadres en général, pas pour critiquer votre critique au fond (relativement au site analysé vous avez bien raison)... Car le fait est que trop souvent, on entend parler des inconvénients, mais jamais des solutions techniques qui pourtant existent ! Serait-ce en raison que la pluspart des "WebMaster" proviennent du milieux de l’infographie, et que donc ces derniers (pas tous, mais une majorité) n’ont pas le bagage nécessaire pour coder des scripts ou structurer de façon logique quelque code ? ET que donc on n’a pas envie d’explorer des solutions plus complexes ? Travailer avec le Web exige plus que la stricte compétence en présentation visuelle. En ce sens et selon moi, un "WebMaster" optimal est en fait une équipe de travail aux compétences complémentaires.
Relativement aux "ergonomes" dont vous parlez :
 Impression : facilement contournable. Dans Netscape, il y a une option qui permet de n’imprimer que le contenu d’un cadre, idem pour MSIE. Sinon on peut aussi ajouter un bouton d’impression sur la page qui se fait afficher dans un cadre, ou même dans le cadre du haut (ou du bas, gauche, droite...) qui est là en permanence, en spécifiant le cadre devant être imprimé dans le code sous-jacent.
 Problèmes de navigation : c’est un leurre. Ce n’est pas pour rien que Word (ou autres logiciels, même ceux ne faisant que présenter du texte) ont une barre d’outil (un menu) affiché en permanence en haut de page. C’est justement une question d’ergonomie, question que j’ai étudiée à fond lors d’études post-universitaires au Centre de Recherche Informatique de Montréal (CRIM). Mais bon, ce ne sont pas toutes les pages Web qui nécessitent une telle ergonomie...
 Mise en favoris : c’est sans doute l’aspect le plus complexe. Cependant, si un site est bien fait, il ne nécessitera jamais plus de trois "clicks" de souris pour accéder à l’information voulue. Sinon, il y a moyen de faire en sorte que l’URL contienne des paramètres utilisés pour aiguiller le contenu des cadres, ce qui est relativement simple quand on sait bien coder.
Salutations