Nouveaux développements (invisibles)
Posté le samedi 31 janvier 2009
Catégorie Design & développement · billet n° 41 · rss
J'ai donc commencé la validation sur Mon Opquast. J'ai ajouté à mon site des déclarations techniques nécessaires, comme les spécifications et les buts des cookies, les copyrights et les définitions des propriétés intellectuelles.
J'ai également passé du temps à "lisser" le code, autant le CSS que le XHTML et le PHP. Je suis également en train de composer un style plus contrasté, qui sera appelé dès que l'internaute voudra augmenter ou diminuer la taille des caractères: cette fonction, qui sera implantée dans le courant de la semaine, est en effet incompatible avec le style actuel (les images de fond nécessitent souvent d'être calibrées en employant des dimensions fixées en pixels, et le résultat d'une augmentation de la taille du texte est trop souvent catastrophique).
Référencement.
Pour le reste, j'ai passé pas mal de temps à améliorer le référencement de ce blog. Non pas parce que je trouve important qu'il apparaisse en première page sur Google, mais surtout comme exercice de style. Il me reste encore les sitemaps et siteplans à intégrer de manière correcte. Les mots-clés associés au site ont également été peaufinés. Et j'ai surtout eu une surprise, en constatant que l'une des recherches les plus fréquentes est "Adesigner", le fameux produit d'IBM dont je me sers fréquemment.
Amélioration du XHTML.
Le site fait désormais un usage intensif des listes, nettement plus pratiques pour la navigation des personnes aveugles ou de ceux qui désirent naviguer sur le site avec un affichage en texte brut. J'ai donc passé tous les menus en listes, et corrigé les éléments qui n'étaient pas sous cette forme. Me reste à décider ce qui est la meilleure pratique au niveau du menu: insérer des balises de titres pour chaque catégorie du menu, suivi d'une liste, ou présenter le tout sous forme de liste imbriquée. Je suis actuellement en train de faire quelques recherches à ce propos, mais j'ai comme l'impression que les deux techniques sont équivalentes. Pour une référence en l'usage du site, on visitera avec intérêt le site de la Confédération Suisse, un modèle du genre.
Amélioration de la CSS.
Le code CSS a été très nettement allégé: il a perdu une bonne cinquantaine de lignes (sur 600). J'ai peaufiné au maximum la cascade des éléments, ajusté les sélecteurs. Bref, un vrai nettoyage de printemps.
Optimisation du poids de la page.
Il me reste encore un autre but à atteindre: réduire le plus possible le poids de la page. J'ai donc compressé la feuille de styles CSS, qui passe de 14 à 8 ko.Je vais également compresser le XHTML et le PHP (où une grande économie peut être faite). Au niveau des images, il m'en reste encore quelques-unes à affiner, ainsi que le positionnement du titre à refaire (dont le lien, pour le moment, n'apparaît pas comme il le devrait). Je fournirai également au téléchargement la feuille de style du site non compressée, si cela peut intéresser certains…
Trackbacks
Aucun trackback.
Les trackbacks pour ce billet sont fermés.
Ajouter un commentaire