e-Jori, portfolio d'Art et Design de Jori Avlis - Geek

Inauguration du nouveau site de médiatis

Jori — Thu, 26 Jun 2008 16:50:00 +0200

Et voilà, j'ai fini le gros chantier en référencement naturel chez médiatis :D
Toutes les URLs, les TITLEs, le contenu a été revu, nous sommes partis sur de toutes nouvelles bases (nouveau CMS, nouvel hébergement…). Au cours de la petite soirée sympa entre les différents intervenants qui ont permis que le nouveau site voie le jour, j'ai appris quelques anecdotes qui font réfléchir. Le chargé du hosting m'expliquait que parfois, lorsque EDF est en sous-tension, il peut arriver qu'au lieu de fournir de l'électricité à ses clients, EDF leur en prenne ! Lorsque vous êtes un gros hébergeur, avec d'énormes onduleurs, cela peut faire très mal. Bilan : dégâts matériels. Et avant qu'ils puissent demander un remboursement… vous connaissez l'administration. Pour en revenir à médiatis : si vous êtes à la recherche d'une agence de crédit pour financer vos vacances ou votre voiture, allez faire un tour sur le lexique du crédit, qui vous expliquera tout ce qu'il faut savoir sur le crédit. Il y a également plusieurs services qui permettent au futur demandeur de crédit de se faire une idée de ce qu'il peut emprunter, comme des simulateurs ou un calculateur de taux d'endettement. Nous avons, en tant qu'agence de référencement naturel, enrichi le contenu du site pour aller au plus proche de l'attente des requêtes tapées dans les moteurs de recherche. Comme ça, les internautes sont assurés d'avoir un contenu plus pertinent plus rapidement.
On peut observer le chemin parcouru par médiatis, si on compare ces captures d'écran du site :

en 2000

puis en 2004

On parle de mise en page en tableaux à l'époque, contre une mise en page moderne en xhtml css, qui facilite la vie aux robots lorsqu'ils indexent les pages du site. Sans compter que c'est plus agréable visuellement ^^.
Vivement la soirée pour fêter notre future première place sur « crédit » \o/

Google Trends : voir le trafic d'un site, c'est possible

Jori — Wed, 25 Jun 2008 00:38:00 +0200

Avant, pour voir le trafic d'un site concurrent ou autre site dont on a pas directement les statistiques, on avait quelques outils, très aléatoires au niveau de la fidélité : Alexa, Compete... bof bof, surtout d'un point de vue européen.

Désormais, nous avons Google Trends qui s'en occupe, et de façon très fidèle, pour peu que le site aie plus de 4000 visites jour (pas trop pour les sites amateurs donc). Cette fonctionnalité est vraiment très sympa pour les fans de stats, mais il faut l'avouer, il y a une petite polémique qui risque de se former.

Pour info, Google Trends est un outil qui, à la base, sert à voir quels sont les requêtes les plus tapées dans Google. Nous pouvons par exemple voir ici l'évolution du nombre de requêtes pour les mots clefs "dessin" et "art". Comme toutes requêtes à un seul mot, l'évolution est négative (les internautes tapent de plus en plus des requêtes à plusieurs mots clefs, permettant d'avoir des résultats plus pertinents).

Google Trends est donc un formidable outil pour tout webmaster soucieux de faire un tant soit peu attention à son trafic. Il peut voir pendant quelles périodes de l'année les internautes recherchent plus tel ou tel mot clef (sur mon exemple plus haut, on peut voir que les deux requêtes sont moins tapées en milieu d'année)), et il peut voir également quelle requêtes il doit privilégier sur son site : le mot "art" est plus recherché que "dessin".

Mais le problème, ou la solution (ça dépend du point de vue), c'est surtout la nouvelle fonction "websites". En tapant désormais l'url d'un site sous cette onglet, vous verrez le trafic de ce site, et son évolution.

On peut voir ici avec beaucoup de précision le trafic de Yahoo! sur un an : en augmentation, près de 80 millions de visiteurs uniques par jour. Pour avoir les chiffres du trafic, il faut être logué sur Google.

On peut également comparer directement deux sites. On peut voir que Yahoo! distance son concurrent msn, par exemple.

Google Trends permet également de faire un focus sur un pays, voire une région, ici la France.

Le secret des chiffres n'est plus. Cette transparence qu'apporte Google n'est pas vraiment souhaitée par tout le monde. Mais si vous ne voulez pas apparaitre dans ces graphiques, il vous faut renoncer à apparaitre sur les résultats d'une recherche : autant se tirer directement une balle dans le pied.

Regardons un instant cette image :

Avouez que quand même, ils y vont un peu fort. Dans leur FAQ, ils expliquent les raisons qui font qu'un site n'apparaisse pas :

10. Are all websites included?

No. Not all websites are included in Trends for Websites. The following types of websites may not appear in the tool:

* Websites with low traffic volume below our threshold * Websites that don't wish to be indexed by Google and have indicated their preference through a robots.txt exclusion file * Websites that don't adhere to our Quality Guidelines * Other websites for miscellaneous reasons

On va dire que Google est une "miscellanous reason" <_<

En résumé, c'est un formidable outil pour tout bon web-marketeer, consultant e-business, SEO, ce que vous voulez qui touche de près ou de loin à l'acquisition de trafic sur le web. Surtout pour confronter plusieurs mots clefs (est ce que les gens tapent plus "vanille" ou "chocolat"? Dois je vendre plutôt de la vanille, ou du chocolat?).

Comment gérer une communauté en ligne

Jori — Fri, 06 Jun 2008 23:00:00 +0200

Internet est un espace extraordinaire, qui permet de mettre en contact des personnes non pas par la géographie comme auparavant, mais par centres d'intérêts. Grâce à internet, on peut s'affranchir de notre lieu de résidence, pour retrouver des personnes qui nous sont plus proches que ce que le hasard à bien voulu nous donner en voisins. Le lieu de rendez-vous des différentes personnes partageant les mêmes centres d'intérêt, le site web, est le vecteur qui permet de former une communauté.

