Deux mots sur l’algorithme de Google

Le classement des pages par Google tient compte de nombreux critères. Grosso modo, plus les liens extérieurs qui pointent vers vos pages thématiques sont nombreux, plus vous aurez des chances d’apparaitre en bonne position sur ces mêmes thématiques. Le PageRank officialise les choses. A côté de ce principe général, Google pondère ses résultats avec, par exemple, le nombre de clics effectués sur une page par rapport au nombre de fois où elle apparait dans les résultats (consultez les outils Google pour Webmasters pour plus d’information).

Les composantes de l’algorithme de classement des pages par Google. Surveillez votre CTR !

Google utilise déjà une forme d’enchère similaire pour les Adwords : plus votre annonce est cliquée et plus elle apparait en haut des résultats avec un  coût par clic (CPC) à la baisse. Si votre annonce intéresse les visiteurs (qu’il s’agisse de la nature du produit ou de la manière dont vous présentez les choses) Google vous récompense pour vos efforts.

Lisez le blog de Patrice Albertus (Search marketer) pour en savoir plus sur les questions liées au marketing pour les moteurs de recherche.

Aperçu instantané

De la même manière, la fonction Aperçus instantanés va inciter les visiteurs à parcourir les différents aperçus proposés, et ce d’autant plus que l’affichage des aperçus est rapide et généreux, ce qui ne doit pas être un hasard quand on connait la hantise de Google concernant les performances d’affichage de sa page de résultats.

Le visiteur pourra donc faire son choix entre… Entre quoi, au juste ? Ah oui, entre :

• Le design qui lui semblera le plus cohérent avec ce qu’il s’attend à trouver,
• La page qui sera la plus lisible ou la plus avenante,
• La page qui proposera le plus de visuels allèchants,
• La page qui aura le logo ou le motto le plus accrocheur,
• La page dont le design sera plus ou moins moderne en fonction des goûts de l’utilisateur,
• Une site d’apparence institutionnel ou un blogzine,
• Un vrai site ou un MFA ^^
• etc.

C’est la petite loupe à côté du titre qui permet d’activer l’aperçu instantané (Instant Preview). Cliquez pour agrandir l’image.

Le Webdesign, ce n’est pas juste pour faire joli !

Avec la possibilité de comparer le design des pages directement dans les SERP’s, les clics des visiteur risquent d’influer fortement sur le positionnement des pages proposées en première intention par Google. Après la prise en compte de la qualité rédactionnelle, le design et la direction artistique pourraient devenir des éléments fondamentaux (comprendre : pas uniquement pour faire joli) qu’il faudra penser dès le départ pour optimiser l’expérience utilisateur avant même que le visiteur ne se soit rendu sur votre site. Encore une avancée qui devrait rapprocher les différents intervenants de la chaine de production Web !

Articles sur le même sujet

• Ecrire pour Google : des mots-clés au clickrank
• 8 composés HTML pour le logo et la « baseline » et leur potentiel SEO
• Référencement de sites Web — Chassez le naturel, il revient au SEO !
• J'ai référencé mon site sur plus de 400 moteurs de recherche et annuaires de liens, j'ai bon ?
• 35 blogs de développeurs web

Comme des poissons dans l’eau

Le contenu de vos billets est semblable à l’asticot qui gigote au bout de l’hameçon. Chacun sait qu’on n’attrappe pas tous les poissons avec le même appât et que l’eau dans laquelle on lance la ligne n’abrite pas les mêmes espèces… En fonction de la thématique globale de votre site et des sujets abordés dans les billets, vous parviendrez à intéresser certaines espèces ou pas.

Ce que parler veut dire

Plus votre site est spécialisé et plus vous avez des chances d’être bien vu par Google qui est toujours à la recherche d’informations rares et pertinentes à proposer à ses utilisateurs. Bien évidemment, Google n’accordera une attention particulière au contenu de vos pages que si vous accordez vous-même un soin particulier à l’écriture de vos articles. L’emploi de termes spécifiques et d’expressions du métier au lieu d’un vocabulaire passe-partout peut vous propulser très haut sur la scène googlienne.

Ce qui ne doit pas vous faire oublier que beaucoup de visiteurs interrogent peut-être justement les moteurs pour apprendre le jargon du métier. Pour cette raison, je relis souvent mes billets en me mettant à la place des visiteurs. J’imagine les mots ou les phrases qu’ils pourraient utiliser. Il s’agit de trouver le juste équilibre entre l’emploi de termes ésotériques et de formules toutes faites. Si la répétition d’un même terme dans la page peut avoir des effets positifs, privilégiez toutefois l’emploi de synonymes : vous élargirez le diamètre de l’entonnoir.

Quand le sage montre la lune, l’imbécile regarde le doigt

Le première fois que j’ai regardé les mots-clés en provenance de Google, je me suis dit : tiens, c’est marrant, tout le monde cherche des informations au sujet des blogs commerciaux, puis plus tard se sont ajouté ceux qui voulait des informations sur les classements des blogs, puis sur la monétisation des blogs…

Aujourd’hui, une bonne part des requêtes qui mènent sur ce blog concerne le statut du blogueur, etc. Vous l’avez compris : je ne regardais pas la lune, mais mon doigt ;). C’est comme des cercles concentriques : plus les sujets d’une même thématique globale sont nombreux et plus vous aurez de chance de correspondre aux requêtes qui fusent dans le cyberespace.

