En plein dedans... » Geekerie

Un jeu pour les référenceurs (SEO): www.jeu-referencement.com

Kolia — Mon, 01 Jun 2009 18:30:49 +0000

Decouvert au détour d’un lien un jeu pour les référenceurs « black hat ».

Organisé par seoblackout.com et oseox.com, dans la lignée d’Ouverture-Facile, mais orienté SEO, de quoi se tester sur une quinzaine d’épreuves-énigmes plus ou moins malicieuses, rarement très techniques, mais qui demandent une connaissance certaine du monde du référencement.

Cela m’a bien occupé quelques heures, mais j’ai pu me coucher vers 2h30 avec la satisfaction du devoir accompli… et n’étant pas SEO moi-même, je n’étais pas peu fier :-)

En tout cas, SEO ou pas, un passionné d’Internet devrait s’y retrouver et apprendre 2-3 choses au passage…

Pour jouer, c’est par là:

Du beau boulot!

Instant Twitter Search Results on Google

Kolia — Tue, 03 Mar 2009 16:57:07 +0000

Le petit point faible (et encore) de Google est probablement celui de la recherche en temps réel. Ainsi, pour suivre un buzz, Twitter est bien plus adapté, et extraordinairement puissant (cf. la panne de GMail la semaine dernière, qui faisait l’objet de 10 tweets par seconde, impressionnant).

Mark Carey a cependant mis à disposition un script GreaseMonkey (vous savez cet add-on de Firefox qui permet de faire tourner des scripts modifiant le comportement de Firefox) qui pallie à ce problème puisqu’il permet d’incorporer les derniers tweets (messages sur twitter) contenant aussi la requête et ce, juste avant les résultats proposés par Google.

Pour faire tourner ce script il faut:

Résultat:

Je sens que ça va changer mon utilisation de Google…

Transformation XSLT et document JDOM: tips & tricks

Kolia — Fri, 27 Feb 2009 17:07:50 +0000

Je fais actuellement joujou avec JDOM sous Java, dont je me sers pour générer un flux Atom. Le but étant que ce feed soit ensuite visible en ligne. N’importe qui ouvrant ce fichier doit ensuite pouvoir facilement le lire, soit en s’abonnant soit directement grâce à une mise en forme XSLT.

Pour ceux qui se demande ce que c’est, peut etre avez-vous deja cliqué sur un flux RSS géré par feedburner, et constaté que le document était (parfois) mis en forme dans un style propre à Feedburner? Et bien cela est fait grâce à une feuille de style XSL, qui permet de modifier l’affichage (rendu) d’une fichier XML dans le navigateur. Un peu comme on modifie le rendu d’une page XHTML avec du CSS (mais pas exactement).

Ainsi au lieu d’avoir un méchant arbre XML, on se retrouve avec une page Web classique:

Bref, étant débutant sous JDOM et en matière de génération de flux Atom, j’ai rencontré quelques obstacles, parfois bien vicieux, dont voici mes solutions:

1. Comment mettre le lien vers la feuille de style XSLT dans le document JDOM:

Pour « appeller » la feuille XSL depuis le document XML, il faut faire une déclaration dans le début du document disant ou se trouve la feuille XSL, et la déclarant comme telle. Cela ressemble à un lien vers une feuille de style CSS:

La première ligne est juste la déclaration disant qu’on a là un fichier XML. Elle est automatiquement écrite lors de la création du document JDOM
La seconde est le lien vers la feuille XSL en soi.

Manuellement, aucune difficulté, mais le but était pour moi de faire cela avec JDOM puisque tout le reste du document XML est généré ainsi.

En fait il faut savoir que dans le vocable XML, l’appel à la feuille XSL est une « Processing Instruction ».

Donc dans JDOM il faut:

// Créer la processing instruction: static ProcessingInstruction pi = new ProcessingInstruction("xml-stylesheet", "type='text/xsl' href='fichier.xsl'");

Et l’ajouter à notre document JDOM:

//On ajoute cette PI au début du doc, après la balise xml, mais avant toutes les autres: document.addContent(0,pi);

2. Comment faire accepter la transformation XSLT de votre feed RSS ou ATOM par les navigateurs:

