Ouf ! Non : il code en XHTML5. Il a eu de la chance que je l'accepte dans la vitrine des sites HTML5 francophones car je hais les concurrents.
En plus d'avoir balisé comme un chef, Nicolas a tant lêché sa CSS qu'elle passe au feu vert du W3C. Forcément : quand on est bon c'est facile, pftt...
Pendant votre ballade dans les méandres du code, gardez en mémoire que le blog n'est pas complètement testé, tant pour le balisage HTML5 que pour celui de sa CSS. L'objectif visé était d'obtenir un code HTML proche de l'épure, simple et concis, s'appuyant sur l'ensemble des sélecteurs offerts par CSS 2.1. En évitant l'usage des sélecteurs d'ID et de CLASS, j'ai pu supprimer ainsi toutes les DIV et SPAN qui rendent le code obèse (ce qui est le cas pour le blog ici-même).
Un code plus léger donc, ne s'appuyant que sur les balises sémantiques d'HTML5, avec des gains très conséquents pour le rendu (YSlow donne un score de 100, et les GWT aujourd'hui disent qu'il est plus rapide que 87% des sites). Un code « cross-browsers » semble t-il aussi : testé sous Windows Seven dans Opera (10.60), Firefox (3.6.7), Safari (5.0), Chrome (5.0), Internet Explorer (8.0), l'impression à l'écran est identique.
Pour vous permettre de bien le lire j'ai indenté le code HTML et j'ai documenté aussi la CSS. J'ai aussi nettoyé le script PHP de toutes ses anciennes scories XHTML. J'ai réduit conséquemment le nombre de balises et, pour la feuille de styles, j'ai peu consommé des nouvelles propriétés CSS3 comme vous pourrez en juger.
Si vous voulez bien, c'est le code de cette page que l'on va scruter.
J'ai reçu en juin dernier 2 demandes de formation à HTML5 en provenance de webmestres de PME qui vont passer leurs sites d'HTML4 et XHTML1.1 à HTML5. Au-delà de la formation, pour l'un, je vais produire la charte éditoriale et certains contenus institutionnels. Très bien. Mais assez frustrant car, dans les 2 cas, je n'ai pas la main sur la partie graphique et l'ergonomie, ni sur l'architecture et son code.
Je ne suis pas référenceur mais le référencement naturel où le code et le contenu s'allient pour optimiser le positionnement des pages que je travaille a toujours été, dans mes missions, l'objectif imposé.
J'ai donc pris une décision : celle de relancer l'agence que j'avais créée en 2000.
More of that, it can be useful for human readers too, depending on the way you gonna use it. This Mod has been made for my COSE-MS based on the v1.7 sNews and the idea can be adapted to others (some does already have this feature).
So if you want to increase the prominence of a webpage within the search results, this is a way to do it.