Un algal, des algos ?

Le deuxième enseignement de l’analyse des statistiques, c’est que les résultats retournés par Google semblent utiliser des algorithmes différents selon le nombre de terme contenus dans la requête.

Pour un ou deux termes génériques, les sites qui apparaissent dans les premières pages semblent bénéficier d’un traitement de faveur en fonction de l’ancienneté surtout (date de création du domaine) et de leur popularité (PageRank).

Google fonctionne comme si les requêtes étaient ventilées dans des clusters thématiques (développement web, voyage, sexe, divertissement, etc.) à l’intérieur desquels certains sites seraient considérés comme proposant un contenu de référence. (TrustRank ?).

De l’influence de l’ancienneté et du PageRank

A partir de deux ou trois termes et plus, le contenu reprend la main sur l’ancienneté et le PageRank, et là, c’est surtout la présence et la proximité de tout ou partie des termes demandés qui fait le bon positionnement. Il semblerait que la fraicheur de l’information disponible soit ici favorisée au détriment parfois de sites plus qualifié installés de longue date. C’est peut-être la conséquence de la forte croissance des blogs en particulier et du web en général : il faut bien que les moteurs fassent de la place pour les petits nouveaux ;)

Des invités triés sur le mot-clé volet

Pour cet article, j’ai tenté de faire preuve d’empathie envers des profils de visiteurs assez différents :

• Les gens du marketing, toujours à l’affût d’une information liée à Google,
• Les geeks, toujours intéressés par un terme qui se termine par Rank ;)
• Ceux qui rédigent des articles pour le web en général,
• Et ceux qui cherchent des rédacteurs en particulier…

Le mot-clé mots-clefs par l’exemple

Parmi tous les termes éligibles pour capter un flux de visiteurs potentiels, j’ai comparé les différentes possibilités dans Google lui-même pour avoir une idée du marché potentiel d’un mot en fonction du nombre de résultats retournés et de la diversité des sites retournés par le moteur.

A cet égart, l’orthographe a son importance. Le terme mot-clé, par exemple, a plusieurs acceptions parmi lesquelles il faudra trancher au moins pour le titre :

• mot-clé,
• mots-clé,
• mots-clés,
• mot-clef,
• mots-clef
• ou mots-clefs ?

Après réflexion, j’ai choisi mots-clés qui renvoit dix fois plus de résultats que mots-clefs. Ce qui me donnera sans doute moins de chances d’être positionné dans les premières pages, mais d’avoir plus de possibillités d’être présent sur la requête en espérant que cette présence s’accompagne d’un bon positionnement avec le temps (Dans le billet d’origine j’avais choisi le contraire).

Le ClickRank

The hyperlink was a vote in the search-driven Internet. Now I’m dependent on a new currency – human action. The click is much more potent than the existence of a link.

Tout le monde ou presque connait le PageRank, mais il pourrait bientôt être remplacé ou relégué au fond de la classe par des paramètres autrement plus précis et sûr (le genre sûr que même les méchants pirates experts en SEO, ils auraient du mal à dealer with ;) ).

En effet, Google pourrait par exemple, tenir compte du nombre de fois où un résultat fait l’objet d’un clic sur une requête donnée en enregistrant le contexte sémantique.

On pourrait considérer celà comme une extension du vote représenté par les backlinks (ou liens entrants) vis à vis du site vers lequel ils pointent. Grosso modo cela reprendrait le principe des digg-like : un clic sur un résultat = un vote.

Matt Mc Alister s’interroge sur le remplacement du PageRank par le ClickRank. En tout état de cause, Google a la possibilité d’améliorer encore ses résultats et de garder longtemps encore l’avantage. Notamment, en utilisant les données d’Analytics et des Webmaster Tools, pour déterminer toujours plus de critères d’évaluation d’une URL ou d’un site en entier au regard d’une requête donnée en prenant en compte le nombre de pages vues sur un site, le temps passés sur ses pages, le nombre de clics effectués, etc.

En bref

Tout ce que Google peut enregistrer grâce à nous, n’a pas finit de lui donner un avantage intellectuel et économique vertigineux. Ce sujet semble inépuisable, mais ce n’est pas mon cas. Je laisse cette conclusion ouverte, et la fin de ce billet en version bêta, c’est-à-dire destinée à s’enrichir avec vos retours d’expériences sur le sujet. Stay tuned and mind the gap!

Articles sur le même sujet

• Aperçu instantané de Google, Webdesign et référencement naturel
• Référencement de sites Web — Chassez le naturel, il revient au SEO !
• Google, le PR fouettard !
• 8 composés HTML pour le logo et la « baseline » et leur potentiel SEO
• Bai(s)se de PageRank : au nom du PR, ainsi soit-il…

Toutefois, comprendre la façon dont le PR est calculé est toujours intéressant. Il y a mieux encore : utiliser un outil permettant de simuler les transmissions de PR en fonction des liens entrants et sortants sur un nombre de pages déterminées.

C’est ce que propose Hubert Wassner via l’application Java PageRank Demo disponible via l’article L’algorithme pagerank comment ça marche ?

Cliquez une fois pour créer un point représentant une page, autant de fois que nécessaire. Cliquez-glissez entre deux points pour signifier les liens sortants. Enfin, cliquez sur PageRank pour le résultat.

