Malgré tous ces outils, on tourne en rond sur l'archivage présenté selon une ligne du temps. L'affichage sous forme de liste à puces est assez rudimentaire. Un système de navigation intéressant pour le webmaster. Par contre, je doute de sa pertinence pour le visiteur. Il peut, au mieux, juger de la longévité du blog. Plus le temps passe, plus la liste s'allonge et moins elle donne envie. D'ailleurs, nombreux sont ceux qui trouvent des parades pour concentrer cette rubrique: menu déroulant, classement par année, onglets, etc.

En me baladant sur le web, j'ai trouvé une timeline agencée différemment. Le premier ressemble à un calendrier dont les jours sont remplacés par les mois. Le deuxième est mon préféré. Mis en bas de page, les mois sont alignés à l'image d'un diagramme. Le troisième range ses notes dans une numérotation par semaines.

Capture blog.burninghat.net

Capture Railstips.org

Capture 52weeksofux.com

Capture Gustave.tv (08/07/10)

À moins de choisir un thème avec une gestion des archives originale, difficile de mettre au point un concept novateur. Dernière solution, installer un plugin comme Paginator. Les numéros des pages sont déposés sur une ligne du temps. Le taquet du dessous se déplace à la souris pour avancer plus ou moins vite dans le temps. L'auteur du greffon met une démonstration sur son site.

Capture Karaboz.ru

La façon de proposer des anciens articles ne se limite pas à ce que l'on nomme classiquement sur les blogs les « archives ». Ce classement se limite à afficher les nouvelles selon une ligne du temps. D'autres alternatives existent pour naviguer dans le patrimoine d'un site: rangement par catégorie, classement par auteurs, nuages de tags, les « most popular », etc. Openweb a depuis toujours opté pour un choix fort différent: classer le contenu selon le niveau du lecteur. Ce genre de classement exige de pouvoir situer son niveau de connaissance et - le cas échéant - faire preuve d'un peu d'humilité. Une démarche intéressante mais le visiteur curieux devra naviguer dans toutes les catégories.

Capture Openweb.eu.org

Pour compléter votre lecture: « Website Design Archives » (Smashing Magazine).

• Images subliminales - 23 374 views
• Agrandir la police par des pictogrammes - 7 174 views
• Vitesse de frappe - 6 531 views
• Sertir un câble RJ45 - 6 246 views
• Mes plugins WordPress - 4 909 views
• Bien choisir son imprimante jet d’encre - 4 514 views
• Illusions anamorphiques - 4 072 views
• Au diable le mailto ! - 3 569 views
• Jeux et vitesse de frappe - 3 463 views
• E-commerce, crédibilité des commentaires - 3 372 views
• Écran: 4/3 vs 16/9 - 3 204 views

Heureusement, WordPress dispose de nombreux plug-in pour ce genre d'exercice. Il suffit d'encapsuler le code source entre deux balises spécifiques et le tour est joué. FV Code Highlighter est très simple d'utilisation et fait ce qu'on lui demande. Il fonctionne avec HTML, CSS et PHP. La présentation est sobre et imite le code source dans Dreamweaver. La feuille de style associée vous autorise toutes les adaptations esthétiques.

h2 {
color: #a31e22;
font-variant: small-caps;
margin-bottom: 0.5em;
}

Syntax High Lighter Plus s'adresse aux plus exigeants. Son installation et sa mise en oeuvre est aussi simple que le précédent mais il est plus poussé dans les réglages: affichage du numéro des lignes, URL cliquables, afficher/masquer l'ascenseur horizontal... Un ensemble de thèmes prédéfinis sont proposés par défaut. Toutes ces adaptations sont visibles directement grâce à un aperçu.

Comment ça se passe en pratique pour le blogueur ?

Prenons le cas de cet article que vous êtes en train de lire. J'ai ajouté un lien vers MonetiWeb. À la publication de cette note, et seulement à la publication, WordPress repère le lien et envoie un ping au blog en question (activé par défaut dans WordPress). De son côté, MonetiWeb « Autorise les notifications depuis les autres blogs ».

En principe, un extrait de mon billet doit apparaître assez rapidement en commentaires. Ce système est automatique et je n'ai rien à faire de spécifique. Dommage qu'aucun avertissement n'est envoyé pour confirmer l'affichage sur le blog cible. Il faut alors vérifier par soi même puisque chaque auteur est en droit de refuser les pingbacks. Prudence avec ces automatismes, surtout si je décide de publier une liste de liens en vrac comme on le voit (trop) souvent.

