Site d'un agent automobile

[metisaz]

Bonjour,

Infographiste freelance je viens de prendre un contrat en parallèle en tant que webmaster. Je produis depuis un mois mes premiers sites.

A ce sujet j'aimerai obtenir une critique sur quelques-un de ceux-ci (graphisme, optimisation du trafic, accessibilité, etc).

Si le webmastering n'est pas particulièrement ma spécialité, j'approfondis mes connaissances depuis plusieurs années et je fais de mon mieux pour progresser, aussi je compte sur votre indulgence. :wink:

Merci d'avance !

Site n°1

 

[maetga]

Très bien , très pro,
Une seule critique: à gauche les numeros de téléphone ne tiennent pas sur une seule ligne, et à cause du dégradé de couleur sont peu lisibles.
Facile à réparer

 

[metisaz]

Merci de cette critique. Pour les numéros de téléphone je m'en suis aperçu aussi sous Firefox (j'ai pourtant développé sous IE et ce navigateur, sans doute un oubli de ma part). Du coup comme le texte est plus bas, un problème de lisibilité se pose. Je tâcherai de remédier à tout cela.

Les spécialistes pourraient-ils m'en dire plus, notamment sur mon code ?

 

[phpmikedu83]

Franchement... J'ADORE!!! c'est très pro, très beau graphisme ;-)

 

[Leonick]

Sympa, propre. Par contre, le nom du garage fait tout triste en blanc avec les couleurs des bandeaux haut et gauche. En plus il est plus petit que le bandeau de pub du crédit.
Au niveau du code. Comme le DOCTYPE est XHTML, il faut que tous les noms des balises soient en minuscule.
De plus les meta doivent être fermées par /
il faut supprimer la presque totalité des meta qui n'ont que peu ou pas d'intérêt et ne laisser que description, éventuellement keyword (pour quels moteurs ?) et Content-Language ainsi que Content-Type
Dans le code, ça commençait bien avec des div et tout et tout, puis ensuite ça se gâte avec les table, ... et le mieux c'est de sortir les styles du code. Donc éviter le <h2 style="font-size: x-small;">, même si c'est valide,faire plutôt <h2 class="small"> et définir le small dans la feuille de styles.
sinon pour t'aider à trouver les erreurs -http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.auto-marseille.com%2F

 

[ybet]

dommage que les descriptions de voitures d'occation sont dans un cadre .. sinon, pas mal.

 

[metisaz]

Merci de vos critiques plutôt positives dans l'ensemble.

Merci Leonick. C'est vrai que je n'est pas consacré de temps à l'embellissement du nom du garage. Ca me peine toujours de faire un logo à la va-vite, pour le coup j'ai préféré consacré mon temps au site et à lui seul. J'espère qu'on songera un jour à cet aspect de la communication.

Ok pour les balises en minuscules. Ok pour les fermetures de meta, j'avoue qu'après passage au validateur je ne comprenais pas toutes les erreurs.

Quant aux meta, leur nombre important pourrait-être préjudiciable ?

Pour le 100% tableless je n'en étais pas encore capable... jusqu'à il y a deux jours ! Voilà un autre site sans aucune table, encore en construction. Pour le site n°1 c'est trop tard mais je pense que l'incidence est mineure (ce n'est pas tout le design qui est "découpé" ainsi) et que ce passage au 100% tableless attendra la prochaine refonte.

Certains styles ne sont pas externalisés par choix. Comme ils ne concernent qu'une ou deux pages, je préfère les mettre sur place plutôt que de complexifier ma feuille de styles externe.

Merci pour ta contribution ybet. Le choix du cadre est qu'il n'y a pour l'instant pas d'autre solution (object ne fonctionne pas vraiment) pour afficher un module externe de mise à jour dont mon employeur vend le concept.

 

[zimounet]

Un petit dégradé entre le bleu et le jaune du logo, et c'est la perfection