Dernièrement, plusieurs voix ont décidé de s'exprimer contre la façon dont la communauté dont je m'occupe était gérée. Voyant que je ne voulais pas changer, ils sont partis, avec pertes et fracas. Comment gérer le choc psychologique sur la communauté, l'effet négatif sur le reste du site que ces histoires provoquent?

Tout d'abord, comment est formée une communauté? Comment se forme un site?

Par le simple bon vouloir de son créateur.

Je n'y pensais pas vraiment au début, mais lorsque j'ai fondé e-Kaki, vu que c'est bien de ce site là dont je parle, je voulais regrouper des gens qui avaient la même passion pour le dessin que moi. Pas forcément aussi bons ou mauvais que moi, juste la même passion : une envie très forte de vouloir progresser, sans avoir peur de la critique. Les différents membres de cette communauté bourgeonnante se connaissaient déjà d'autres communautés (des pseudos souvent croisés au détour d'un forum, d'une conversation msn, de la Vraie Vie...). Tout allait bien, ou presque : quelques soucis de conflits d'intérêts, quelques maladresses (plus ou moins résolues avec succès), bref, une communauté, ce sont avant tout des gens, avec leur caractère, leur avis, leur nombril.

Un bon gestionnaire de communauté doit savoir gérer les différentes sensibilités, et surtout, faire preuve d'une certaine impartialité : il ne faut pas aller trop loin dans l'impartialité, et se rappeler que c'est notre site après tout : ce n'est pas une démocratie. Je m'explique, avec un exemple. Si vous avez 4 amis qui vous disent que vous devriez vous habiller en bleu, et 7 inconnus qui vous disent de vous habiller en jaune, qui écoutez-vous?

J'ai fait l'erreur au début d'e-Kaki de n'écouter que la stricte majorité, de vouloir transformer la communauté en pseudo démocratie : je prennais donc des choix qui étaient parfois contre mes "amis". Parce que de toute façon, les amis, ça comprend. Et bien non, en prenant de telles positions, on peut froisser les amis, qui peuvent partir, estimant que notre amitié a été bafouée ("tu préfères écouter des inconnus plutôt que moi?!"). Comment gérer ça?

L'erreur, lorsque l'on bâti une communauté, c'est de perdre de vue les objectifs de cette communauté. Les miens sont pourtant clairs, je les redis : être dans une communauté qui est là pour le dessin, pour s'émuler à progresser, par la critique et par l'exemple. Avec le temps, d'autres personnes nous ont rejoint, sur e-Kaki. Des personnes pour qui ces objectifs n'étaient pas forcément clairs. Puis d'autres encore sont arrivés, de parfaits inconnus. On est bien contents au début, que ces personnes, arrivées par Google, trouvent un interêt à notre site : ça nous prouve quelque part qu'on peut intéresser d'autres personnes que notre cercle restreint d'amitiés, et qui sait, en nouer d'autres. Mais il ne faut jamais, jamais, faire oublier le véritable objectif du site : progresser en dessin.

Ce qui se passe actuellement, c'est l'accumulation de personnes qui ne sont pas d'accord avec ces objectifs. Qui trouvent ça nul. Comment gérer des personnes qui ne seraient même pas venus sur le site si tout avait été clair? J'ai tenté de leur demander leur avis, sur comment on pourrait faire pour concilier les extrêmes, discuter, analyser un peu leur problème. Leurs positions étant pour beaucoup radicalement incompatibles avec ma façon de voir les choses, ils sont partis.

C'est positif. Plus il y a de personnes qui discutent les objectifs d'un site, plus le site est ankylosé. Les webmasters perdent leur motivation, et le site fini par fermer. Nous avons eu plusieurs cas de ce genre dans notre pourtant petite sphère de dessinateurs du web : de gros sites ont découragé leur webmasters, qui ont fini par lâcher l'affaire. Comment faire pour que cela n'arrive pas?

C'est simple : recentrer sur ses objectifs, ou en refonder de nouveaux. En dernière instance, la personne qui décide, c'est le webmaster. Le créateur. Sans lui, rien n'est possible. Que va décider le webmaster? Il va décider selon ce qui lui donnera le plus de satisfaction, de façon autoritaire. Parce que quand bien même on serait en démocratie, et la majorité des membres du site seraient pour dessiner des girafes bleues, si cela ne plait pas au webmaster, le site sera fermé. Et je préfere effectivement fermer le site plutôt que de servir les amoureux des girafes bleues dont je n'en ai que faire.

C'est un cliché, mais on le redit : e-Kaki est un privilège, pas un droit.

Je vais donc recentrer le site, et la communauté, sur ce qui me fait plaisir à moi avant tout : faire un site qui donne envie aux gens de progresser en dessin. Faire un site qui donne envie aux gens de rester, de commenter, de participer. Si il y en a qui ne sont pas d'accord avec ces objectifs, et bien tant pis. Je ne leur dois rien. On ne peut pas forcer les webmasters à faire des choses qu'ils n'aiment pas. C'est pour ça qu'on parle de pseudo démocratie, sur le web. Lorsque je fais un sondage, c'est parce que j'ai un doute sur telle ou telle question, et que j'aimerais avoir l'avis des membres de la communauté. J'ai toujours dit, le site est fait pour la communauté, mais avant tout pour moi. C'est sûrement une raison égoïste, mais rien ne me fait plus plaisir que de voir des personnes qui adhérent à ma façon de penser, j'adore travailler pour des gens qui n'ont pas froid aux yeux, pas peur de la critique, et qui font de réels efforts pour s'améliorer en dessin.

Amis webmasters, ne perdez jamais de vue vos objectifs, et votre plaisir personnel, sinon vous courez vers la faillite de votre communauté. Il est impossible de plaire à tout le monde, plaisez au moins à ceux que vous estimez et qui sont d'accord avec vos objectifs initiaux.

Google ne peut pas tout savoir

Jori — Sun, 01 Jun 2008 00:15:00 +0200