Anciennement, la méthode était manuelle: il fallait trouver l'adresse du trackback (généralement sous les commentaires), copier le lien et le coller dans le panneau d'administration pour envoyer une requête. On retrouve encore des traces de cette époque révolue. À ma connaissance, plus personne n'utilise cette procédure longue et fastidieuse. Par contre, elle a le mérite de permettre un contrôle plus strict sur les rétroliens sortants.

Capture SimpleEntrepreneur.com

Comment ça se passe en pratique pour le lecteur ?

Sous l'article de MonetiWeb, on trouve le titre « 17 commentaires pour cet article » et une numérotation des réactions. Pourtant, à y regarder de plus près, tout est mélangé: commentaires et pingbacks. Je trouve ça assez gênant dans la lecture et ça vient parasiter les échanges entres participants. Sur le format, le système automatisé extrait quelques phrases environnantes au lien externe et reprend comme titre le nom de la page.

Capture Monetiweb.com

Faiblesses de l'outil

Faiblesses côté expéditeur. Une fois le pingback publié, vous n'avez plus le contrôle sur celui-ci... à moins de contacter le responsable du blog. Installez l'extension No Self Ping pour éviter les requêtes vers ses propres pages. C'est encore plus vrai avec des plugins comme Related posts. Évitez les pings automatiques réactifs même après plusieurs jours de publication. Mon billet consacré aux plugins WordPress a envoyé un lien vers chaque auteur de l'extension.

Faiblesses côté récepteur. Pour garantir une certaine qualité des interventions, l'auteur-récepteur doit vérifier la bonne validité des trackbacks et supprimer les liens test ou sans intérêt. Avec le temps, le lien vers le pingback peut devenir obsolète et renvoyer vers une page introuvable.

Conclusion

Le système de passerelle entre blogs est intéressant: il élargit le débat, favorise les échanges et augmente la popularité. Reste encore à trouver un moyen efficace pour être compris par le quidam souvent noyé dans les gadgets: abonnement par RSS, tags, vote aux digglike et j'en passe. De plus, la déferlante de spam oblige beaucoup de blogueurs à fermer les trackbacks.

Pourtant, je n'ai pas le souvenir d'avoir traité le sujet de manière récurrente pour être en bonne position dans les moteurs de recherche. Il y a en tout et pour tout, deux billets contenant ce mot dont un est relié à Dailymotion et son système publicitaire. Surprise, en faisant une recherche dans Google Images avec l'expression « dailymotion p o r n o »... Tutoweb est aux premières loges.

Ce type de recherche se reflète également dans le moteur interne de ce blog où il est de plus en plus fréquent de voir « vidéo s e x e, p é n i s ». Après tout, ça ne coûte rien d'essayer. Pourtant, les lieux ne laissent pas de place au doute, le titre et la baseline sont explicites, le design sobre et sans publicité.

C'est assez gênant dans la mesure où ce n'est pas représentatif de la nature du blog et le visiteur risque d'être bien déçu de ses trouvailles. Je vais donc opter pour une auto-censure dans le choix des mots aussi bien dans le contenu des messages mais surtout dans le nommage des photos.

p-s: certains mots sont volontairement espacés afin d'éviter le référencement