Articles sur le même sujet

• Aperçu instantané de Google, Webdesign et référencement naturel
• Ecrire pour Google : des mots-clés au clickrank
• Bai(s)se de PageRank : au nom du PR, ainsi soit-il…
• Le PR contre-attaque (aujourd'hui, c'est Jedi !)
• css4design vs Google : PR, impasse et manque…

La boite à outils du codeur de site web

Ressources complémentaires pour jQuery

• jQuery.com – le site officiel pour télécharger et pratiquement tout savoir sur cette biblothèque.
• Liste des plugins sur jQuery.com — Environ 500 plugins classés par catégorie, par nom ou par date.
• jQuery.info — le site francophone pour découvrir et utiliser jQuery avec de nombreux tutoriaux et plugins.
• Visual jQuery — Affiche une la liste des fonctionnalités de jQuery sous forme d’un menu hiérarchique, par exemple : DOM > Attributes > addClass(class) > Description | Returns | Parameters | Example. S’arrête à la version 1.1.2 mais reste intéressant malgré tout.
• Les intégristes — inauguration et introduction à jQuery : une page aussi amusante que didactique ;)
• Balylon-design — 3 étapes pour comprendre jQuery
• jQuery à poil sur Youtube ? C’est possible ;)

Autres frameworks Javascript

• Plus de 50 bibliothèques javascript — Le billet date de novembre 2005, alors attendez-vous quand même à quelques pages 404.
• Prototype — Le framework Javascript qui vise à faciliter le développement d’application web dynamique. Ajoutez-y une pincée de Moo.fx et/ou de Scriptaculous et c’est parti pour des effets en veux-tu en voilà !
• The Yahoo! User Interface Library (YUI) — Cette bibliothèque comprend un jeu d’utilitaires et de contrôles écrits en Javascript pour concevoir des applications hautement interactives en utilisant le DOM, le DHTML et Ajax. Inclut également un framework CSS.
• Ext JS — Cette librairie a débuté comme extension de YUI. Je vous invite à consulter les exemples pour vous faire une idée des fonctionnalités. (Merci à Frank Taillandier pour l’info).
• Dojo Toolkit — Nous promet de grandes aventures pour 23 Ko seulement !
• Mootools — Accompagné de Moo.fx, vos pages deviennent riches.
• Mochikit — Avec Mochikit, le Javascript craint moins ;)
• qooXdoo — La nouvelle ère du développement web.

Ressources pour webdesigner

750 liens pour webdesigner sur Webdevelopers Field Guide

Micro-bloguez, il en restera forcément quelque chose ;) Merci à burningHat pour m’avoir fourni sur Jaiku cette formidable ressource qui contient à elle seule plus de 750 liens en relation avec le développement web ! dont voici le menu principal :

Encore des mines d’or pour la création de sites web :

• WebAppers — Le chasseur de ressources OpenSource pour les développeurs web : des widgets et des scripts pour votre blog ou votre site web, des polices de caractère, des palettes de couleurs, des photographies, des frameworks, etc.
• 13 effets lightbox en Javascript pour afficher des images, des vidéos, des pages html, etc. Contient également quelques plugins WordPress et Dotclear pour en simplifier l’installation.
• Et plus à venir…

Firefox

Les extensions indispensables pour le webdesigner :

• Web Developer — Véritable couteau suisse : vous avez la main sur l’ensemble des éléments de votre page web
• Firebug — Si vous ne deviez qu’en choisir qu’une, Firebug vous permettra d’éditer et de modifier vos CSS à la volée, de visualiser le DOM et de débuguer vos scripts.
• CSSViewer – Affiche les propriétés CSS calculées en affichant un cadre autour de l’élément pris en compte. Très pratique pour voir rapidement la structure d’une page tout en ayant les propriétés sous les yeux. Parfois agaçant à supprimer (F5 ou resélectionner l’utilitaire).
• YSlow — Analyse vos pages web pour en connaitre les goulots d’étranglement, d’après les règles de performances de Yahoo!
• ColorZilla — Sélectionne les couleurs sur votre écran. Possède en grand nombre d’options souvent méconnues pour retrouver vos couleurs dans l’historique ou afficher des palettes de couleurs très complètes.
• FireShot — Faites des captures d’écran tout en annontant, recadrant la partie qui vous intéresse. Le screeshot peut être enregistré sur le disque dur ou copié pour consommation immédiate !
• HTML Validator — indispensable pour s’assurer de la validité de votre page localement au regard des recommandations. Possibilité de choisir le mode de validation : Tidy ou OpenSP tout deux développés par le W3C. Tidy a l’avantage d’inclure les trois niveaux d’accessibilité définis par le WAI.

Les meilleures extensions Firefox pour le référencement ? Voici une liste fortement inspirée par celle de webrankinfo :

• Web Developer
• User Agent Switcher
• Customize Google
• Google Advanced Operations Toolbar
• Cache View
• Goldorank
• Google PageRank Status
• LinkChecker
• Live HTTP Header
• SearchStatus
• MetaTags
• SeoQuake
• Niche Watch Tool
• SEOHAND
• KGen
• Alexa Sparky

Tester vos pages web dans différents navigateurs