Je viens de lire un article sur les limites de Google. Google possède des limites effectivement, principalement techniques ou logiques. La première limite est simple : si personne n'a mis le contenu recherché sur le web, google ne le trouvera pas. C'est ce qui a fait dire à mon père que "c'est nul internet, on ne trouve jamais ce qu'on cherche" (il cherchait les plans d'un système électrique d'une pompe à chaleur précise...). La deuxième limite est technique : Google est aveugle. Il ne peut pas lire les images (mais la firme de Moutain View y travaille...). Si par exemple le contenu est dans une image, il ne sera pas indexé par le moteur de recherche. C'est pour ce genre de contraintes qu'existent les référenceurs, dont je fais partie : nous faisons en sorte, entre autres, que les sites de nos clients soient accessibles aux moteurs de recherche. Un des effets de ce métier, c'est de rendre accessible ces sites aux... aveugles.

Et je viens en fait de vous faire un copier coller du mail que j'ai envoyé à l'auteur de l'article \o/, je voulais laisser un commentaire (bon réflexe de tout bon référenceur), mais je n'ai pas trouvé où se trouvaient les commentaires O_o, ils perdent plein de bon contenu gratuit référençable et frustre la communauté qui aurait pu exister.

LiquidCard pour WordPress

Jori — Sat, 01 Mar 2008 22:53:00 +0100

Je viens de voir que je n'avais pas encore fait de billet pour mon thème LiquidCard pour WordPress, alors que je l'avais décliné sur ce fameux moteur de blog depuis... belle lurette maintenant ¬¬ Donc voila, réparons cette regrettable erreur, en vous mettant à disposition LiquidCard normal (avec les couleurs de mon blog), et l'assez populaire dark LiquidCard (celui tout noir et bleu). Il y a des blogs qui utilisent un peu partout sur le web ces deux thèmes, à vous de taper sur Google les bons mots clefs, j'ai la flemme =D

http://e-jori.com/etc/wp-dark-liquidcard.zip pour la version foncée
http://e-jori.com/etc/wp-liquidcard.zip pour la version normale. Dézippez les dans votre dossier de thèmes, ça devrait marcher.

Optimisation du link juice : controle du flow

Jori — Tue, 26 Feb 2008 22:43:00 +0100

Savez-vous ce qu'est le siloing? Et le third level push? Savez-vous pourquoi la page des conditions générales de votre site possède parfois un pagerank supérieur qu'une page produit? Quelques "nouvelles" techniques de référencement sont à l'ordre du jour, qui permettent de mieux contrôler le pouvoir de transmission de popularité d'un lien, et ainsi choisir quelles pages doivent recevoir le plus de "link juice". Voyons voir en quoi consiste le siloing (ou third level push).

Tout repose sur le principe de base qui a fait le succès de Google : chaque lien qui pointe vers une page est considéré comme étant un "vote" pour cette page. Plus une page possède de liens qui pointent vers elle, plus cette page est populaire. Plus une page est populaire, plus son vote est important : un lien venant de chez Google vers mon petit site perso aura beaucoup plus d'importance qu'un lien venant d'un site obscur ("les vacances de ma grand mère en Corrèze"...).

Une page possède ainsi une quantité finie de popularité. Et ne peut donc transmettre qu'une quantité limitée de popularité aux pages qu'elle lie. Admettons que cette page possède une popularité de 100 points (valeur empirique juste pour référence). Les liens présents pointant vers d'autres pages doivent se partager ce capital de 100 points. Si nous avons 10 liens, leur capacité à transmettre de la popularité sera divisée par 10, autant de liens présents sur la page.

Ainsi, la page liée ne recevra que 10 points de popularité venant de notre page de référence.

Tout de suite, on peut comprendre que nous avons tout intérêt à bien choisir les liens qui doivent transmettre de la popularité, et bien choisir quelles pages doivent en recevoir.

Beaucoup de pages se retrouvent donc avec une popularité exagérée par rapport à l'importance qu'elles ont dans le site, "volant" ainsi des précieux points de popularité à d'autres pages qui en avaient pourtant bien besoin. Beaucoup de pages importantes, comme les produits, reçoivent finalement très peu de popularité de leur home, car à deux clicks de distance : plus une page est profonde dans l'arborescence du site, moins elle recevra de la popularité provenant de la page la plus populaire dans la majeure partie des cas, la homepage. A contrario, la page des conditions légales est très bien référencée, vu qu'elle est liée dans le footer sur TOUTES les pages du site. Elle reçoit une énorme quantité de popularité, popularité qui aurait pu être transmise à bon escient à d'autres pages. Que faire?

C'est la toute la magie du nofollow. Au début, on utilisait les nofollow surtout pour ne pas avoir de spammeurs sur nos blogs, qui ne se gênaient pas pour mettre les liens vers leurs sites louches dans nos commentaires. On mettait un petit nofollow sur les liens des commentaires, et paf, c'est nous qui contrôlions la transmission de popularité sur notre site. Désormais, on pousse un peu plus loin cette technique, et nous décidons qui reçoit quoi par qui. Ok, mais quels liens doivent passer en nofollow?