1. Acronyms: ajoute facilement des abréviations et acronymes
2. All in one SEO pack: optimise le référencement: description, keyword, title...
3. Chunk URLs: réduit les URL trop longues dans les commentaires
4. Database Backup: sauvegarde régulière manuelle ou automatique par email
5. FV Code Highlighter: insérer facilement du code source
6. Google Analytics: utile pour un suivi plus approfondi des statistiques
Google Site Map Generator: installer rapidement un Sitemaps Google
7. NextGEN Gallery: afficher une galerie photo selon ses goûts
8. No Self Pings: empêche WordPress de faire un trackback sur les liens internes
9. Page Navi: ajoute une pagination aux archives
10. Permalink Migration: renomme facilement les liens permanents sans les briser
11. Post Views: indique le nombre de lecture pour chaque billet
12. Random Redirect: affiche un article aléatoire
13. Redirection: indispensable pour créer des redirections et gérer les erreurs 404
14. Search Everything: recherche dans les billets, commentaires, pages du blog
15. Search Meter: recense tous les mots utilisés dans le moteur de recherche
16. Stats: statistiques générales (clé API à la création d'un compte gratuit sur WP)
17. Subscribe to comments: permet de suivre les commentaires d'un blog
18. WP Facebook like this: ajoute un bouton « J'aime » à la fin des billets

J'en profite pour mettre le changement du code de mon thème pour regrouper les archives dans un menu déroulant. Dans l'éditeur de l'apparence WordPress, modifier la page l_sidebar.php. Il faut ensuite remplacer le code ci-dessous par les lignes suivantes.

<ul>
<?php wp_get_archives("type=monthly&amp;show_post_count=1"); ?>
</ul>

<form id="archiveform" action="">
<select name="archive_chrono" onchange="window.location =
(document.forms.archiveform.archive_chrono[document.forms.archiveform.archive_chrono.selectedIndex].value);">
<?php wp_get_archives("type=monthly&amp;format=option&amp;show_post_count=1"); ?>
</select>
</form>

Mise à jour le 29 mai 2010.

• Fermeture – sans doute la méthode la plus radicale puisqu'elle exclut l'interactivité entre le billet et le visiteur. C'est une position défendable lorsque le blog entraîne de vives réactions pas toujours souhaitables et peu constructives ou l'arrivée de spam excessif. Cette fermeture peut être temporaire histoire d'apaiser les esprits.
• Intervention a priori – les commentaires ne s'affichent qu'après avoir été validés par l'administrateur du blog. L'avantage c'est que tout est filtré. Par contre, cela peut devenir un travail astreignant si les messages sont nombreux. On perd également l'instantanéité et une certaine décontenance des utilisateurs qui ne comprennent pas pourquoi leur message ne s'affiche pas directement.
• Intervention a posteriori – liberté totale est laissée à l'internaute. Les messages sont modérés après publication. C'est ce qui existe la plupart du temps.
• Enregistrement – à la manière d'un forum, il faut s'enregistrer pour pouvoir poster. Cette méthode s'assure qu'il s'agit bien d'un humain et pas d'un robot. Ce passage obligé pour être une frontière pour des utilisateurs de passage ou réfractaires à remplir une fiche les concernant.
• Captcha – très en vogue ces derniers temps, il est pourtant très limité. Le lecteur doit recopier le code contenu dans une image. En principe, seuls les êtres humains sont capables de lire le contenu. Pourtant, de nombreux tests ont révélés que les robots sont capables de passer au-delà de cette sécurité dans plus de 85 % des cas. Ce système pose également problème aux personnes non-voyantes. Lire: « Captcha n'est pas la bonne solution »
• Liste noire – Movable Type, site éditeur de blogs, permet d'identifier l'URL émettrice de spam et de la bloquer en se basant sur une liste de liens à bloquer.
• Règles d'exclusion – en fonction de règles prédéfinies (nombre de liens dans le message, termes à bannir, etc.) le message est bloqué et envoyé au webmaster. Ce système de liste noire selon des mots interdits n'est pas efficace à elle seule. Ainsi le mot « analyse » sera bloqué à cause des 4 premières lettres, ou encore « spécialiste » à cause du mot « cialis ».
• Prévisualisation – l'obligation de passer par un aperçu du commentaire est une contrainte efficace pour les robots mais aussi pour le visiteur surtout quand il n'est pas habitué et que l'ergonomie du système est très discutable.
• Plug-in – WordPress est livré par défaut avec Akismet. Ce greffon redoutable analyse le contenu et l'enregistre en mémoire suivant des critères particuliers. Dès qu'il repère un contenu ayant les mêmes caractéristiques, il est automatiquement mis dans une liste d'attente avant d'être supprimé. Ce filtre s'affine au fur et à mesure de son utilisation.
• Champs invisible – une astuce trouvée sur Rustylime et consiste a masquer un champs du formulaire. Invisible pour l'utilisateur mais pas pour le robot spammeur qui a tendance à remplir tous les champs.

D'autres techniques existent comme le blocage des adresses IP suspectes, mais plus de 10 % des ordinateurs sont des zombies, c'est-à-dire squattés par des hackeurs ou spammeurs. La solution parfaite n'est pas de ce monde, il faut donc trouver celle qui a le plus d'efficacité sans nuire à l'utilisateur final.

Pour ceux qui se posent la question des trackbacks, oubliez-les ! C'est une véritable niche à pourriel et ne sont pas compris par la plupart des gens.

Inefficace

Des tests utilisant des logiciels de reconnaissance optique des caractères ont permis de les déchiffrer dans plus de 85 % des cas. À titre d'exemple, PWNTtcha est capable de reconnaître la plupart sans trop de difficulté. Autre exemple, ce blog (équipé d'un captcha traditionnel) a accumulé plus de 60 Mo de spam sur une période de deux ans !