On n’a pas toujours l’occasion de pouvoir tester ses pages dans toutes les conditions. Voici quelques liens qui vous permettront de tester le design de votre site dans différents navigateurs. C’est rarement la panacée, mais très pratique pour voir si la mise en page résiste globalement à l’épreuve du feu…

• Browsershots — Possibilité d’avoir une capture d’écran de votre page web sous Linux, Windows, Mac OS et BSD : environ 50 navigateurs toutes versions et plate-formes confondues vous attendent.Choix de la résolution, de la profondeur de couleur, activation ou non de Javascript ou Java ou encore Flash.Délais d’attente raisonnable selon l’heure et le nombre d’options activées. Traduit en français.
• Scapture — Propose d’effectuer très rapidement des captures d’écran de vos pages Web sous Linux avec Firefox, Konqueror, Opera ou Dillo. Vous pouvez aussi vérifier l’affichage généré par les navigateurs en mode texte Lynx et Links.
• BrowsrCamp — Permet de tester vos pages sous Safari pour Mac OS X. Possibilité d’avoir la main sur une machine Apple équipé de tous les navigateurs pour Mac. Payant, mais idéal pour tester tous les aspects d’une page web (Javascript, Ajax, Flash, DHTML), à partir de 3$.
• NetRenderer – Vous permet de vérifier le rendu de vos pages web sur Internet Explorer 7, 6 ou 5.5, de manière très rapide. Il est possible de superposer les screenshot de IE7 sur IE6 en les mixant ou en en faisant la différence. Ce dernier mode est efficace pour visualiser rapidement les décalages des blocs.

Monitoring de sites web

94 outils pour monitorer son blog trouvés chez Christophe dont voici un échantillon :

• SEOmoz Page Strength Tool — Le PageRank ne vous donne plus satisfaction ? Ce site se proposse un outil pour calculer la “puissance” de votre page en prenant plusieurs facteurs en considération : l’âge du domaine, le rank Alexa, le nombre de liens entrants d’après Technorati, le nombre de fois où votre site apparait dans del.icio.us, s’il est présent dans l’annuaire DMOZ ou Wikipedia et bien sûr le PageRank du domaine, mais aussi le nombre de liens pointant vers le domaine d’après yahoo! Site Explorer.
• Meta Tag Analyzer — Comme son nom ne l’indique pas assez, se site vous donne la liste des mots-clés trouvés dans les liens et le nombre de fois où ils apparaissent ; les mots-clé présents dans les balises alt de vos images et ceux trouvés sur la page avec le nombre de fois où ils sont présents et leur densité par rapport aux autres.
• IminR — Un outil de mesure d’audience web personnalisé, proposé par Stéphane Guerin aussi bien – sinon mieux – que Google Analytics : rapports personnalisés, parcours de votre site par les visiteurs, etc. A tester d’urgence !
• HeatMap — Pour savoir quelles zones de votre sites sont les plus cliquées.

Icônes et goodies pour photoshop

• Silk Web Icons de FamFamFam — Souvent imité jamais égalé, le pack à télécharger d’urgence.
• IconBase — Des milliers d’icônes pour tous les goût de très bonnes qualités et classées.
• nerdbusiness — Pas moins de 5978 icônes de qualité pour agrémenter vos pages web. Petit coucou à Sonia de Webfruits en passant ;)
• WebsiteIcons — Environ 1000 icônes classées par thème : navigation, flèches (plus de 500), applications, hardware, CMS, calendrier, rechercher, compte, etc.
• PIXELGIRL PRESENTS — Des centaines d’icônes proches du clip-art classées par thème.
• Feed Icons — Tout ce qu’il faut savoir sur les icônes pour signaler vos flux RSS : téléchargement des icônes au format .psd de Photoshop ou .ai d’Illustrator ; exemples de style CSS pour les intégrer dans votre site ou votre blog et guide d’utilisation.
• Svay — 46 icônes pour le web de bonne facture .
• N.DESIGN Studio — Plus de 320 icône en 14×14 avec fond transparent tout spécialement conçues pour vos menus de navigation.
• IconsPedia — Nombreuses icônes de qualité classées par thèmes. Un mauvais moment à passer avec la pub un peu envahissante à chaque changement de rubrique.
• Dezignus — Des icônes sur pratiquement tous les thèmes. Dezignus est aussi une ressource intéressante pour tous ce qui se rapproche du design au sens large : brushes pour Photoshop, tutorials pour Illustrator, photographies aussi diverses qu’utiles, etc.
• WebAppers — Des liens vers des milliers d’icônes très classes pour tous les usages.
• Speckyboy — nous propose une liste de 40 ressources d’icônes libres de droits.
• Hongkiat — la liste ultime d’icônes pour vos flux RSS.
• Smashing Magazine — 35 sets d’icônes vraiment incroyables. Via fran6art.
• Hybridworks –Set de 35 icônes au format `.ico` et `.png` (128×128) dans le plus pur style japonais : élaborée et détaillée. Très classe.
• Naldz Graphics — 300 brosses (brushes) abstraites pour Photoshop.
• Icon Finder — Moteur de recherche parmi 113 000 icônes et 238 collections d’icônes par mots-clés.

Tutoriels ou tutoriaux webdesign

