Alors première remarque : Il y a 6 erreurs de code (du parsing XML) à corriger.
Visuel :
* Le site bouge... beaucoup... trop. a bouge de partout, il faudrait limiter le nombre d'animation à une seule dans la page (deux éventuellement (haut et bas de page) mais pas plus, là c'est déconcentrant. Les animations attirent le regard et le détournent du contenu important.
* Sous IE6 le survol du menu provoque un décalage du contenu vers le bas.
* Avec une petite résolution (ou fenêtre réduite comme chez moi), l'effet de page à tourner est un peu raté puiqu'il faudrait que la souris puisse sortir de l'écran pour tout révéler (chez moi c'est tout juste). Si le clic pouvait révéler le coin déroulé dans son entier avant d'emmener vers une autre page ça serait super.
* Le logo caparol au centre du header attire plus l'oeil que celui de C'pro.
* La barre défilante en bas de page manque de fluidité (et n'est pas centré sous IE6). Il serait bien qu'elle défile moins vite au passage de la souris pour permettre au visiteur de cliquer.
Accessibilité :
* Les tailles de polices sont précisées en px, ce qui empèche donc tout redimensionnement sous IE6/7. Les tailles de polices doivent être spécifies en % ou em.
* La hiérarchie du titre du site n'est pas correcte. C'est une erreur : cela nuit à l'accessibilité du site (notamment à celle des non et mal voyants qui utilisent les titres pour naviguer dans les pages). La hiérarchie d'une site doit être vue comme celle d'un document word ; elle doit commencer par H1, doit être logique et continue (pas de saut de h1 à h3 sans h2 entre les deux).
* Grace au code source de la page j'ai pu remarque qu'il y avait un menu déroulant, c'est domage avec IE6 je n'y ai pas accès et rien n'est prévu dans les sections pour palier à ce problème (il y a bien des boites qui bougent avec des images, mais je peine à lire quelques lignes coupées qui apparaissent dans les dernier blocs), je perd donc une grande partie du menu. Un menu déroulant doit
toujours être réalisé en JS (non intrusif bien sûr).
* Le formulaire de recherche n'est pas accessible, il lui manque des
labels.
* Attention aux attribut alt :
<a href="peinture/peinture-exterieur/caparol-clean-concept"><img src="local/cache-vignettes/L80xH80/arton30-611dd.jpg" alt="" width='80' height='80' class='spip_logos' style='height:80px;width:80px;' /></a>
Ici, si l'image venait à ne pas s'afficher, il n'y aurait plus de lien.
* Attention au liens "en savoir plus" :
<a href="peinture/peinture-exterieur/caparol-clean-concept">en savoir +</a>
Un title sur le lien ou un titre plus explicite est nécessaire pour que l'utilisateur ne se perde pas dans la multitude de lien portant ce même intitulé.
Code :
* Le contenu de ta meta description est un trop long (448 caractères) pour être efficace. Cette description ne sera pas affichée en intégralité sur les pages de résultats de recherche et n'est donc pas optimisée. On conseille une description d'une longueur de 150-200 caractères maximum. Chaque page doit avoir une description optimisée.
* Le keyword ne sont plus utilisé actuellement et ne présentent donc aucun intérêt dans une page web. Tu peux les suprimer.
* Le seul intérêt de la meta reply-to est de ramaser du spam, je suggère également de la supprimer.
* 11 appel à des scripts JS sur la seule page d'accueil c'est énorme ! Ne pourrais-tu pas regrouper ces scripts dans un seul fichier ?
* Idem pour les feuilles de styles CSS.
* Rendre "invisible" un élément via CSS soit en ne l'affichant pas, soit en le positionnant en dehors de l'écran est une erreur. C'est déjà une erreur quand on veux insi insérer une image via CSS au lieu de la mettre dans le code HTML, mais ça l'est encore plus lorsque l'on veux bénéficier d'un H1 supplémentaire et caché pour booster son référencement, google n'est pas si bête. Le meilleurs des référencement est celui pour lequel on ne triche pas.
* Toujours dans le même sujet :
<li id="slink-1"></li>
L'image devrais se trouver dans le code HTML avec un alt qui va bien.
Optimisation et divers :
* 33Ko pour la seule page HTML c'est très lourd ! Si on rajoute à ça l'image d'arrière plan de 144Ko plus les script ça monte très vite. Il faut réduire ce poids. L'image, par exemple, peut être optimisée pour le web ; avec les options de photoshop ou des script trouvable en ligne (smush it).
* Il est préférable de ne pas mettre de script directement dans la page HTML mais dans un fichier séparé.