Anti-ergonomique

C'est bien évidemment anti-ergonomique. Tout le monde ne comprend pas les enjeux du problème: qu'est ce que le spam ? que faut-il faire ? les capitales doivent-elles être respectées ? Ce champs supplémentaire ajoute une contrainte au visiteur alors que le webmaster devrait plutôt se soucier de lui faciliter la tâche.

Plus les caractères sont mélangés à l'image de fond, plus le code est difficile à interpréter. Ce principe est valable pour les robots mais aussi les humains;nbsp;! Certains sont carrément illisibles, d'autres caractères peuvent être confondus (comme le O d'Oscar et le 0 zéro).

Dans le pire des cas, tous les champs du formulaire sont purgés à l'envoi d'une erreur dans le déchiffrement du code. La page affiche une erreur tellement discrète qu'elle passe inaperçue et laisse croire au visiteur que le message a bien été envoyé. Les plus attentifs tenteront de revenir en arrière... peine perdue.

Message d'erreur, purge des champs sur Emob.fr (capture 17/07/2007)

Très peu accessible

Que font les mal-voyants s'ils ne peuvent même pas agrandir les caractères ? Que font les synthétiseurs vocaux face à une image ? Inutile de mettre le code dans l'attribut alt ça deviendrait simple pour les spammeurs.

Certains tentent d'adapter au mieux cette solution mais cela reste inefficace. Par exemple, Hotmail permet la lecture audio du code ainsi que la possibilité de générer un nouveau code si celui-ci est trop difficile à lire. Seul soucis, le système ne fonctionne ni dans Firefox (1.5) ni dans Internet Explorer (6.0)  !

Dotclear.net opte pour une alternance entre le captcha et la formulation de questions simples: « Quelle est la capitale de la France ? ». Si la réponse est évidente pour les Européens, qu'en est-il des Africains francophones ou d'autres régions du monde ?

Conclusion

La lutte contre le spam est un problème réel que nous devons combattre. À mon sens, captcha n'est pas la bonne solution. Il en existe d'autres bien plus efficaces et tout à fait transparentes pour le visiteur.

À lire ailleurs: Spam et captcha accessible.

Vos alliés privilégiés de première ligne sont: dictionnaire pour l'orthographe, Bescherelle pour la conjugaison et le bon vieux livre de grammaire. Le dictionnaire des difficultés de la langue française est un plus. Des outils en ligne permettent également ce travail (BonPatron). Mieux, les utilisateurs de Firefox peuvent profiter de la puissance des moteurs de recherche intégrés au navigateur pour ajouter le Conjugueur. Pour un dictionnaire de mots, rendez-vous sur la page du CNRTL, allez dans la liste des moteurs et ajoutez le « Portail Lexical - CNRTL ».

Une partie des corrections peuvent être faites avec le logiciel utilisé. Un traitement de texte est sans doute plus agréable qu'une petite interface de blog coincée entre les boutons. Ces logiciels, souvent traduits et adaptés en français, possèdent un dictionnaire interne et repèrent les grosses erreurs. Ils sont loin d'être parfaits et s'en contenter serait certainement une erreur.

Pour la rédaction en ligne, Firefox possède un correcteur orthographique depuis sa version 2. Ce n'est pas l'outil ultime mais il évite les erreurs de distraction. Tout comme un traitement de texte, il formule des propositions par un clic droit sur des mots mal orthographiés. L'outil fonctionne partout où l'édition de texte est possible: formulaires, forums... Et pour les polyglottes, rien ne vous empêche d'installer d'autres langues.

Du côté des logiciels payants, il existe le très bon Antidote. Il dispose d'un correcteur, un dictionnaire, un dictionnaire des synonymes, un conjugueur et un outil de grammaire. Il s'adapte parfaitement aux logiciels d'édition de texte comme Word. À l'installation, vous définissez votre niveau de compétence en français et il adaptera les explications; plus fournies pour les débutants et concises pour les experts. Contrairement aux outils gratuits, il est bien plus efficace dans la correction des textes et permet d'avoir toutes les explications, les règles et des exemples simples.

Dictionnaire Antidote

En dernier recours, la Communauté française de Belgique a mis en place une assistance linguistique. Un doute sur un terme, une hésitation sur l'orthographe d'un mot, sur l'accord d'un participe passé ? Obtenez gratuitement toute information relative à la terminologie en vous adressant au service de la langue française du Ministère de la Communauté française par courrier (boulevard Léopold II 44, 1080 Bruxelles), téléphone (02/413.23.37) ou par courriel.

Pour terminer, retenez que personne n'est à l'abri d'une faute de distraction, d'un mot erroné alors qu'on était certain de son orthographe. Avant l'imprimerie, les moines copistes passaient beaucoup de temps à corriger les copies de copies de manuscrits. Ils inventaient des méthodes très acrobatiques pour signaler les erreurs. À ce moment, plus il y avait de copies et plus le risque d'erreur était grand. Dans les imprimeries d'aujourd'hui, des « épreuves » sont effectuées avant de lancer le tirage définitif. Les coquilles sont retirées sous l'œil vigilant du correcteur. Et si malgré tout, il subsiste des fautes, elles seront retirées dans la prochaine édition du livre.

1. droit de paternité: le nom de l'auteur doit être mentionné
2. aucune de modification sans autorisation
3. usage non commercial
4. partage avec les mêmes conditions de licence (share alike)

Sur le site de Creative Commons, il est facile de choisir sa licence et de l'adapter à son site ou son blog. Il suffit d'ajouter un morceau de code et/ou l'image qui pointe vers une version abrégée des termes de la licence. Le code est même prévu pour informer les moteurs de recherche.

Le CERSA-Université a traduit et adapté les licences Creative Commons au droit français: CC France. Tout est expliqué simplement avec des exemples concrets.

• le commentaire doit être en rapport direct avec le contenu de l'article
• aucune publicité n’est autorisée
• le blog est un espace convivial dans lequel le tutoiement est courant
• le nom est obligatoire, mais rien ne vous empêche d’utiliser un pseudo
• l’e-mail est obligatoire pour permettre les échanges plus personnels
• pour éviter le spam, le système bloque les commentaires avec plus de 2 liens
• pensez que d'autres vous lisent, évitez le genre SMS ou les le tout en capitales
• les commentaires injurieux, vulgaires, calomnieux et diffamatoires sont modérés
• les commentaires qui apportent une correction sur la forme du billet (lien brisé, faute d’orthographe) seront pris en considération et retirés

Quelques infos à propos de ce blog:

• les commentaires sont modérés a posteriori
• en raison du spam, les commentaires sont désactivés après une semaine [¹]
• toute censure est notifiée par e-mail
• le courriel est codé pour protéger l'auteur contre le spam
• aucun enregistrement des données personnelles n'est effectué
• par respect vis à vis des lecteurs, le blog est dépourvu de toute publicité
• les trackbacks [²] sont désactivés

[¹] C'est loin d'être la meilleure solution mais c'est la seule réellement efficace.
[²] « Trackbacks, encore un petit effort »

Après des heures de jeu en réseau puis en ligne, j'ai voulu partager mon expérience de gamer à la communauté francophone. Avec l'aide d'un ami, j'ai crée péniblement ma première page web.

Cette volonté de partage m'anime depuis toujours. À la base, Tutoweb se voulait être une plaque tournante du didacticiel gratuit dans le domaine de la conception web et la programmation. Aidé par deux amis programmeurs, le projet s'est rapidement éteint par manque d'implication. En avril 2004, le blog personnel a remplacé les pages du site suite à une conférence chez Technofutur3.

Mes sujets de prédilection sont les nouvelles technologies, les blogs, l'ergonomie web, la typographie française et le web-design. J'ai également d'autres passions exposées sur différents blogs. J'essaye de me tenir à une thématique pour fidéliser un public précis.

Parcours atypique

Après des études d’infographie à Namur (Belgique), j’ai travaillé comme webdesigner dans plusieurs ASBL, PME ainsi que pour des particuliers. Depuis quelques années, j'ai complètement changé d'orientation professionnelle pour me tourner vers le monde de l'éducation. Je continue de concevoir des sites statiques pendant mon temps libre. Le webdesign, la typographie et l'ergonomie web restent des passions intarissables.

Qui se cache derrière ce blog ?

Pendant longtemps, j'ai signé d'un pseudonyme katsoura en référence à un auteur de mangas: Katsura Masakazu. Depuis la migration vers WordPress, j'utilise mon véritable prénom tout en occultant mon nom de famille. Ce principe de précaution me permet d'écrire en toute liberté. Néanmoins, j'assume parfaitement les propos tenus sur ce blog sans me cacher.

Une question, une remarque, une critique, une demande... contactez-moi sur nokohiru @ gmail . com