• Webdesign tutoriaux — Plus de 1000 tutoriels pour Illustrator, Photoshop, PHP, XHTML et CSS, The Gimp, Dreamweaver, Fireworks, Flash.
• Babylon Design — Plus de 100 ressources autour de Photoshop et du couple XHTML/CSS
• ELITWORK — Nombreux tutoriels XHTML, référencement, Ajax, Webalizer, Microformats. Des informations pertinentes malgré un partis-pris en faveur des espaces de nommage XML au détriment des microformats, par exemple.
• TUTMARKS.com — Un digg-like spécialisé dans les tutoriaux ? Vous en rêviez ? Mehdi l’a fait. Très nombreux tutos sur à peu près tout les sujets liés au web. Un flux RSS par statut des propositions (tutoriaux publiés, en attente) est disponible, ainsi que le flux de tous les tutoriels proposés
• SmashingCoding — Plus de 60 tutoriels Web Design 2.0.

Références, outils et dictionnaires

Cette grosse liste ne serait pas complète dans les sites de références que l’on devrait avoir sous le coude lorsque la mémoire fait défaut. Suite à un billet sur les 13 outils de l’intégrateur web, j’ai intégré les liens qui en faisait partie, ainsi qu’une partie de ceux qui m’on été founis en commentaires :

• yoyodesign — Nombreuses traductions d’articles et de recommendations du W3C. Voir également la liste des traductions françaises des documents du W3C
• htmldog — C’est en anglais, mais la clarté des explications en fait une référence incontournable pour tout ce qui touche au développement web, avec un dictionnaire HTML où l’on retrouve toutes les balises passées au crible avec des exemples d’utilisation, les attributs requis, les attributs optionels et des exemples !
• gotAPI — regroupe les principales API du web dans une interface Ajax très réactive : HTML, CSS, Javascript, jQuery, PHP, Ruby, asp, mais aussi le fonctionnement de certains CMS comme Drupal ou de services web comme Flickr.
• giminik — La liste des balises XHTML 1.1 (ou 1.0 Strict sans les éléments obsolètes), leur utilité, leurs attributs, leurs évènements et la relation entre parents et enfants (hiérarchie). Indispensable pour construire un document valide.
• Guide HTML — Le HTML de A à Z de Laurent Bernat : 95 balises HTML décrites par le menu (version, compatibilité Netscape / IE, type, attributs, usage, exemples) (Merci Loïc M.)
• Opquast — l’ensemble des bonnes pratiques pour la qualité des services en ligne. Abonnez-vous au fil RSS des bonnes pratiques pour avoir votre dose quotidienne.
• Openweb — Les bonnes pratiques en action pour les technologies du web (XHTML, RSS, CSS, DOM, PNG) et les différents thèmes qui y sont associés (pages dynamiques, navigateurs, accessibilité, études de cas, mise en page, multimédia, structure).
• Développez (pour le web) — toutes les technologies du web à portée de clic. Des tutoriels, des cours, des documents à télécharger. Allez, faites le plein !
• Forum Alsacreations — Presque toutes les questions sur les CSS et le HTML et quasiment toutes les réponses ! Cerise sur le gâteau, la FAQ est complète et bien organisée.
• Wiki Media Box — Pour obtenir une présention claire (succinte ?) d’une propriété CSS et sa compatiblité avec les navigateurs, c’est nickel (Merci Pierre le Bot),
• Leftlogic — Permet de voir le code html d’un caractère, pratique lorsqu’on cherche le code pour ñ par exemple (Merci Anthony),
• Format publicitaire AdSense — Et oui, qui n’a pas eu besoin de prévoir des emplacements publicitaires dans une charte graphique et de chercher les formats les plus courants ? Voici les formats en vigueur chez Google, qu’il s’agisse des formats textes, images ou vidéos.
• Blogmarks — Avec del.icio.us et ma.gnolia, je me suis remis à utiliser blogmarks qui garde un petit quelque chose en plus par rapport aux autres solutions de bookmarking social.
• Bluevertigo — Un maximum de ressources graphiques et typographiques dans une interface toute en scroll horizontal. Au menu : Photothèques, clip-art vectoriel, polices de caractère, logothèques, sons, brosses (brushes) Photoshop, modèles 3D Poser, icônes, palettes de couleurs, générateurs de textes, échantillons graphiques (patterns).
• WordReference — Sans doute le meilleur site de traduction (mot à mot en incluant les locutions idiomatiques). Pour les cas difficiles, vous pouvez utiliser le forum. Nombreux plugins Firefox pour la recherche par langue.
• Les dictionnaires — Un maximum de dictionnaires thématiques classés par catégories : langue française, synonymes, encyclopédie, citations et expressions, gastronomie, humour, acronymes, etc. Mention spéciale pour le Trésor de la Langue Française Informatisée (TLFI pour les intimes) : interface web 0.2 mais très efficace (Florent V. sous souffle dans l’oreillette que l’on peut y accéder via le portail lexical du Centre national de ressources textuelles et lexicales.

Inspiration, expiration…

Section inspirée (ça tombe bien) par e-likko :

• typeish — Sélection serrée d’images inspirantes, provoquantes ou intoxicantes dans le domaine de la photographie, du design, des polices de caractère, de l’art, de la mode ou du packaging.
• Kalle Gustafsson — Très belle photos de mode, beauté, magazine et voyage.
• FFFFOUND! — Véritable mine d’or, ce site bookmark des milliers de visuels de toute sorte. Un bol d’air frais à inspirer régulièrement !
• Et plus à venir…

WordPress

Plugins pour WordPress

Listes quasi-officielles

• A tout seigneur tout honneur : voici une liste de plus de 400 plugins compatibles avec WordPress 2.3 disponible sur le codex.
• La liste des plugins chez WordPress Francophone classés par thème.
• Autre liste organisée par rubrique sur wp-plugin.

17 plugins AdSense pour WordPress

Cette liste concoctée par Aziz Haddad a été soigneusement annotée sur Mashable France

• Adsense Deluxe
• AdSense Widget for WordPress Sidebar
• Shylock AdSense
• Adsense Injection
• AdMan
• AdSense Manager
• AdRotator
• AdSense Attachment
• MightyAdsense
• Google Ad Wrap
• Adsense Inline
• Adsense Beautifier
• Author Adsense
• Author Adsense MU plugin
• AdSense Sharing Revenue and Earnings System
• Adsense Earnings WordPress Plugin
• WP-AdsenseProfit

7 Plugins WordPress pour favoriser les commentaires

Trouvé grâce à legizz, la liste est abondamment commentée sur problogdesign

• nicedit
• wp-ajax-edit-comments
• Abonnement subscribe-to-comments
• wordpress-recent-comments-plugin-widget
• Smilies
• nofollow-free
• MBLA

10 Plugins WordPress pour Twitter

Traduit vite fait d’après la liste de quickonlinetips aimablement fournie par legizz ;)

