H.S.I. en version 3

Voilà enfin que je trouve le temps de lancer la mise à jour du thème de ce blog. A vrai dire cela fait plusieurs jours que tout est quasiment terminé mais j’ai eu du mal à trouver le temps de rédiger le billet qui va avec ;)

Quoi de neuf ?

Comme je l’avais mentionné, pas de modification complète du thème, juste un peaufinage car j’aime toujours autant l’hybride sur lequel repose le blog. Il reste encore de la peinture fraiche donc si vous voyez des choses qui clochent, hésitez pas à le mentionner, principalement pour les grandes résolutions d’écrans ( je n’ai pas testé plus loin que 1024 et 1280 ). Par contre ça devrait être fonctionnel sous Firefox, Internet Explorer7, Chrome et rester navigable sous IE6 ( plus bas j’ai arrêté de me torturer désolé… ).

Header

Ça c’est un point que je voulais régler depuis un moment. Avoir une bannière digne de ce nom, virer la barre noire de mon réseau pour quelque chose de plus léger, ajouter un petit focus sur le champ de recherche, …

Index

Exit le module à onglet qui présentait des extraits des 2 derniers billets écrits sur 5 catégories. Le roulement n’était pas suffisamment intéressant car certains article y restaient 1 mois ou plus. J’ai préféré installer un espace qui servira à présenter des billets plus anciens du blog. 6 billets aléatoires pour être précis, le tout dans une zone bien différenciée du reste. L’idée est non seulement de présenter des « vieilleries » aux personnes arrivant sur l’accueil mais aussi aux moteurs de recherches. A chaque passage sur l’index du blog ils auront accès à 6 vieux articles différents. Lorsqu’un blog possède plusieurs centaines de billets, et même avec une structure interne bien conçue, c’est parfois difficile de « rappeler » à Google & Co de passer sur toutes les pages, ce sera donc une option d’entrée supplémentaire, et plus souvent ils passeront, plus ils auront à manger ;)

Sidebar

Un petit tri a été fait afin de retirer une série d’images, liens et widget pas très souvent utilisées. Pour ce qui reste j’ai retravaillé les bannières pour donner plus de cohérence à l’ensemble et certaines ne sont affichées qu’aléatoirement ( c’est le cas de mon univers netvibes, de mon lifestream, … ).

J’ai aussi modifié la façon de présenter la série de listes « à succès » du blog. Je n’aimais plus trop les gros boutons, j’opte donc pour quelque chose de plus léger tout en leur gardant un espace spécifique pour 2 raisons : d’une part parce que beaucoup de monde se rend sur ces pages et d’autre part pour que les moteurs puissent les trouver où qu’ils arrivent sur le blog et pas seulement via l’index ;)

Je suis en effet classé en 1ère page Google sur toutes les expressions de ces listes : « extensions SEO« , « tower defense« , « tinyurl« , « police d’écriture » ou « web Os« . Donc faut bien garder cet acquit le plus longtemps possible :)

Zone transitoire

Je me suis posé la question de savoir si je regardais souvent les diverses catégories d’un blog sur lequel je tombe. La réponse est non parce que je regarde tout simplement très peu les listes dans les sidebars, ce n’est après tout qu’une suite de lien souvent assez longue dans laquelle je ne passe pas beaucoup de temps. Du coup je me suis dit qu’il serait sympa de tester une autre présentation.

C’est ce que j’ai fais après avoir zieuté pas mal de blogs US que j’apprécie et j’ai retenu l’option d’une zone dédiée à un endroit « calme » du blog. Avec mise en gras des termes les plus utilisés ( ça aussi éventuellement ça aidera en référencement ). On verra ce que ça va donner mais je trouve que c’est mieux mit en avant que perdu dans la colonne latérale. Pareil pour mes divers profils sociaux.