Je vous suggère de télécharger et d'installer un logiciel qui simule la popularité de chaque page d'un site, vous le trouverez ici : seo4fun (je ne le met pas en nofollow, c'est pas ma façon de remercier le gentil collègue référenceur qui a développé le logiciel n_n !). Tout de suite, vous verrez quelles sont les pages qui ont trop de popularité par rapport à celles qui n'en ont pas.

Je vous conseille d'ores et déjà de mettre des nofollow sur tous les liens qui sont présents sur toutes les pages du site et qui n'ont que très peu d'importance au final : les conditions légales dans le footer par exemple (un simple lien sur le plan du site vers les conditions générales est largement suffisant). Ensuite, les pages qui se lient entre elles de niveau 2 (à un click de la home) : les liens entre elles peuvent également avoir des nofollow, elles pourront ainsi transmettre plus de popularité aux pages de niveau 3. Ne le faites évidemment que si ces pages de niveau 3 sont importantes! Bref, c'est à vous de voir quelle stratégie adopter, suivant les pages que vous voulez mettre en avant ou pas. C'est tout un travail, mais qui mérite d'être fait. La pertinence des résultats sur des pages si profondes dans l'arborescence du site ne suffit malheureusement pas lorsque vous êtes sur des requêtes hyper concurrentielles. Cette technique est sans doute la petite touche qui fera toute la différence!

Pour finir, j'ai vu quelques agences de référencement pratiquer un autre type de technique pour qu'ils ne transmettent pas de popularité : ils explosent l'url présent dans le lien en javascript. Impossible pour les moteurs de recherche de voir un URL. Cette méthode draconienne est à mon sens inutile. D'une part parce que le nofollow fait très bien l'affaire pour Google (notez bien : pas Yahoo!, mais... on s'en fout non, de Yahoo?), d'autre part parce que cette technique n'est pas si impactante que ça pour justifier une telle artillerie lourde, et finalement, la principale raison : ça gêne l'utilisateur final de votre site! Les liens en javascript sont compliqués à gérer pour les navigateurs, on perd bon nombre de fonctions qu'on aime avoir (ouverture dans un nouvel onglet par exemple!).

Voila voila, faites attention à vos liens les amis, ne donnez pas votre popularité n'importe comment, les pages liées doivent le mériter!

Nouvelles formes du commerce sur Internet, mobile ou pas

Jori — Wed, 20 Feb 2008 23:25:00 +0100

De par mon métier (webmaster référenceur, consultant marketing en ligne ou webdesigner, au choix :D... ), je suis amené à faire des recherches sur ce qui pourrait être le futur de la vente en ligne (qui va très bien celà dit, au vu des derniers chiffres de la fédération française de la vente à distance : +37% de chiffres d'affaires e-commerce en 2006). J'ai donc pu constater qu'il existe beaucoup d'initiatives en Europe et plus particulièrement en France qui sont promises à un futur radieux (ou à se ratatiner totalement contre l'imprévu et l'impondérable). Qu'il soit commerce sur mobile ou commerce sur les réseaux sociaux, sites de troc ou de ventes privées, ces nouvelles formes de faire de la vente amènent à de nouvelles formes de faire du marketing. Faisons un tour d'horizon sur ce qui se fait déjà, à vous de me dire ce qui va marcher ou pas :)

Tout d'abord, pas de nouveau commerce sans nouveaux moyens de paiement! C'est ainsi que surgissent de nouvelles initiatives, visant à faciliter l'achat.

PayPal Secure Card : PayPal vient de lancer en version grand public en partenariat avec MasterCard son nouveau moyen de paiement pour les utilisateurs de sites qui n'acceptent pas les solutions PayPal. Il s'agit d'un logiciel téléchargeable, qui génère un numéro de carte bleue unique pour acheter sur les sites marchands.

M-paiement : c'est le paiement avec son mobile. Il remplacera à terme la carte bancaire, comme c'est déja le cas au Japon et surtout en Corée du sud. Un simple passage de son mobile sur un capteur déclenche le paiement.

Le commerce sur mobile, le m-commerce, est effectivement promis à un bel avenir. De plus en plus, les terminaux se perfectionnent, et ce qui était jadis un parcours du combattant (consulter la météo) est devenu simple comme bonjour. On peut espérer qu'à terme, les différentes technologies déjà disponibles sur les mobiles haut de gamme soient présentes sur le mobile de monsieur tout le monde : grande capacité de mémoire, écran tactile, GPS, Internet illimité... : ce sont les conditions nécessaires au développement du m-commerce, et arriveront tôt ou tard. Voyons voir quelques possibles usages :

On se baladait dans la rue, et, comme il arrive souvent, on veut se trouver un restaurant sympa à proximité, ou un cinéma, ou simplement une boulangerie. Grâce au chip GPS intégré, le mobile, couplé à un moteur de recherche (par exemple Google Maps) indique les différentes propositions à proximité suivant notre recherche. Il proposera également de reserver en ligne sa table au restaurant ou sa place de cinéma.

On se baladait dans la rue, et, comme il arrive souvent (¬¬ oui flemme de trouver un joli blah blah différent de l'autre avant, et alors? è_é) on tombe sur une magnifique paire de Converses, en vitrine d'un magasin. Mais ça semble un peu cher... Là encore, on peut taper le code barre du produit dans son mobile, qui va déclencher un comparatif des différentes boutiques à proximité, et vous proposer leur prix : c'est moins cher dans la boutique de la rue d'à coté, ouf, des économies de faites! Si vous pensez que c'est encore de la science fiction, et bien priceminister avec son site pour mobiles pricemini propose déja un service approchant : on insère le code barre du produit, et le site va comparer le produit sur tout les sites de ventes en ligne.

On s'ennuyait dans le TGV, et on vient d'avoir une idée : et si j'écoutais de la musique? Mais je n'ai rien de nouveau à écouter... et bien qu'à cela ne tienne, achetons de la musique en ligne avec mon mobile :) ... Ah mais en fait je me suis trompé de TGV et je vais à Lille au lieu d'aller à Marseille :X ... hem heureusement, je peux accéder au nouveau site mobile de la SNCF (encore en bêta) pour acheter mon billet. Et tant que je suis avec mon mobile, ça serait cool si j'achetais un cadeau à ma copine, allons voir du coté du tout nouveau site mobile de la FNAC ce qu'ils proposent...

On est inscrit sur un site de ventes privées. La vente privée est déja une nouvelle forme de faire du commerce en soit, avec ces ventes limitées dans le temps, nécessitant d'une inscription préalable pour pouvoir y accéder. Mais ce qui est rageant, c'est que lorsque je peux enfin me connecter pour acheter ce maudit baladeur mp3 à moitié prix (prix de ventes dont seules les ventes privées ont le secret), ben... tout est déjà parti! Je suis arrivé trop tard. Avec mon petit mobile, dès que la vente privée est ouverte, hop, je suis prévenu sur mon mobile, hop j'achète directement avec, et j'ai mon baladeur mp3 \o/

On se baladait dans la rue et on voit une superbe affiche de notre groupe de musique préféré qui vient de lancer son nouvel album, a télécharger en ligne. Oui mais voilà, mon groupe préféré a un nom très compliqué à taper, encore plus sur un mobile, et c'est long et fastidieux de rechercher le nouvel album sur le web mobile. Et bien sur l'affiche en fait, il y a une petite image, le tag mobile. En la photographiant, le mobile la reconnait immédiatement : c'est un code barre qui contient de l'information sur mon groupe, et qui me dirige vers le site web correspondant, où je peux télécharger mon album :) Qui dit affiche dit aussi magazine ou n'importe quel autre support visuel, bien sûr.