• Twitter Badge — Le code Javascript officiel pour afficher votre statut Twitter
• The Twitter Updater — Ce plugin WordPress se charge de mettre à jour votre statut Twitter chaque fois que créez, publiez ou éditez un billet.
• TwitThis –Permet à vos visiteurs d’envoyer facilement un tweet à propos de votre blog. Un click sur le bouton TwitThis tinyURLise la page en cours pour leur permettre d’envoyer ce raccourcis à leurs followers.
• Twitter Tools — Ce plugin crée une passerelle entre votre compte Twitter et votre blog : affichez vos tweets sur votre blog et créez de nouveaux tweets depuis WordPress.
• Twitter WordPress Sidebar Widget — Personnalise le nombre d’updates présent dans votre sidebar ainsi que les liens pointant sur chaque update sur Twitter.
• Twitter Feed — Publie vos mises à jour sur votre compte Twitter. Connection à Twitterfeed avec votre identifiant OpenID, fournit l’adresse de votre flux RSS et la fréquence des mises à jours sur Twitter.
• Twitt-Twoo — Petit plugin tout simple qui vous permet d’envoyer vos tweets depuis votre blog, le tout avec un brin d’Ajax pour faciliter le travail.
• SimpleTwitter — Ce plugin vous permettra d’ajouter facilement vos messages Twitter dans votre template WordPress.
• Twitter Sharts — Affichez vos updates où vous voulez dans vos billets ou vos pages WordPress.
• RSS to Twitter — Ce script PHP nourrit Twitter avec votre flux RSS.

Vrac de plugins pour WordPress

• La liste de PapyGeek est très bien commentée.
• F-WPPlugins list: les 14 plugins WordPress les plus utilisés dans la blogosphère francophone, chez fran6art
• La bonne liste de calyptratus où j’ai trouvé le plugin pour afficher la liste des plugins actifs sur votre blog.
• Encore une liste intéressante chez Marin Gatellier.
• La liste de plugin de l’éclaireur pour stimuler WordPress.
• Installez PluginMeter de ZeFranck, et participez à la constitution d’une liste de l’ensemble des plugins installés dans le monde en temps réel !
• Et pour finir, voici la section plugin du forum WordPress francophone.
• 59 plugins pour wordpress — liste de plugin avec une brève description en français, via weezonaute.

Thèmes pour WordPress

• SmashingMagazine — 100 thèmes gratuits de qualité pour WordPress, ainsi que 83 jolis thèmes que vous avez probablement manqués, et pour finir, 10 thèmes très frais et élégant au service de la lisibilité de votre contenu. Via DyBlog et blomig ;).
• Et plus à venir…

C’est déjà fini ?

Cette liste est loin de faire le tour de la question, alors n’hésitez pas à intervenir pour partager les liens qui vous servent le plus dans votre pratique du développement ou du design web. Je prendrais soin d’ajouter vos suggestions au fur et à mesure.

Articles sur le même sujet

• 35 blogs de développeurs web
• Quelques notes sur les fonctions de l'intégrateur web et de l'intégratrice web
• Ctrl H = WordPress 2.2 + jQuery + Buzz F-List + TypeTester + GrayBit + PR6
• 2 vidéos sur le fonctionnement du navigateur (Gecko)
• Le petit journal du web — Les fruits de la veille ont gardé toute leur fraicheur

Ce qui fait qu’après la première baisse intervenue fin octobre, j’ai perdu 3 points de PR en moins de trois mois ^_^v. Les mauvaises langues diront que je n’ai pas caressé Google dans le sens du poil ces derniers temps, mais quand même !

M’enfin, ce n’es pas si grave. D’abord parce que depuis le temps qu’on nous annonce la mort du PageRank pour nous vendre du TrustRank (en gros, si votre petite soeur à un skyblog, ne la linker surtout pas, on ne sait jamais…), il fallait bien que ça arrive un jour.

