Stéphane de Gnoztik, a mis à disposition un ebook gratuit qui explique et détaille tous les aspects et concepts du référencement naturel.
L’essentiel du contenu du livre provient du blog de Gnoztik et c’est donc sans modération que je vous conseille de dévorer ce bouquin…

Au sommaire du livre:

=> Télécharger le livre blanc du référencement

Après avoir parcouru de nombreux articles intéressants, je souhaite maintenant vous rappeler quelques précautions et concepts à prendre en compte avant de commencer à concevoir un design.
Nous allons donc dans un premier temps parler du problème de résolution puis nous verrons ensuite le ratio optimal pour découper son contenu. Enfin, nous reviendrons sur l’utilité de laisser tomber le pixel comme unité au profit de la taille relative em.

La résolution ?

Depuis déjà quelques années, vous avez pu vous apercevoir que nos résolutions d’écran ont beaucoup évolué. Nous atteignons maintenant des résolutions de 1280xN pour les 17pouces, 1680xN pour les 20pouces et plus encore pour les wide haut de gamme.
En effet, notre fameux 800xN que nous avons si longtemps considéré comme référence minimale n’est plus au goût du jour. Profitons donc de ces 1024px disponibles afin de révolutionner la manière de créer nos designs. Nous pouvons désormais nous permettre d’adopter une taille de police plus importante si on le désire et aérer notre contenu ce qui facilite bien la lisibilité et le confort de l’utilisateur.

Avant, sur nos designs prévus pour du 800xN, nous nous étions approprié une largeur de contenu exploitable de 750-760px mais cette fois?
Pour du 1024, nous serions tentés de garder le même ratio, ce qui nous donnerait une largeur de 974-984px mais il faut désormais prendre en compte de nouveaux facteurs. De nombreux utilisateurs ne naviguent plus avec leur navigateur en plein écran et certains OS ne lancent pas leurs programmes en full-screen par défaut (Mac OS). Nous allons donc fixer une taille légèrement inférieur à celle calculée précédemment: 960px semble le bon compromis est offre même de vraies possibilités de découpage en étant divisible par 3, 4, 5, 6, 8, 10, 12, 15, et 16.

Le découpage ?

Abordons maintenant la partie découpage du contenu afin de partager de façon optimale l’espace. Les ratios utilisés ne sont souvent pas définis au hasard et l’on retrouve souvent l’influence du nombre d’or (Phi) qui reste souvent une bonne alternative (1.618). On peut aussi retrouver des ratios tels que 1/3-2/3 mais cela reste souvent une question d’harmonie selon le nombre de colonnes souhaité.

Afin de vous aider dans ce choix de ratio, il vous est donc conseillé d’utiliser une grille que vous pourrez complexifier et subdiviser à votre guise afin de vous permettre de mettre en relation beaucoup plus facilement vos conteneurs. Abusez donc des calques de grille sous photoshop ou gimp afin de vous aider á mieux disposer votre contenu. Pensez-y, vous obtiendrez sûrement un résultat beaucoup plus organisé que si vous aviez fait çà sans vraiment prendre le temps d’y réfléchir.

Un style fluide ?

Beaucoup trop de personnes persistent à vouloir utiliser le px comme unité de mesure car selon elles, on obtient un rendu identique quelque soit le navigateur. Certes, mais ce concept est dépassé et de nouvelles priorités sont apparues comme par exemple adapter le design selon les souhaits du visiteur. Chacun peut désormais jouer avec votre page (via greaseMonkey) ou est amené à augmenter la taille de police via son navigateur. N’oublions pas que 2% des internautes souffrent de déficiences visuelles et sûrement beaucoup plus ont besoin de forcer par défaut les tailles de police pour améliorer leur confort.

Pour offrir à l’internaute tout le confort que l’on a la possibilité de lui apporter, nous nous devons donc d’utiliser désormais l’unité relative qui est par exemple em. Afin de vous faciliter la vie avec cette unité, il est courant de fixer par défaut la taille de police de votre body à:
font-size: 62.5%;
En faisant cela, vous aurez une correspondance plus explicite: 1em = 10px.
Pensez aussi á redéfinir votre hauteur de ligne avec des valeurs beaucoup plus confortables :
line-height: 1.4em;