Google se lance également dans le marché des mobile, avec son Android : un système d'exploitation open source pour mobiles, et qui ouvrira sans doute la porte à tout un nouveau cheptel de nouveautés. Il mettra sans doute tout le monde d'accord, et je ne prévois pas de beaux jours pour Symbian, le système d'exploitation des Nokia... Nous verrons ce que l'avenir nous dira. Pour l'heure, il existe quelques conditions au développement de l'achat via mobile : des terminaux performants (qui commencent à arriver mais à des prix pas encore "grand public"), des abonnements accessibles et illimités, et surtout une simplicité d'utilisation, couplée à un réseau 3G+ irréprochable. Attendons de voir ce que fera Free lorsqu'ils auront leur licence mobile franchement acquise :)

LiquidCard pour dotclear 2

Jori — Mon, 18 Feb 2008 22:53:00 +0100

Vous ne l'attendiez plus, moi non plus! Mais j 'ai enfin débloqué un peu de temps pour mettre à jour mon LiquidCard pour dotclear 2. Alors voilà, au programme, tout ce que vous avez pu voir sur mon blog depuis maintenant plus d'un an : propriétés liquides, revision de quelques bugs d'affichage (par exemple les titres des billets trop longs qui se chevauchaient sur les dates...), un peu d'optimisation pour le référencement. Rien de bien méchant. Pour l'installer, voici l'adresse du package :

http://e-jori.com/dotclear2/public/theme-LiquidCard2-2.0.pkg.gz

Pour ceux qui préfèrent le fichier .rar :

http://e-jori.com/dotclear2/public/LiquidCard2.rar

Si vous rencontrez certains problèmes d'affichage, c'est sans doute parce que je suis incompétent, et je vous fait confiance pour me dire ce qui ne va pas, afin que je puisse corriger si besoin est =) ! Peut être que je ferais les autres versions de couleur, si j'ai le temps, un de ces quatre, un jour, probablement, on sait jamais, pourquoi pas.

Au sujet du Dublin Core, de la meta title et du référencement

Jori — Fri, 08 Feb 2008 01:03:00 +0100

Je vois de temps à autres des personnes qui remplissent tout et n'importe quoi au niveau des balises meta, soit disant parce que ça améliore le référencement naturel. Le cas le plus classique étant la balise meta keywords.

Par pitié, de grâce ou je ne sais quoi, ne la remplissez pas d'une infinité de mots!

La balise meta title ne sert à rien non plus, les principaux moteurs de recherche ne la prenant pas du tout en compte (la balise TITLE suffit largement et est essentielle en référencement naturel, par contre). Si on veut la garder malgré tout, une répétition du TITLE normal est conseillée. Si on veut structurer l'information pour d'éventuels moteurs de recherche secondaires (notamment des moteurs de recherche spécialisés en blogs), il est préférable d'utiliser le Dublin Core (vous savez, ces balises meta avec des dc dedans de type : <meta name="DC.Nom d'élément" content="valeur de la métadonnée" /> que personne n'utilise... ¬¬). Le Dublin Core permet de structurer l'information présente sur la page, et ainsi de faire un pas vers un web sémantique, en plus d'être une normalisation des meta-données. Mais ni Google, ni Yahoo! ni Live ne l'utilisent encore.

Les meta keywords sont inutiles pour les trois principaux moteurs de recherche. Voila.fr les prend "un peu" en compte. Il est conseillé de mettre une dizaine de mots clefs, pas plus. Un excès de keywords ne provoque que la dilution de leur importance aux yeux du peu de moteurs de recherche qui en tiennent compte, en plus d'alourdir le poids de la page, parfois considérablement (pour ceux qui utilisent des dizaines, voir des centaines de mots clefs...).

Toutes les autres meta, en référencement naturel... on s'en fout =D . Occupez vous plutôt de votre netlinking externe, d'écrire de beaux articles avec des mots que les internautes recherchent effectivement, et vous verrez les gens arriver de chez Google par millions! Enfin j'exagère un peu.

Voila, c'était juste un rapide rappel des faits, ça manquait. Bon, si je m'occupais de choses plus importantes, moi, genre comme la release de liquidcard pour dc2 ?

Pourquoi mon PageRank est en baisse?

Jori — Fri, 23 Nov 2007 16:51:00 +0100

Le PageRank est un critère parmi d'autres pour Google afin de définir le positionnement d'un site dans les résultats de recherche. Une baisse de PR, de 5 à 4 ne traduit pas une baisse de la capacité de positionnement, comme nous pouvons le constater dans nos rapports de positionnement.

La politique de Google vis à vis de son algorithme est hermétique, ils ne transmettent pas dans quelles proportions les différents critères de classement entrent en jeu. On calcule que plus d'une centaine de critères sont utilisés, comme par exemple l'ancienneté du domaine ou le TrustRank (une note attribuée par Google à un site qui détermine le niveau de confiance du site).

Le PageRank affiché publiquement par Google (on peut le voir notamment dans la Google toolbar) est une représentation graphique, qui n'est plus que mise à jour une ou deux fois dans l'année, de façon aléatoire, et ne correspond pas au véritable PageRank (qui lui est mis à jour quotidiennement). Ce véritable PageRank n'est pas un nombre entier, et un site peut avoir un PR de 4,4 par exemple (voire de 4,455...).