En fait, on pourrait se demander pourquoi on aurait besoin de faire cela. Si on crée une feuille XSL et qu’on la déclare on s’attend à ce qu’elle soit utilisée non? D’ailleurs tout fonctionne parfaitement en local.

Sauf que, stupeur, une fois mis en ligne, Firefox aussi bien qu’IE7, imposait leur propre affichage, donc leur propre XSL. Evidemment la première réaction est de chercher une erreur dans son propre code qui ferait qu’il ne soit pas pris en compte. J’ai bien du y perdre un après-midi, avant de tomber sur ce rapport de bug chez Mozilla:

Lorsque Firefox détecte un feed RSS ou ATOM, il impose automatiquement sa propre feuille XSL ! Inutile de préciser que les développeurs sont pour la plupart mécontents. Mais chez Mozilla ils trouvent cela normal et n’ont pas l’intention de fixer ce « problème ». D’ailleurs les autres navigateurs font la même…

L’astuce c’est de se débrouiller pour que le navigateur ne détecte pas un feed RSS ou ATOM, mais un simple fichier XML, en lui cachant les balises ou , qu’il recherche dans les 512 premiers bytes du fichier…

Pour cela il suffit d’ajouter un commentaire XML suffisamment long avant ces balises, pour les repousser hors des 512 premiers bytes. C’est radical, effet immédiat.

Google anti-Linux?

Kolia — Sat, 31 Jan 2009 14:47:50 +0000

Here is what www.google.fr is returning me when I type « linux » as a query (click the picture to enlarge)

« This site might harm your computer » ( »Ce site risque d’endommager votre ordinateur » in French XD

Voila ce que me retourne www.google.fr quand je tape « linux » dans la barre de recherche en ce moment (cliquer sur l’image pour agrandir)

« Ce site risque d’endommager votre ordinateur »
XD

Come on, don’t be evil!

Vue du relief sur Google Maps!

Kolia — Thu, 16 Oct 2008 11:37:33 +0000

Je viens de m’apercevoir qu’en plus des vues « Plan » et « Satellite » Google Maps proposait une vue du relief. Il suffit de cliquer le bouton « Relief » pour en profiter, après avoir dézoomer un peu :)

4 solutions pour récupérer et lire vos flux RSS privés et protégés

Kolia — Thu, 09 Oct 2008 16:05:02 +0000

Je ne sais pas vous mais moi je ne peux plus me passer des flux RSS. Pour suivre différentes blogs et sites publics mais également sur certains projets ou je travaille sur des plateformes proposant des flux RSS. Bien souvent les flux sont alors protégés par une authentification identifiant/mot de passe pour en garantir la confidentialité. Et c’est tant mieux.

Cependant un problème se pose: de nombreux lecteurs de flux RSS ne supportent pas ce genre de flux… et parmi eux certains très populaires comme Google Reader!

Voyons comment dépasser cette difficulté:

1. La solution la plus évidente:

Trouver un lecteur de flux qui supportent ce genre de flux. Netvibes par exemple le fait très bien et détecte automatiquement s’il est nécessaire de s’authentifier pour accéder à un flux. Il suffit alors de rentrer les infos et hop c’est parti:

D’autres lecteurs le permettent également. Il faut tester.

2. La solution bidouille:

Il est possible de passer les paramètres d’identification dans l’URL et de feinter certains lecteurs de flux qui ne detectent pas les flux protégés. Exemple:

Soit un flux http://www.monsiteprotege.com/feed/
Soit mes identifiants: Kolia/motdepasse

Il est alors possible d’accéder au flux ainsi: http://Kolia:motdepasse@www.monsiteprotege.com/feed/

Cela a toutefois 2 inconvénients majeurs:

Passer ses identifiants dans une URL en HTTP c’est jouer avec le feu.. et il est peu probable que vous ayiez la version HTTPS du flux.
Certains lecteurs de flux (Google Reader encore) n’acceptent pas cette combine.

Conclusion: ça dépanne mais faut pas en abuser, voir le proscrire selon les cas.

3. La solution de facilité:

Se rendre sur http://freemyfeed.com/, rentrer son flux et ses identifiants et récupérer le nouveau flux tout beau tout propre qui passera partout!

Cela génère un flux « alternatif » que vous seuls connaissez. La confidentialité en est garantie par le fait que vous ne le partagiez pas.

4. La solution geek:

Ma préférée :D car elle m’a permis de découvrir Yahoo Pipes et d’en comprendre le fonctionnement et l’intérêt. Yahoo Pipes permet de faire des mashups de différentes sources d’infos. Cela va de la fusion de différents flux RSS à la localisation d’images issues de Flickr sur une Google Map, et ceci basé sur le flux RSS du site du New York Times.

L’idée est ici de regénérer un flux alternatif (tout comme freemyfeed le fait) à partir de la solution bidouille en faisant joujou avec Yahoo Pipes. Pour voir comment cela fonctionne il vous faut un compte Yahoo et ensuite vous rendre ici.

On concatène les chaines qui nous intéresse (user, password) et notre flux rss, puis on demande à Yahoo Pipes d’en refaire un flux:

C’est un template exemple que vous pouvez ensuite copier dans vos pipes. Il est ensuite possible d’en récupérer la version RSS, qui sera très bien acceptée par Google Reader!

Digg effect et aggrégation en cascade

Kolia — Fri, 25 Apr 2008 11:47:51 +0000

Il y a quelques jours j’ai traduit en anglais ce tutorial afin de pouvoir le poster sur Digg. J’étais curieux de voir quelle répercussion cela pouvait avoir. Cette traduction est une page qui ne figure pas dans le blog puisque ce n’était qu’une expérience.

Le resultat le voilà:

Il faut tout de suite relativiser: le traffic de ce blog est à l’origine extrêmement bas :)

Toutefois le même article rédigée en français avait préalablement été posté sur des Digg-like francophone (wikio,tomateo,blogasty) qui n’ont apporté que quelques visites (ça doit se compter sur les 2 mains). Au contraire sur Digg, le tuto qui a recu une vingtaine de « dugg » a figuré pendant plus d’une journée dans la tête de liste des histoire à venir (upcoming stories) de la section Linux/Unix. Cela a évidemment généré un traffic certain depuis Digg. Mais cela n’a duré que le temps ou l’histoire apparaissait en bonne place; et je pensais que cela s’arréterait là. Sauf que de nombreux aggrégateurs -la plupart spécialisés dans le monde Linux- ont repris ce tuto depuis Digg, les uns après les autres et générent donc un traffic important et continu depuis 2 jours…

Bon, l’intégralité de ce blog étant rédigé en français, je vous laisse imaginer le taux de rebond sur la page (traduite en anglais) en question :)

Définitivement la sphère web francophone, bien qu’hyperactive comparée à la population française reste un petit poucet face au monde anglophone.

Pour l’anecdote la majorité du traffic me vient d’un aggrégateur… tchèque! (et le panorama est fait d’images prises à Prague ;) )

[Hors-sujet] Je suis en train de télécharger la nouvelle version de Kubuntu avec Bittorrent (les serveurs sont engorgés donc utilisez les torrent!)… vivement que ça soit fini! (ça me bouffe ma bande passante!) [/Hors-sujet]

De la puissance de la télévision

Kolia — Fri, 11 Apr 2008 13:36:10 +0000

Internet n’a pas encore tué la télévision. Depuis la publication de ce post: Arthur Lee & Love – Everybody’s Gotta Live je suis capable de déterminer très précisément à quelle heure la publicité en question est diffusée à la télévision en examinant les pics de traffic dans les stats.

Par contre, pas encore trouvé le moyen d’identifier les chaines qui m’envoient du monde. Sont pas au point ces outils de stats :p

Cyberarmy, AOL illimité et e-zines: nostalgie,nostalgie :)

Kolia — Thu, 06 Mar 2008 18:04:55 +0000

C’était le début des années 2000 et AOL proposait enfin un forfait illimité à internet en 56K… On avait rapidement flairé le bon coup avec les copains et vite fait de convaincre les parents de dégager de chez Wanadoo: il faut dire que de toute façon les forfaits de 15h ça faisait longtemps qu’on les explosait et les factures avec :) AOL avait rapidement été victime de son succès (comme Free quelques années plus tard) et avait pris quelques mesures drastiques: timer de 30 minutes pour empecher les connexions sans interruptions, liste noire (mythique) pour les abonnés qui faisaient péter les scores (nous). Il n’a pas fallu 48h pour qu’un programme permettant la reconnection immédiate ne fasse son apparition. Napster était encore la première plate-forme P2P et on découvrait la liberté dans le téléchargement…