Le footer à perdu sa liste des billets les plus consultés ( ça ne changeait quasiment pas ) pour gagner un espace « auto-promo » ( j’y mettrai aussi bien des projets personnels à venir, que d’autres auxquels je participe, … ) ou l’édito est mieux mit en avant ( lien vers mon CV, avatar ). Le compteur feedburner se trouve là également pour le moment ( avant suppression totale ? ).

Les billets

Un grand nettoyage concernant la zone entre la fin du billet et le début des commentaires. Sur beaucoup de blogs ( et je ne faisais pas exception, mea culpa ) il faut parfois scroller plus de 2 écrans en 1024*768 pour passer de l’un à l’autre. Maintenant il y a moins d’un seul écran sur H.S.I. et je ne pense pas que j’y perde beaucoup d’informations.

Les tags, la date de publication, la catégorie et les billets similaires me semblent difficilement remplaçable autant d’un point de vue informatif que de référencement. J’ai aussi gardé les options les plus utilisées d’après les résultats du dernier sondage effectué ( flux commentaire, impression, permalien, … ) et l’espace rappelant la possibilité de s’abonner au blog ( finit la bannière complète mais je garde une accroche visuelle avec l’icône RSS qui ressort bien ).

Après s’est posée la question du partage sur les diggs, réseaux sociaux, … j’en ai un peu soupé des séries de boutons que les gens utilisent finalement assez peu. Ce qui marche encore pas mal ce sont les compteurs de clics ( pas juste le bouton représentant un digg ) mais si vous voulez que ce soit efficace il faut en mettre plusieurs ( le bouton scoopeo, le wikio, le Yoolink, … ) et cela donne souvent des ralentissements.

Donc j’ai décidé de mettre l’ensemble à la poubelle et de tout regrouper sur le bouton « Share / Save » qui a l’avantage de proposer le tout et bien plus juste en survolant le bouton. Bon il n’y a pas de digg francophone mais comme je ne suis pas certain que ça marche bien de toutes manières ça ne m’ennuie pas plus que ça. Par contre il y a des choses que les gens pourraient utiliser.

C’est le cas notamment des services comme Ping ou Hellotxt qui vous permettront de partager un billet directement sur l’ensemble de vos différents réseaux de microblogging ( un partage et hop c’est envoyé sur Pownce, Twitter, Jaiku, … en même temps. Pas besoin de faire vos comptes 1 à 1). Il y a aussi des facilités pour partager l’info sur des réseaux plus « pro » ( Linkedin, Viadeo, Plaxo … ) ou sur des services moins souvent présents ( Diigo, Netlog, Squidoo, Symbaloo, … ). Et j’aime tout particulièrement la possibilité d’envoyer directement un billet sur MySpace, AIM, Yahoo Messenger ou Windows Live ( l’idée est d’offrir au visiteur le moyen de partager l’info là ou se trouve déjà ses amis car je trouve que c’est plus efficace que de leur demander d’utiliser de nouveaux outils ). Il y a aussi moyen de voir combien de fois un billet a été bookmarké, vous pouvez voir ça par exemple sur la liste des extensions SEO pour Firefox qui a été sauvée 31 fois sur Delicious.

La zone « je vous recommande » sera expliquée en détail plus tard, disons que je compte y présenter des outils ou des services que j’utilise au quotidien et qui ont changé et/ou facilité ma perception du blogging et/ou du web. Ce sera aussi peut-être des blogs que j’aurai envie de mettre en avant, tout est possible et je suis bien entendu corruptible hein :)

Landing site

C’est une réflexion de Bruno je ne sais plus trop où qui m’a fait pensé à cela. Sur beaucoup de blogs la landing page est souvent affichée en premier lorsqu’un visiteur arrive depuis un moteur de recherche. vous savez la page qui vous dit « vous êtes arrivé ici depuis google en cherchant XXXXX, voici des billets qui pourraient aussi vous intéresser » .Ce qui est un non-sens puisque s’il arrive chez vous c’est en voulant lire le billet relatif à sa recherche dans les moteurs. Or avec une landing qui lui saute au yeux l’information première est forcément envoyée plus bas dans la page (il doit parfois scroller pour commencer à lire) et vous lui proposez d’autres lectures similaires alors qu’il n’a pas encore pu se faire une idée de ce que vous dites du sujet !