Lors de la dernière Google Dance (c'est ainsi que Google nomme les changements de représentation graphique du PR), beaucoup de sites majeurs ont vu leur PR baisse, mais ceci n'a pas d'incidence réelle sur le positionnement, vu qu'il ne correspond pas au véritable PR. Une baisse du PR "public" ne peut donc pas se traduire par une baisse brutale des positions.

Alors pourquoi notre site a perdu en PageRank?

Il avait un PR de 4,6 et donc son PR affiché publiquement était de 5. Lorsque son PR est passé à 4,4, le PR affiché publiquement était de 4. Dans la pratique, il n'aurait baissé que de 0,2.
La recalibration. Plus le web évolue, plus il y a de (bons) sites, et plus il devient difficile d'obtenir un bon PageRank. Google voulant traduire le caractère exclusif des PageRanks forts, il a tout intérêt à en limiter l'accès. Et pour ce faire, il impose des critères plus durs afin d'obtenir un bon PageRank.

Ainsi, même si notre site a gardé les mêmes caractéristiques qu'auparavant, l'obtention du bon PR est désormais plus difficile. Mais évidemment, rien n’a changé concrètement en référencement naturel pour notre site.

En résumé, le PageRank public est juste, de nos jours, une indication pour les webmasters, une référence, au même titre que la météo du mois prochain ou un "c'est cool ce que tu fais" de la part d'un ami. Vague et imprécis, il ne peut pas être pris en compte en tant que valeur exclusive indicative de notre travail en référencement, il vaut mieux, comme toujours, être véritablement sur le terrain, en regardant nos positions sur les différents mots clefs qui nous génèrent du trafic pour évaluer de notre bon référencement.

Je vous invite à consulter le blog de Matt Cutts pour plus d'informations : http://www.mattcutts.com/blog/more-info-on-pagerank/

Optimisation de dotclear 2 pour le référencement

Jori — Mon, 01 Jan 2007 04:12:00 +0000

Il y a quelques temps, j'ai eu l'idée saugrenue de passer à dotclear 2. Ouais. Alors je vais vous dire ce que je pense de cette nouvelle mouture:

c'est bien pour le multiblog

Ce qui n'est pas mon cas, je n'utilise pas cinquante trouze mille blogs u_u

Donc me voilà à trimer parmi des fichiers en tout sens pour adapter mon LiquidCard perso. C'est assez difficile de s'adapter à quelque chose de tout neuf et de fondamentalement différent, mais j'ai fini par y arriver, comme vous pouvez le constater. Quelques nouveautés au programme: Liquid devient en fait Elastic, pour les navigateurs qui sont bien (n'importe quoi de récent sauf IE6 donc). Vous remarquerez donc que mon site varie de largeur selon un paramètre de largeur maximal et un autre minimal (min-width et max-width, propriétés CSS bien pratiques). J'ai aussi corrigé quelques défauts qui trainaient (comme par exemple l'absence d'un clear:both à la fin de chaque billet, ce qui était problématique si on mettait une image avec un float dans notre billet). Il y a aussi eu toutes ces petites subtilités de dc2 qu'il a fallu adapter, pffou. Je vais donc bientôt nettoyer LiquidCard pour dotclear 2 et le mettre à disposition... dès que j'ai récupéré le courage de remettre les mains dans le cambouis =D

Au sujet du référencement de dotclear 2

Que faire pour avoir un site bien référencé? Les règles de base nous disent qu'il faut avoir un beau contenu, de belles urls propres pour y avoir accès, eviter le duplicate content, choisir de bons mots clefs pertinents, rediriger les anciennes urls vers les nouvelles de dotclear... voici en étapes ce que j'ai fait:

- allez hop, mettons un petit nuage de mots, un tag cloud. C'est assez pratique pour associer des mots clefs à nos billets, pour indiquer à google de nouvelles pages pertinentes pour tel ou tel mot, pour aider notre internaute à retrouver vite fait tout les articles en rapport avec un mot clef... bref, en plus c'est joli sur la home du blog.

- rajouter une meta description différente par page du site, comme indiqué sur le forum dotclear. Ceci permet de personnaliser le descriptif de la page que l'on voit dans le SERP (search engine result page) de Google. Ceci permet aussi d'eviter de se retrouver dans les résultats complémentaires (si toutes les pages de votre site ont la même meta description, en plus du titre, il y a de très fortes chances que vos pages se retrouvent en complémentaires, ce qui est mal comme vous comprennez).

- rajouter Google Analytics. Un bon référenceur a un bon outil de stats. Forcément, comment se guiderait-il sinon, comment savoir si ce qu'il fait est bon ou pas? Google Analytics est par ailleurs un bon choix, il est gratuit et ne demande pas de bannière sur notre site, en plus d'être puissant.

- éviter à tout prix le duplicate content, et tant qu'à faire, rediriger les anciennes URLs de dotclear 1 vers les nouvelles (ça serait dommage de perdre le référencement durement gagné des anciennes pages, quand même). Il faut pour celà bidouiller dans le .htaccess.

- mettre mon dotclear à la racine du site (en sortant index.php du dossier où est installé dotclear est en le mettant à la racine, tout en modifiant ce qu'il faut dans index.php pour qu'il retrouve le blog - sans oublier de changer la config dans le tableau de bord pour indiquer la nouvelle URL).

- évitons l'accès de mon site par www. Je ne veux plus que des http://e-jori.com chez moi, à mort les www. un peu de rewriting est nécessaire. Bon j'ai fait un peu n'importe quoi et j'ai quand même eu un bon coup de main.

RewriteEngine On
RewriteOptions inherit

Oké on demarre le bidule

RewriteCond %{HTTP_HOST} ^www.e-jori.com
RewriteCond %{HTTP_HOST} ^e-jori.com/index.php
RewriteRule (.*) http://e-jori.com/$1 [QSA,L,R=301]

Là on lui dit que www, c'est pas bien. On oublie pas la 301.

RewriteCond %{REQUEST_URI} ^/(admin|locales|public|themes)
RewriteRule ^/(.*)$ /dotclear2/$1 [L]