Ensuite, la baisse de mon PageRank n’a pas vraiment d’influence sur la fréquentation du blog et le nombre d’abonnés FeedBurner ne cesse d’augmenter. Ce qui est quand même plus significatif pour juger de la bonne santé d’une ligne rédactionnelle ;)

Articles sur le même sujet

• Ecrire pour Google : des mots-clés au clickrank
• Google, le PR fouettard !
• 7 étapes pour demander une prime de risque en qualité de trafiquant de PageRank !
• css4design vs Google : PR, impasse et manque…
• Mesure d’audience : des mots-clefs au ClickRank

Yatta.

Articles sur le même sujet

• Aperçu instantané de Google, Webdesign et référencement naturel
• Ecrire pour Google : des mots-clés au clickrank
• Calcul du PageRank
• Bai(s)se de PageRank : au nom du PR, ainsi soit-il…
• css4design vs Google : PR, impasse et manque…

Au début, je voulais garder une trace de mes lectures sur le web pour garder des bouts de code CSS, ou Javascript sous le coude. Ne trouvant pas toujours ce que je cherchais, j’ai eu envie d’écrire mes propres tutoriels html et css, pour moi-même, mais aussi pour mes collègues de travail de l’époque qui pouvaient commenter mes billets à voix haute ;)

Ensuite, j’ai remarqué – vu l’augmentation des visites – que d’autres semblaient également intéressés. Et j’ai continué comme ça jusqu’à aujourd’hui. Et maintenant ?

Et maintenant

Aujourd’hui, si je compte garder la même ligne éditoriale, je me demande si je vais garder tous mes lecteurs ! En effet, la dernière Google Dance qui s’est traduite par la baisse d’un ou plusieurs point de PR — sur de nombreux sites d’importance et d’autres plus modestes comme le mien — m’a fait prendre conscience qu’il fallait réagir contre la situation de quasi-monopole de Google en terme d’audience : jusqu’à 57% sur ce blog (et ce chiffre semble être le même un peu partout). Les autres moteurs de recherche apportant tout juste 3% des visites.

Pourtant, ces autres moteurs de recherche ont fait d’énormes progrès par rapport aux performances désastreuses du début des années 2000 qui avait incité les internautes de l’époque à préférer la pertinence et la rapidité de Google au point d’en faire aujourd’hui un Dieu tout-puissant.

Gevil

Je n’ai pas l’habitude de parler politique sur ce blog, mais il ne faudrait pas, sous couvert de pseudo-objectivité, se voiler la face sur le fait que nous sommes souvent en totale contradiction avec nos convictions dès qu’il s’agit d’internet : nous refusons souvent la main-mise des Etats-Unis sur le reste du monde dans la vie réelle, tandis que nous mettons nous-même notre tête sur le billot et demandons à nos amis de nous couper les cheveux pour le ne pas abimer la lame du bourreau…

Ecrire, pour quoi, pour qui ?

Bref, j’ai décidé de me séparer de la partie des lecteurs qui m’apporte le moins : ceux qui viennent de Google avec une idée précise en tête et qui repartent sans laisser de trace tout en augmentant de surcroit mon taux de rebond ! Je préfère écrire pour ceux que j’ai l’impression de connaitre via leurs commentaires ou leurs blogs, plutôt que de me décarcasser pour des anonymes.

Vive la SERP-diversité :)

Je ne sais pas encore comment je vais m’y prendre, mais je vais inciter les visiteurs en provenance de Google à utiliser d’autres moteurs de recherches comme…

• yahoo, encore un autre oracle hiérarchique ? Non, non, c’est juste un bon moteur de recherche qui n’a rien à envier à Google (à part les parts de marchés, bien entendu…),
• Bing, le moteur de Microsoft. Vous remarquerez qu’il est bien plus beau que Google et que l’affichage des résultats est bien plus lisible (si on m’avait dit qu’un jour Microsoft ferait figure de challenger et serait en situation de position dominée…),
• kartoo, moteur original réalisé en Flash. Donne une représentation spatiale des liens entre les sites dans les résultats,
• blogdimension, moteur de recherche français sur les blogs,
• Exalead, moteur de recherche européen dont j’ai parlé à l’occasion d’un concours de référencement,
• Wikio, dont j’ai dit quelques mots dans ce billet sur le web 2.0,
• Technorati, évoqué lors du claim de Notorious Blog,
• Dogpile, metamoteur (reprend des résultats de Google) redécouvert grâce au blog d’Abondance. Quelques résultats sponsorisés « passent » à travers les résultats, mais bon…
• Ixquick, metamoteur (reprend des résultats de Google) sur lequel j’ai eu l’occasion de faire une note sur ce blog,
• etc,

…histoire de favoriser la SERP-diversité. S’ils retombent sur mon blog, tant mieux, sinon, tant mieux pour les autres sites ou blogs qui verront ainsi augmenter leur nombre de visiteurs, ainsi que – et c’est peut-être le plus important – le nombre de moteurs de recherche différents de Google dans leurs statistiques !

Ensemble, taillons des croupières à Google !

Comme vous l’avez sans doute remarqué, je ne sais pas encore ce qu’il est possible de faire techniquement, je fais donc appel à vos talents de développeurs et/ou à vos idées pour avancer : j’aimerais afficher une page spécifique pour les visiteurs qui viennent de Google pour leur proposer une liste de moteurs de recherche « alternatifs » en reprenant la requête qui les a amenée sur mon blog, pour qu’ils aillent voir ailleurs si j’y suis :D

