INTRO
Les éditeurs WISIWYG, majoritairement utilisés par les webmasters, facilitent le travail de création. En effet, ils permettent d'obtenir immédiatement, et en quelques clics, un site propre, "jolie" et "design". Mais cette rapidité de création n'est-elle pas obtenue détriment de la qualité de référencement?

Utiliser des éditeurs WISIWYG, c'est privilégier la facilité. Le webmaster se fixe sur le design du site et ce qu'il fait est directement visible. Les élements graphiques sont placés dans la page, les tailles des textes sont augmentés, grassés. Les tableaux sont placés de manière que le rendu de la page corresponde à la charte graphique, et le texte est généralement ajouté tout à la fin. En d'autres termes, le webmaster travaille sur le design du site et il oublie l'un des points essentiel : la structuration des données.

TRAVAIL PRELIMINAIRE
Lorsque l'on décide de passer son vieux site des années 2000 construit avec une charette de table de balise TD, TR, dans une version 2006 en CSS, la démarche amène à se poser des questions. Il est d'abord nécessaire de se documenter sur le CSS :
  • Pour les cours, les informations et le CSS français en général consulter alsacreations le site de Raphaël Goetter
  • Lors de mes recherches, je suis tombé sur le site CSS Zen Garden. Lorsque j'ai découvert ce site j'ai compris l'intérêt de passer mes sites en CSS. Le pricipe est simple : une page html unique est donné en pature aux designer de la planète. Charge à eux de créer le fichier CSS. Ce site est vraiment que du bonheur.
  • Pour la création des fichiers CSS, le seul outil qui me semble intéressant est Style Master 4.03, qui permet de créer et de modifier les fichiers CSS avec la représentation graphique des modifications.
  • Coté inspiration, le site CSS Beauty rassemble une mine de designs qu'il est possible d'utiliser
  • Même commentaires pour l'inspiration avec le site CSS Vault, le site stylegala, le site CSS Mania et webcreme

Une fois ce travail de recherche finalisé, il est déjà possible de tirer plusieurs conclusions :
  • Côté design, je suis un peu limite, et il y a du boulot. Il suffit de voir la créativité des designers pour voir ce qui est possible de faire avec CSS
  • Mais le point principal, c'est que la structuration de mes pages est quasiment nulle. Pratiquement pas d'utilisation des balises Hx, des listes des définitions etc... Le texte est jeté dans la page, sans aucune cohérence.

CSS ET REFERENCEMENT
Toute cette recherche, abouti à la conclusion que pour le passage du site en CSS, la structuration du texte et des pages est forte. Il ne faut plus raisonner en terme de design mais en terme de texte. Le CSS permet de complétement séparer le travail du designer et du rédacteur. Structurons d'abord le texte et puis après on s'occupera du design.
Et en effet, en se penchant sur le site existant, on constate que c'est le bordel couvré. Voire, certaines pages n'ont quasiment pas de texte et de contenu mais frole quand même les 30Ko!!
Le passage au CSS implique donc une complète remise à plat de l'angle d'attaque de la conception du site :
  • Un titre différent pour chacune des pages, et une description différente (ça c'est pas nouveau!)
  • Les menus sont remplacés par des listes de liens. Le design remettra en forme à sa sauce la représentation de cette liste.
  • Les tableaux sont remplacés, lorsque c'est possible, par des listes (balises LI)
  • Les tableaux de liens externes sont remplacés de la même manière par des listes de liens.
  • Le texte de la page est structuré en paragraphe avec utilisation des titres Hx.
  • Les entètes de paragraphe, dont le titre était une jolie image est remplacé par un texte en Hx. Le design remplacera la mention du Hx par la nom affichage du texte et une image en background.
  • Toute la tripatouille des images dans les tableaux pour obtenir un jolie effet, et viré pour être géré par le design.


ET LA CONCLUSION?
Passer son site en CSS permet de se poser les bonnes questions. Ce passage permet également de se re-centrer sur le principal : le contenu du site. Oublier les page rank, le BL, la fuite du pagerank. Il faut revenir au naturel. Un site me plait, et correspond à mon thème je fais un lien.
Si il fallait résumer ce passage en seul mot se serait : STRUCTURATION et le référencement suivra. En effet, en structurant le texte des pages le webmaster aide le bon référencement de ses pages. La structure sémantique de la page se trouve nettement plus mis en avant, ce qui permet aux moteurs de recherche de mieux apprécier la page. La structuration entraine ainsi une meilleure pondération des mots clés dans la page.
Enfin, le passage à une architecture basée sur le CSS permet de remettre en cause les techniques utilisées, et de pondérer l'utilisation des éditeurs WISIWYG. Ce passage entraine l'utilisation naturelle de bonnes pratiques qui augmente un bon référencement.

PS
En surfant, je découvre des sites qui vendent des design, et pour pas trop cher. Notamment ELATED une petite mine de template libres, Comtech avec des bons templates gratuits et Kooliss. Coté payant lesmeilleurs sont sans conteste 4templates avec des prix au alentour de 30$ et Kit graphique qui revend des templates de templateHelp