Hum, ça je sais plus, je l'ai piqué chez lui.

ErrorDocument 404 /index.php/404

Et ça c'est important, il faut que vos pages 404 soient jolies. Pour google, qui aime bien avoir un peu de contenu et comprendre que cette url qui ne marche plus n'existe vraiment plus, et pour les internautes, qui ont des liens à suivre pour continuer sur notre site (même chose pour google remarquez).

RewriteRule ^category/(.*)$	/index.php/category/$1
RewriteRule ^post/(.*)$	/index.php/post/$1
RewriteRule ^tag/(.*)$	/index.php/tag/$1
RewriteRule ^feed/(.*)$	/index.php/feed/$1
RewriteRule ^tags(.*)$	/index.php/tags$1
RewriteRule ^archive(.*)$	/index.php/archive$1
RedirectMatch 301 ^/index.php/2006/([0-9]{2}/[0-9]{2}/[0-9][0-9]*-.*)$ /post/2006/$1
RedirectMatch 301 ^/index.php/2005/([0-9]{2}/[0-9]{2}/[0-9][0-9]*-.*)$ /post/2005/$1
RedirectMatch 301 ^/index.php/2006/([0-9]{2}/[0-9]{2})$ /archive/2006/$1
RedirectMatch 301 ^/index.php/2006/([0-9]{2})$ /archive/2006/$1
RedirectMatch 301 ^/index.php/2005/([0-9]{2}/[0-9]{2})$ /archive/2005/$1
RedirectMatch 301 ^/index.php/2005/([0-9]{2})$ /archive/2005/$1
RedirectMatch 301 ^/index.php/(Blog|Art|Design|Geek|Portfolio|About)$ /category/$1
RedirectMatch 301 ^/dotclear/rss.php/$ /feed/rss2$1
RedirectMatch 301 ^/dotclear/atom.php/$ /feed/atom$1

Et là on retire un tas d'index.php moches, on redirige les anciennes URLs vers les nouvelles, etc.

Mais il reste un index.php à retirer. Celui de la home. http://e-jori.com/index.php .

N'ayant pas réussi à le retirer via .htaccess (erreur 500 ou rien du tout...) on va le faire en php, dans le fichier "index.php" (celui qu'on avait mis à la racine). Au tout début, on rajoute juste:

if($_SERVER['REQUEST_URI'] == "/index.php")
{
header("HTTP/1.1 301 Moved Permanently");
header("Location: http://".$_SERVER['HTTP_HOST']."/");
exit;
die("Redirection");
}

Voilà, j'ai bien fait mon geek pendant cette période de fêtes, j'espère que ça vous sera un peu utile =) Il faudrait juste que je personnalise un peu plus les textes descriptifs des catégories, et je serais (un peu) content de mon site. Bonne année 2007 à tous!

edit: hu bizarre il prend pas en compte le code @@ ... je verrais ça plus tard \o/

Utiliser la syndication RSS : comment s'abonner au flux

Jori — Fri, 13 Oct 2006 20:06:00 +0000

Vous en avez assez de devoir visiter vos sites favoris un à un pour savoir si il y a quelque chose de nouveau depuis votre dernière visite ? Et bien la syndication, les flux (ou feeds en anglais), les fil rss ou atom sont faits pour vous. Oui, beaucoup de concepts à appréhender en une seule fois, mais vous verrez, ce n’est pas si compliqué que ça à utiliser en fait :)

Syndication : qu’est ce que c’est ?

La syndication consiste à diffuser un contenu à plusieurs diffuseurs. La syndication web, c’est donc la portion du contenu d’un site que l’on peut utiliser ailleurs. Le flux est le format le plus utilisé pour cette distribution de contenus web.

Les distributeurs de contenu (les sites) syndiquent donc un flux, ce qui permet aux visiteurs de s’abonner.

S’abonner à un site ?

On reformule : les sites mettent à disposition du visiteur un moyen d’utiliser le contenu autrement qu’en visitant le site. En s’abonnant, le visiteur utilise donc ce moyen ; comme pour un magazine que l’on reçoit dans notre boite aux lettres tout les mois, l’abonné au flux du site recevra, dès qu’il y a une nouveauté, la portion du contenu à l’endroit de son choix, sans avoir à visiter le kiosque, ou, pour le web, le site.

Cette boite aux lettres de l’utilisateur est appelée agrégateur, c’est l’endroit qui reçoit toutes les nouveautés de nos abonnements.

Comment savoir si il existe un flux ?

Bien souvent, nous avons vu ce symbole, sur une page web, sans trop savoir à ce que cela correspondait. Beaucoup savent que c’est quelque chose de bien, qu’il parait que c’est pour être tenu au courant des nouveautés, mais ne savent pas trop comment s’en servir. En fait, cet icône indique tout simplement la présence d’un flux. Cool, ça veut donc dire que l’on peut s’abonner au site et recevoir tranquillement les nouveautés sans avoir à les chercher exprès sur le site. Pratique, on ne perd pas de temps à visiter le site quand il n’y a rien de nouveau ;)

A savoir : le flux existe en deux saveurs : le fil (ou flux) RSS et le fil Atom (qui sont du XML, encore un terme technique barbare). Ces concepts reposent essentiellement sur des différences techniques qui ne nous servent à rien, nous utilisateurs lambda. Mais comme on les utilise souvent, sachez juste qu’ils correspondent à des flux (voyez les un peu comme des formats d’enveloppe différentes pour recevoir votre magazine).

Ok, j’ai compris, mais… comment je me sers de ces fils RSS ?

En utilisant un agrégateur de flux. Tout d’abord, ils nous faut une boite aux lettres, un agrégateur. Plusieurs choix sont possibles, et chaque personne trouvera chaussure à son pied. On peut utiliser un agrégateur en ligne, où un seul site réunit tous vos abonnements. Vous n’aurez donc qu’un seul site à visiter pour être au courant de ce qui se passe sur tout les autres.

Pour faire simple, nous allons choisir le site francophone NetVibes