⁽¹⁾ Rubriques supprimées à l’heure actuelle.

Articles sur le même sujet

• Bai(s)se de PageRank : au nom du PR, ainsi soit-il…
• Quelques lignes de PHP pour protéger la SERP-diversité
• Concours loupanthère sur Exalead
• Mesure d’audience : des mots-clefs au ClickRank
• Schema.org — Microdata pour Google, Bing et Yahoo!

Pour ma part, j’ai l’intuition qu’il y a peut-être un rapport avec le rachat de Feedburner par Google : le PR serait ainsi corrélé avec le nombre d’abonnés aux flux RSS. A mettre en rapport avec le fait que les webmaster’s tools permettent également d’en savoir un peu plus sur lecteurs de flux RSS (en dehors de feedburner).

Ce qui permettrait au PageRank de rester un champion de démocratie en faisant d’une pierre deux coups : garder la pureté de l’algorithme du PageRank et introduire ce putain de facteur humain si gênant pour élaborer un indice de pertinence pour les SERP.

D’un côté, donc, le PR calculé mathématiquement comme la probabilité de tomber sur un site en suivant des liens au hasard et amendé par l’introduction de la variable readers des flux RSS (feedburner et autres). Le nombre d’abonnés est peut-être le chainon manquant entre le PageRank et le TrustRank.

Une autre idée pour expliquer cette évolution du PageRank : Google tiendrait compte du nombre de fois où un site apparait dans les SERP sur une requête donnée et le nombre de fois où le site est cliqué. C’est le principe du ClickRank que j’ai abordé dans le cadre de la mesure d’audience et en tant que billet autonome sur Notorious Blog en privilégiant le thème écrire pour les moteurs de recherche.

Puisque je suis dans l’auto-promotion, je vous propose la lecture de Google de A à Z où j’analyse les premiers résultats du moteur pour chaque lettre de l’alphabet (un travail de folie quand j’y repense).

En tout cas, si Google n’y a pas encore pensé, je lui échange les idées présentes dans ce billet contre un lien dans le footer de google.fr !

PS : On ne peut pas non plus exclure la mauvaise manip’ du stagiaire : « et si je clique là, ça fait quoi… » ou encore la prise de pouvoir des volatiles sur les ingénieurs…

Articles sur le même sujet

• Ecrire pour Google : des mots-clés au clickrank
• 7 étapes pour demander une prime de risque en qualité de trafiquant de PageRank !
• Bai(s)se de PageRank : au nom du PR, ainsi soit-il…
• Aperçu instantané de Google, Webdesign et référencement naturel
• J'ai référencé mon site sur plus de 400 moteurs de recherche et annuaires de liens, j'ai bon ?

Articles sur le même sujet

• Aperçu instantané de Google, Webdesign et référencement naturel
• Ecrire pour Google : des mots-clés au clickrank
• Calcul du PageRank
• Bai(s)se de PageRank : au nom du PR, ainsi soit-il…
• Le PR contre-attaque (aujourd'hui, c'est Jedi !)

Choisissez le PageRank désiré dans la ligne du haut et consultez le tableau pour connaitre le nombre de backlinks nécessaires pour l’obtenir.

En gros, il ressort que pour obtenir un PR6, il faudrait obtenir 92 414 backlinks en provenance de sites ayant un PR1, 0,5 backlink d’un site à PR10, ou, pour rester dans le raisonnable, 18.5 backlinks en provenance de sites avec un PR6…

Une fois que l’on connait le nombre de backlinks, il est facile de déterminer le prix à payer pour avoir un joli PageRank sans être obligé d’étudier le clavier en charmante compagnie (bon en même temps ;) )

Pour celà, je me suis basé sur le prix d’achat d’un lien sur ce blog : environ 35€ par lien et par mois en passant par une régie. Soit, pour obtenir un PR6, la modique somme de 647,50€ ! Je ne sait pas si la durée a une importance, mais en me basant sur le rythme de mise à jour du PageRank par Google jusqu’à présent, il n’est pas déraisonnable de penser qu’une durée de 4 mois peut s’avérer suffisante… soit un total de 2590€ les 6kg de PR, soit 431,66€ le kg… pour un PR6.

Pour aller plus loin, il faudrait connaitre le prix d’achat des liens pour les sites ou les blogs avec un PR7 et au-delà pour se faire une idée plus précise. Quand on sait que le PageRank est une donnée importante (bien que pas suffisante) pour être bien placé dans les résultats, on imagine sans peine que de nombreuses sociétés sont prêtes à mettre la main au portefeuille pour se faire une place au soleil…

Mais attention au retour de bâton pour les sociétés qui apparaitraient ainsi dans les premiers résultats sans offrir un site et un contenu de qualité à ses visiteurs : le Google Bounce Factor est dans la place…

Articles sur le même sujet

• Aperçu instantané de Google, Webdesign et référencement naturel
• Ecrire pour Google : des mots-clés au clickrank
• Calcul du PageRank
• Bai(s)se de PageRank : au nom du PR, ainsi soit-il…
• Le PR contre-attaque (aujourd'hui, c'est Jedi !)