3241 sujets
Critiques de vos sites: code et design
Bonjour,
Petite remarque sur ton message avant de regarder ton site : le gratuitement en gras, c'est pour faire de la pub ? Plus sérieusement, même sans être professionnel, proposer des design sur-mesure gratuits, c'est loin d'être un bon business model : le jour où tu voudras les faire payer, on te ressortira l'époque où tu ne le faisais pas pour faire baisser la note. Proposer des templates que tu réalises de toi même (donc pas sur commande) c'est différent.
Pour ce qui est de ton site, visuellement, il y a un problème : les titres sont extrêmement difficiles à lire (police "usée", contraste insuffisant), ton menu ne se repère pas assez vite : il m'a fallu pas mal de temps pour le voir pendant que j'essayais de cliquer sur les non-liens en bas de page qui expliquent où en est le site (d'ailleurs en faire des liens serait un plus).
Il est perturbant de se retrouver sur un forum, ne présentant pas exactement la même charte graphique, lorsque l'on clique sur "Les Kits Graphiques", l'utilisateur d'attendra à une page du site.
Pour le code :
* 10 erreurs (dont certaines assez gênantes) de code, à corriger.
* Tu ne déclare aucune langue pour le document. La langue principale de la page doit être déclarée via « lang » sur « html » et via la meta Content-Language (sauf si ton serveur envoie les header correspondant).
* Par contre tu as toute une série de meta inutiles (à part prendre de la place, elles ne servent à rien) : robots (valeurs vide), generateur-meta (ne sert à rien, sauf faire de la pub au site en ref), description (vide...), keywords (plus utilisée), reply-to (ne sert à rien), category (ne sert à rien), distribution (ne sert à rien), author (ne sert à rien), copyright (ne sert à rien), generator (ne sert à rien), expires (ne sert à rien), Date-Creation (ne sert à rien), Date-Revision (ne sert à rien), revisit-after (ne sert à rien, c’est un gros mythe). La seule meta qui pourrait être utile c’est Description, mais elle doit être remplie correctement.
* Les images porteuses de contenu doivent TOUJOURS se trouver dans le code HTML avec un attribut alt correctement rempli. Sinon, tu peux considérer qu’elles n’existent pas et que le contenu (texte) qu’elles portent ne sera pas vu (par les robots en particuliers).
* Les images doivent toujours avoir un attribut alt. Si l’image est décorative (= ne porte pas de contenu), l’attribut peut être vide ; mais dans le cas de titremenu.jpg il doit être rempli.
* Ton menu pourrait être balisé avec une liste, cela permettrait de supprimer les <br>.
* Ta hiérarchie des titres et incorrecte : elle doit toujours commencer par h1 et ne pas comporter de sauts (pas de h1 suivi de h3 sans h2 entre les deux).
* L’utilisation du <p>aragraphe serait un plus sémantique.
Petite remarque sur ton message avant de regarder ton site : le gratuitement en gras, c'est pour faire de la pub ? Plus sérieusement, même sans être professionnel, proposer des design sur-mesure gratuits, c'est loin d'être un bon business model : le jour où tu voudras les faire payer, on te ressortira l'époque où tu ne le faisais pas pour faire baisser la note. Proposer des templates que tu réalises de toi même (donc pas sur commande) c'est différent.
Pour ce qui est de ton site, visuellement, il y a un problème : les titres sont extrêmement difficiles à lire (police "usée", contraste insuffisant), ton menu ne se repère pas assez vite : il m'a fallu pas mal de temps pour le voir pendant que j'essayais de cliquer sur les non-liens en bas de page qui expliquent où en est le site (d'ailleurs en faire des liens serait un plus).
Il est perturbant de se retrouver sur un forum, ne présentant pas exactement la même charte graphique, lorsque l'on clique sur "Les Kits Graphiques", l'utilisateur d'attendra à une page du site.
Pour le code :
* 10 erreurs (dont certaines assez gênantes) de code, à corriger.
* Tu ne déclare aucune langue pour le document. La langue principale de la page doit être déclarée via « lang » sur « html » et via la meta Content-Language (sauf si ton serveur envoie les header correspondant).
* Par contre tu as toute une série de meta inutiles (à part prendre de la place, elles ne servent à rien) : robots (valeurs vide), generateur-meta (ne sert à rien, sauf faire de la pub au site en ref), description (vide...), keywords (plus utilisée), reply-to (ne sert à rien), category (ne sert à rien), distribution (ne sert à rien), author (ne sert à rien), copyright (ne sert à rien), generator (ne sert à rien), expires (ne sert à rien), Date-Creation (ne sert à rien), Date-Revision (ne sert à rien), revisit-after (ne sert à rien, c’est un gros mythe). La seule meta qui pourrait être utile c’est Description, mais elle doit être remplie correctement.
* Les images porteuses de contenu doivent TOUJOURS se trouver dans le code HTML avec un attribut alt correctement rempli. Sinon, tu peux considérer qu’elles n’existent pas et que le contenu (texte) qu’elles portent ne sera pas vu (par les robots en particuliers).
* Les images doivent toujours avoir un attribut alt. Si l’image est décorative (= ne porte pas de contenu), l’attribut peut être vide ; mais dans le cas de titremenu.jpg il doit être rempli.
* Ton menu pourrait être balisé avec une liste, cela permettrait de supprimer les <br>.
* Ta hiérarchie des titres et incorrecte : elle doit toujours commencer par h1 et ne pas comporter de sauts (pas de h1 suivi de h3 sans h2 entre les deux).
* L’utilisation du <p>aragraphe serait un plus sémantique.