Outils de recherche et référencement

Puisque je suis en plein dans ma phase "je partage les fruits de ma veille" mais surout que je fais tout pour essayer d'oublier la monstrueuse claque que je viens de prendre dans la tronche sur Google (je me suis rendu compte il y a à peine 4 heures que je passais de la 2ème-3ème position sur la requête "casino" à la position 68, soit une perte de 90 visites jours et plus de 1.000 pages vues, soit 50% de mon trafic moteur et 20% de mon trafic global), vous trouverez ci-dessous un dossier complet sur un des aspects les plus importants pour un site marchand, c'est à dire son formulaire d'inscription ou de vente.

Tous les billets de l'excellent Fred Cavazza relatifs aux formulaires:
http://www.fredcavazza.net/index.php?20 … ormulaires
http://www.fredcavazza.net/index.php?20 … re-parfait
http://www.fredcavazza.net/doc/tutoriel … _intro.htm
http://www.fredcavazza.net/index.php?20 … la-reponse
http://www.fredcavazza.net/index.php?20 … -assistant (moins important)
http://www.fredcavazza.net/index.php?20 … -plus-beau
http://www.fredcavazza.net/index.php?20 … ent-la-vie
http://www.fredcavazza.net/index.php?20 … andardises
http://www.fredcavazza.net/index.php?20 … ormulaires
http://www.fredcavazza.net/tutoriels/fo … _intro.htm

Quelques autres articles et billets en français:
http://gou.blogspot.com/2004/12/5-lois- … ation.html
http://openweb.eu.org/articles/validation_formulaire/
http://openweb.eu.org/articles/formulaire_accessible/

Quelques articles et billets en anglais:
http://www.lukew.com/ff/entry.asp?144
http://www.boxesandarrows.com/view/wiza … ons_part_2
http://www.w3.org/TR/2001/CR-css3-selec … do-classes

Quelques exemples. Pour comprendre l'intérêt de ces exemples, il faut utiliser les formulaires, faire des erreurs volontaires, valider, ect...et ensuite bien regarder les javascript du code source, c'est souvent de l'AJAX, avec des mssages d'erreurs qui s'affichent avant même un quelconque échange d'informtion avec le serveur, le top étant le HTTPXML Request, c'est à dire un échange client/serveur en live, sans validation de la page, un peu comme ce que fait Gmail (encore du Web 2.0):
http://www.rememberthemilk.com/signup/

http://www.furl.net/user/new.jsp  C'est un peu vieillot, car ils n'intègrent pas les dernières subtilités AJAX comme Mansion.com, il est toutefois interessant de regarder les js du code de la page du formulaire, mais surtout le processus de validation de l'inscription en page 2 qui est un must. Clin d'oeil SEO: regardez le NOSCRIPT de la mort avec les liens cachés vers les sites de la famille LookSmart dont fait partie Furl.

http://www.mansion.com  Allez sur la page Register, elle intégre de nombreuses fonction, surlignage des champs en cours de remplissage (via JS mais peut être fait grâce au CSS3 pris en charge sous Firefox mais pas sous IE) ou bien étant sujet à erreur, message d'erreur apparaissant en rouge au dessus du champs concerné...le top du formulaire.