Bonjour,
J'ai la forte impression que tu place les images porteuses de contenu dans le CSS et les décorative dans le HTML... Logiquement, c'est l'inverse qu'il faut faire...
Sous IE6 c'est effectivement un peu chaotique (j'ai cru que ton site ne chargeait pas car aucun contenu n'apparaissait avant le fold).
L'utilisation de PNG pour les textes n'est absolument pas justifiée, la police ressemble étrangement à de l'arial ou du verdana (bon après, je ne suis pas spécialistes), et empêche tout redimensionnement desdits textes (qui sont plutôt petits).
Pour le code :
* Je confirme ce qui a été dit pour les CSS : 1 gros fichier est plus rapide à charger que 5 moyens (et avec des fichiers à moitié vide, donc l'entête prend plus de place que le vrai contenu, tu augmente la taille totale de tes CSS). Et cela s'applique également aux scripts JS qui devraient se trouver en fin de document afin de ne pas ralentir le chargement de la page. J'ajouterais également que la séparation des styles rend plus complexe l'analyse de ton code.
* Il y a du ménage à faire dans les métas : Keywords, revisit-after, robots (car valeurs par défaut), expires, reply-to, author et copyright ne servent
strictement à rien, si tu tiens à l'optimisation de ton site, il faut les supprimer, tu gagneras en poids. Identifier-url n'est utile que dans certains cas pour éviter les pénalisations de duplicate content, je ne suis pas sûre qu'elle soit très utile ici.
* Quitte à inclure une feuille de style pour IE7 autant la laisser s'appliquer aux versions précédentes d'IE également ; rajoutes lte dans ta condition pour cela.
* Ah wé j'avais raison pour les images :
<img src="pictures/layout/background.png" alt="" id="backgroundImage" />
Cette image n'a rien à faire dans le code HTML, et elle est d'ailleurs le principal problème de compatibilité avec IE6.
* Les images porteuse de contenu (= texte, la plupart du temps) DOIVENT se trouver dans le code HTML et non le CSS ! Que se passe-t'il si une de ces image ne peut être chargée (et que les CSS restent actifs) ? Plus de contenu, et cela arrive très souvent (surtout en Belgique avec les quotas et les bêtises de VOO) ! Les textes alternatifs des images sont aussi bien référencés que n'importe quel texte.
* Ton utilisation de title sur les liens est mauvaise. Title PEUT (et non doit) être utilisé sur les liens pour apporter une information
nécessaire à la bonne navigation du visiteur et
supplémentaire à l'intitulé du lien en question. Un title qui répète bêtement l'intitulé du lien est totalement superflu et gênant car redondant.
* Le target_blank, c'est le meilleur moyen de voir partir les visiteurs.
* Ta hiérarchie des titres est fausse. Ton h2 n'est pas un titre de section, c'est un paragraphe. Par contre, travaux réalisés est lui le titre de section de niveau 2 regroupant les h3 suivants. Ton h4 n'est pas non plus un titre de section. Utiliser les Hn n'importe comment n'améliorera pas ton référencement.
* L'utilisation de liste pour présenter tes travaux n'est pas vraiment appropriée. Oui c'est une liste, en sorte, mais c'est surtout une suite de sections et de paragraphes. La liste surcharge le code.
Sur l'ensemble, le code et le design sont propre, c'est une bonne chose. Par contre, même si tu te vends plus comme designer qu'intégrateur, il y a quelques détails à revoir (notamment revoir tes techniques de référencement naturel qui sont contre nature ^^; ).
ps. : Dans ton CV, tu indiques : "Importance accordée au respect des normes W3C et à la compatibilité inter-navigateurs.", vu que le site ne s'affiche pas vraiment bien (un affichage parfait n'est pas nécessaire, mais là...), tu perds un peu en crédibilité.