Vous voilà donc parés des concepts essentiels à considérer avant de se lancer dans un design digne de ce nom. Vous gagnerez alors en ergonomie, en lisibilité et en confort. Si vous êtes arrivés jusque là, alors je vous invite à vous rendre sur cette page d’exemple et à tester le rendu en redéfinissant la taille de police via votre navigateur et en retaillant votre fenêtre et vous serez sûrement convaincus de ne plus prendre à la légère tous ces concepts.

Ressources supplémentaires:

• Marc Boulton
• A List appart
• cameronmoll
• Clagnut
• Smashing magazine

PS: Je vous avoue que mon header n’est pas parfait sémantiquement (au moins ca m’en aura fait prendre conscience).

Votre PC relié à votre coca et hop c’est parti pour de longues heures (3 à 4 fois plus d’autonomie que les batteries actuelles)! A l’image du “retour vers le futur 2″, le soda deviendra un combustible!

Ne vous inquiétez pas, ce n’est pas pour tout de suite, (pas avant 3 à 5 ans).

La blogosphère survit grâce à l’existence des liens permanents (permalinks). Chaque bloggeur tisse donc un réseau via citation de références ou via le “buzz” autour d’un post. Pour cela, le bloggeur peut afficher une blogroll qui redirige son visiteur vers des blogs influents ou des blogs appréciés du bloggeur. En plus des liens permanents, les bloggeurs utilisent les rétroliens(trackbacks) qui pointent vers sa source lorsqu’il cite tel ou tel post.

En effet, le bloggeur est sensible au référencement: Acquérir du trafic améliore le référencement du blog sur les moteurs de recherche, stimule l’audience et permet de découvrir un blog via ses sujets de prédilection (ou mots clés). Cela lui permet ainsi d’acquérir une notoriété et un lectorat régulier. La toile peut donc se tisser de cette façon et cet effet de “résonance” constitue alors le “buzz” autour d’un sujet.

En plus de ce système de liens, les blogs vivent grâce au système de commentaire laissé à la suite de chaque post. Tout en luttant contre le spam, le bloggeur peut modérer ses commentaires et contribue à donner un droit de parole et une interaction avec les visiteurs du blog. Le blog, depuis l’apparition du RSS, a pu étendre son lectorat en facilitant la navigation du visiteur et en l’informant quand un nouveau post est mis en ligne. Le lecteur peut donc agréger les flux RSS de ses blogs préférés sur une plate-forme (home-page, agrégateur…) afin de ne pas l’obliger à aller visiter le blog dans l’hypothèse où celui-ci aurai été mis à jour.

Le blog coûte t-il cher?

Malgré l’existence de plate-forme qui proposent de créer et d’administrer un blog gratuitement. De nombreux bloggeur afin de bénéficier d’un certain confort, d’une capacité de personnalisation et de l’utilisation d’un nom de domaine sont obligés d’héberger leur blog via des services d’hébergement payants. Ceux-ci louent donc un espace sur le web afin de bénéficier d’une infrastructure sur-mesure, stable et performante. Tous les bloggeurs influents font ce choix et sont alors obligés de mettre les mains dans le cambouis afin de créer, mettre à jour et sécuriser leur plate forme. Les plate formes alors mises en place reposent sur des CMS comme Wordpress, Dotclear, TypePad, Typo… Cette solution là engendre donc des frais mensuels variables mais conséquents pour certains. Afin de rentabiliser cet investissement, les bloggeurs ont donc du se tourner vers des solutions publicitaires leur permettant d’amortir ces frais.

Le blog est-il devenu un business?

Suite aux frais engendrés par cet hébergement, les bloggeurs ont vu fleurir des solutions publicitaires permettant une publication sur leur blog. Bien sur, la solution publicitaire devient utile quand l’audience est devenu régulière et suffisamment conséquente. Depuis l’avènement de services comme Google Adsense, chaque bloggeur peut donc insérer un bandeau publicitaire et bénéficier mensuellement d’une indemnisation proportionnelle à l’action utilisateur (clic) ou à l’affichage de la publicité. La publicité, depuis peu, occupe désormais également le terrain du flux RSS afin de palier à ce nouveau mode de diffusion complémentaire du blog lui même. Les bénéfices engendrés par les services publicitaires permettent alors à une majorité de rentrer dans leur frais et dans le cas de blogs à forte audience de toucher une indemnité suffisamment conséquente pour leur assurer un revenu appréciable.