Remise en question donc et nouvelle mise en application. Dorénavant l’atterrissage se fait en douceur avec la partie landing tout en haut de sidebar, ce qui fait d’une pierre 2 coups. Cela met mieux en avant ce pour quoi la personne est venue mais propose tout de même de l’info supplémentaire ( la liste des billets est d’une couleur similaire au texte principal pour attirer l’oeil et montrer qu’il s’agit aussi de contenu ).

Monétisation

Si je regarde le sondage actuellement en cours c’est le premier sujet que vous voudriez voir abordé sur ce blog. Je ne compte pas faire d’HSI un blog sur cette thématique donc j’aborderai surement un peu plus les choses mais très ponctuellement. En tous cas ici …. peut-être ailleurs qui sait ;)

Je me suis toutefois (enfin) doté d’une page partenaire auquel je joindrai un fichier PDF complet bientôt. Parce que oui j’aime bien expliquer convenablement les choses et que « partenaire » veux bien dire ce que ça veux dire ( et c’est pas « vache à lait » le synonyme).

Welcome

Beaucoup apprécient le plugin accueillant les visiteurs, je suis l’un des tout premiers à l’avoir utilisé ( à ma connaissance ) et depuis 1 an et demi il a proliféré un peu partout. C’est tant mieux car je le trouve vraiment très sympa mais là aussi je me suis demandé si je l’utilisais au mieux là ou il était ( haut de sidebar ). Réponse « pas vraiment ». Si je souhaite la bienvenue à quelqu’un je veux le faire en tout premier lieu, avant même qu’il ne commence à lire mon billet. Donc maintenant vous êtes accueillit un peu plus vite, un peu mieux (la largeur permet plus de texte) et en image. Juste un badge HSI pour le moment mais je pense que ça va évoluer avec le temps (une icône pour noël, une autre pour la Saint-Valentin, …) avec le message adapté à la situation :) Une sorte de mini-canal de proximité entre moi et les visiteurs, j’adore !

Plugins

Travailler sur son thème c’est aussi l’occasion de supprimer divers plugins et d’en tester d’autres. Dans le cas présent il y a eu plus de départ que d’arrivée mais dans les nouveautés vous pourrez voir les « Articles populaires » dans le module à onglets de la sidebar. Il s’agit du plugin Most Commented qui reprend les billets les plus commentés des 30 derniers jours. Pas forcément représentatif pour le moment étant donné que cela fait quelques semaines que je suis en roue libre sur le blog …

Je vais en ajouter d’autres dans les jours/semaines à venir mais j’y vais petit à petit étant donné que mon hébergement est plutôt capricieux. Solution à trouver à ce niveau mais une migration vers Infomaniak semble se profiler à l’horizon…

Le reste

Je vous le laisse découvrir si vous étiez un habitué du blog avant. Il y a des petites touches d’amélioration un peu partout mais rien de vraiment transcendant ( meilleure mise en forme des citations, mise à jour de certaines pages pour une meilleur lisibilité, petites modifs des commentaires, mise en forme des pages de tags, … ).

Il me reste à traiter toutes les images des billets entre juin 2007 et juin 2008 afin qu’elles correspondent à la nouvelle décoration d’intérieure du blog mais ça se fait petit à petit (en même temps c’est pas obligatoire mais je suis maniaque parfois ^^).

Voilà j’espère que la mise à jour vous plaira autant qu’à moi ! Sinon je vous ai mentionné que j’allais dorénévant accorder beaucoup plus de temps à mes activités de blogging et sur le web ?

Tags HSI,   thème,   v3,   version Partager