A cette époque j’ai commencé à m’intéresser au hacking, au phreaking… une tripotée d‘e-zine dédiés au hack circulaient sur le Net et ça me laissait réveur.

De fil en aiguille j’ai fini par atterir sur le site de la Cyberarmy, qui proposait un jeu en ligne (peut-etre le premier?) permettant de tester ses capacités d’apprenti hacker sur différents niveaux. Je pense pouvoir dire que ce site a été un grand repère de barbus au début des années 2000, avec un dynamisme impressionnant! Faut dire que le système de grade permettaient aux gens de se prendre pour quelqu’un..

Cyberarmy était initialement une communauté internet d’hacktivist, organisée comme une vraie armée avec sa propre hiérarchie allant de trooper à CiC (Commander in Chief) et qui a peu à peu évoluée vers une organisation dédiée à la promotion d’un Internet libre.

D’après la CyberArmy.net Wikibase:

Cyberarmy is a community of computer enthusiasts who provide assistance to individuals and organisations to help them make effective use of the Internet as a tool for education, communication and collaboration.

Je ne suis pas vraiment au courant de l’impact effectif qu’elle ait pu réellement avoir :)

Toutefois elle proposait ce fameux jeu, Zebulun, qui était reconnu comme un très bon exercice. Malheureusement mis hors-ligne en 2003.

Mais hier alors que dans un accès de nostalgie je retourne fébrilement sur le site, que vois-je? Zebulun is dead, but Sered was born! Et le petit frère reprend la recette de Zebulun remis au gout du jour…
Du coup j’ai craqué :)

Moi j’en suis au niveau beta et vous ? ^^

Accelerer significativement le chargement de vos pages avec YSlow!

Kolia — Wed, 27 Feb 2008 20:03:53 +0000

Sous ce titre racoleur au possible se cache un petit bijou d’extension pour Firefox: YSlow, qui s’intégre au non moins merveilleux add-on Firebug.
Aparté: si tu es webdeveloper mais que tu ne connais pas Firebug, fais-toi du bien et installe-le vite!

Bon ok, mais YSlow c’est quoi?

YSlow analyse les pages web et détecte tout ce qui ralentit le chargement de celles-ci. Il fait un rapport de performance, la liste des composants chargés et inclut des outils comme JSLint.
Et surtout vous pouvez ensuite facilement obtenir de l’aide sur les points qui bloquent grâce aux règles d’optimisation qui sont détaillées. Qu’est-ce que j’ai pu apprendre avec ce truc…

Let’s go

Revenons à nos moutons, à savoir YSlow. Il faut donc prélablement installer Firebug dans votre Firefox, puis YSlow lui-même.

Vous allez alors voir apparaitre un discret bouton dans votre barre grise en bas:

Magiiique!!

Ensuite il suffit de cliquer dessus pour lancer la bête (après vous être rendus sur la page que vous voulez analyser, cela va sans dire!), puis de cliquer sur « Performance » pour obtenir le premier rapport:

Ce rapport sanctionne chaque point d’optimisation d’une note allant de A à F. A c’est OK, F c’est bouh! Bon il est un peu sévère sur la note globale (le rapport ci-dessus est issu de ce blog)… mais peu importe. En cliquant sur chaque point vous etes renvoyés vers la page des règles qui contient des conseils pour améliorer chaque domaine.

Ensuite en allant dans l’onglet « Stats » on obtient un rapport plus chiffré de la page avec/sans cache. Généralement là ça commence à faire mal aux yeux quand on voit la taille cumulée des javascripts…

Enfin, last but not least, dans l’onglet « Components » on trouve une liste détaillé des composants chargés avec plein d’infos utiles comme le temps de réponse, son état de compression (ou non), la durée du cache..

Bref, c’est à installer absolument car:

Cela permet de détecter des faiblesses éventuelles dans l’optimisation des pages, sans omettre aucun point
et de travailler ces faiblesses grâce aux conseils!
et surtout, d’en apprendre encore plus sur le pourquoi du comment d’une page web…

Tout le monde aura compris, je suis fan. D’ailleurs maintenant vous passez tous à la moulinette :)
Je n’ai pas trouvé d’autre outil plus exhaustif pour l’optimisation des pages mais si vous avez, je suis interessé!!