Afin de bénéficier de services publicitaires plus performants et plus rentables, certains blogs influents font appel à des régies publicitaires spécialisées. Ces régies publicitaires peuvent alors leur offrir une solution sur mesure et nettement plus rentable. Cependant, on assiste maintenant à une montée en croissance de la valeur du média “blog” dans le monde de la publicité. Depuis peu, le blog est alors devenu un support appréciable des régies car on peut mesurer l’impact et le retour sur investissement des campagnes entreprises.

En plus de la location d’un espace publicitaire, on assiste désormais à un autre mode de publicité via le support de la blogosphère: Les grandes firmes font appel aux bloggeurs afin de parler des nouveaux produits et ainsi aborder un lectorat avec plus de proximité grâce à des retours utilisateur plus “crédibles”. En échange, les bloggeurs reçoivent en cadeau le produit et donc un marché plus ou moins affiché se créé (“Parles de mon produit et je t’en fais cadeau!”). Cette pratique reste discutable mais on peut alors assister à une chute de crédibilité du bloggeur dans le cas où celui-ci veut à tout prix vanter les mérites de tous les produits qu’il aborde.

La croissance de la blogosphère va t-elle se stabiliser?

En guise d’ouverture sur la blogosphère, nous allons maintenant nous interroger sur le fait que le blog est devenu un effet de mode et de nombreux blogs voient le jour sans pour autant contribuer à la crédibilité et à l’enrichissement de la blogosphère. De nombreux spécialistes affirment que de nombreux blogs risquent de disparaître à plus ou moins long terme et que les blogs à plus forte notoriété émergeront afin d’auto-censurer cette blogosphère qui croit actuellement à une vitesse grand V. Cette question reste sans réponse à ce jour car personne ne peut et veut prévoir comment la blogosphère va évoluer ou quelles sont les mutations qui la toucheront. Je vous laisse donc la parole afin d’avoir votre vision sur l’évolution future de la blogosphère.

Le blog, au départ journal de bord, est en fait, un simple contenu éditorial qui apparaît dans l’ordre ante-chronologique. Sa particularité vient aussi du fait que chaque visiteur peut à son tour commenter et enrichir la réflexion du bloggeur. Au fil des années, de nombreux weblogs ont vu le jour et il y a actuellement plus de 70 millions de blogs sur la toile même si technorati n’en juge que 55% d’actif. 70 millions de blogs pour 100 millions de sites Internet, cela vous donne une idée de l’importance actuellement de la blogosphère.

Seulement le simple blog qui au départ n’était principalement alimenté via une interface d’administration sur son ordinateur, a connu par la suite de multiples variantes. Il existe aujourd’hui plusieurs sortes de blogs:

• Les blogs vidéos: les vLogs
• Les blog photos (PhotoBlog)
• Les blog de liens (LinkBlog)
• Les blogs alimentés via PDA ou téléphone portable (Moblogs)…

De nos jours, on assiste à l’avènement de véritables communautés thématiques. Les blogs sont devenus bien plus que de simples journaux de bord (même si de nombreux blogs égocentrés ouvrant de manière impudique un journal personnel continuent d’exister). Ils abordent désormais l’actualité avec un recul et une réflexion personnelle qui justement en font leur succès. Cependant, le bloggeur ne peut pas non plus se comparer à un véritable comité de rédaction, car ses sources ne sont souvent pas vérifiées et donc celui-ci ne peut pas prétendre transmettre une information véridique et précise. Mais l’aspect collaboratif et participatif qui marque d’ailleurs ce renouveau Web2.0, reste cependant la clé du succès et cette philosophie malgré cette limite continuera à se répandre.

Nous aborderons dans une seconde partie, les règles que le bloggeur doit respecter et les dérives que peuvent subir aujourd’hui les blogs. Enfin nous nous poserons la question de savoir si cette sphère va t-elle croitre indéfiniment ou si on ne pourrait pas atteindre une autocensure à long terme.

L’idée à défendre, consiste à couper un maximum d’appareils électriques chez vous pendant 5min (entre 19h55 et 20h le 1 Février 2007). L’opération est expliquée en détail ici.
Afin d’étendre le buzz sur la sphère, l’idée consiste à se servir de nos avatars MyBlogLog afin de relayer au maximum l’opération. Je vous invite donc si vous vous sentez concernés par l’opération à remplacer votre avatar actuel MyblogLog par celui-ci:

La liste des participants va croitre espérons le assez rapidement et la liste comprend déjà:

• mrBoo
• jrcourtois
• TechCrunch…