Nous voyons qu’il existe déjà par défaut plusieurs abonnements, que nous pouvons éliminer ou éditer (passez votre souris sur le coin supérieur droit de chaque boite pour cela). Pour ajouter du contenu, cliquez sur le lien tout en haut à gauche.

Une nouvelle boite apparaît, avec comme premier lien : « ajouter mon flux ».

Oh, il me demande une URL (une adresse Internet). Mais je la trouve où ?

Et là est toute la difficulté. Chaque webmaster à une façon différente de proposer ce lien, cet abonnement. Un logo différent, un texte différent, ou juste présent sur une page spéciale, ou planqué dans un coin de la page… C’est, à mon sens, la principale raison pour laquelle la syndication n’est pas encore grand public : le manque de normalisation. Mais cela change petit à petit, il existe déjà un logo qui remplacera à terme tout les autres. C’est donc à vous de retrouver ce lien, bon courage :D

Lorsque vous l’aurez trouvé, il vous suffira de cliquer droit sur le lien pour récupérer l’URL : avec Firefox, on choisi l’option « copier l’adresse du lien » et sur Internet Explorer, on choisit l’option « copier le raccourci ».

avec IE

avec Firefox

Ensuite on colle cet URL fraîchement copié dans la boite que nous avons vu de netvibes et on clique sur « ajouter ». Voilà, c’est fait. Attendez un peu et regardez ce qui se passe.

Une nouvelle boite apparaît ! Avec un liste des dernières nouveautés du site que vous avez choisi. Suffit de cliquer sur l’une d’entre elles pour lire la nouveauté. Comme un e-mail. Dès qu’il y a quelque chose de nouveau, cela s’affichera sur votre agrégateur en ligne (dans ce cas, netvibes).

Il existe d’autres solutions pour visualiser ses abonnements pour ne pas avoir recours à un site. On peut utiliser le client mail Thunderbird ou un logiciel spécialisé.

On peut également utiliser les fonctionnalités de Firefox, Opera ou ~~le futur~~ Internet Explorer 7. Ces navigateurs affichent dans leur barres d’URL (là où vous tapez l’adresse d’un site) l’icône des flux lorsque le site en propose un. Il suffit de cliquer sur cet icône de la barre du navigateur pour utiliser la fonctionnalité.

vous le voyez le petit logo dans la barre des URLs?

Et ici, l'agrégateur intégré d'Opera, une image vaut mieux que mille paroles :)

Un navigateur, ne vous en faites pas, c’est juste le logiciel que vous utilisez pour surfer sur le net. Internet Explorer pour la majorité des gens sur Terre, Firefox, Opera, Safari et consorts pour les autres. Il faut savoir que IE, comme c’est un papy, ne permet pas de s’abonner, dommage, il faudra attendre le prochain gros update de Microsoft à ce sujet avec leur nouveau Internet Explorer 7 qui ~~ne devrait plus trop tarder à voir~~ a enfin vu le jour.

Voilà, vous savez désormais vous servir d’un… fil RSS, ou fil atom, ou de la syndication, ou d’un feed, ou d’un flux ou d’un… bref, vous avez compris :)

Là où ça devient marrant, c’est pour le webmaster qui veut afficher une partie du flux récupéré sur un site sur son propre site perso ;)

Morale de l’histoire : ne laissez jamais un geek (un geek étant un accro de l’ordi en – très – résumé) vous expliquer des choses simples :D

Liens utiles :

http://google.com/reader un superbe agrégateur en ligne, pour l’instant en anglais. http://www.mozilla-europe.org/fr/products/thunderbird/ pour télécharger ce superbe client mail. http://fr.wikipedia.org/wiki/Syndication l’article wikipedia sur la syndication.

P .S. : et les podcasts ?! Ben c’est tout pareil, sauf qu’au lieu de texte, vous recevez du son ou de la vidéo ;)

Comment modifier Liquid Card

Jori — Mon, 16 Jan 2006 17:42:00 +0000

Quelques questions souvent posées, quelques idées pour personnaliser son thème? Voici un petit tuto pour vous aider :)

Tout d'abord, je vous présente le nouveau thème de couleur, en négatif: dark LiquidCard - installeur allez faire un petit tour sur le site démo, les images sont plus explicites que les mots. Ça change :p

Passons au mini tuto.

Comment ajouter un lien dans le menu des catégories supplémentaires, dans la même ligne?

On cherche dans template.php la ligne où se trouve: dcCatList() et on remplace par dcCatList('<ul>%s<li><a href="votre nouveau lien">blabla</a></li></ul>')

Comment rajouter une image en fixe à droite comme sur e-Jori.com?

Ouvrir style.css et rajouter:

#bougepas {

 position: absolute;
 bottom: 0;
 right: 0;
 z-index: 100;

} html>body #bougepas {

 position: fixed;

}

Si vous voulez mettre l'image à gauche, remplacez right par left.

Ensuite, dans template.php, il faut rajouter quelque part (avant <div id="menu"> par exemple).

Ah je veux mon menu en fixe, pour pas qu'il bouge, comment je fais?

C'est le même principe que pour la question précédente. Sauf que comme les liens ne vont pas bouger, il vaut mieux intervertir les positions avec le header, donc:

dans template.php, on prend

et on le met avant

On vient donc de mettre l'élément du menu avant l'élément du header. Maintenant, on veut que ce menu ne scrolle pas (j'avertis tout de suite que ça ne marche pas sous IE, comme d'habitude, mais on est habitués :)

On ouvre style.css, on trouve

#menu { margin: -7px 0 -4px 0px; padding: 0; }

après padding: 0; (et avant le } ) on rajoute:

 position: relative;
 z-index: 90;

} html>body #menu {

 position: fixed;

Voilà, ça devrait marcher. Bon courage, si vous avez des questions, hésitez pas :)

Petit bonus: images sans plantes pour ceux qui veulent personnaliser un maximum Liquid Card. Oubliez pas de retirer le gAMA de votre fichier png avec tweakPNG, comme ça Internet Explorer affichera correctement les couleurs.