Bonjour,

J'ai repris le design de ce site internet. Pour faire la comparaison, l'ancien design est encore présent sur la version anglaise du site.

Merci de votre avis constructif !
Modifié par remus69 (23 Jul 2009 - 09:50)
Salut,

Alors première erreur ergonomique : La pré-home, a ne surtout pas faire pour des questions de référencement... Mieux vaut afficher le site en FR ou ENG directement et laisser la possibilité à l'utilisateur de changer sa langue en haut à gauche ou à droite (comme tu l'as fais).

Sur la home fr tu as mis un h1, c'est très bien mais tu passes directement au h4, il faut y aller de manière incrémentielle et sans sauter de numéros Smiley cligne . C'est valable pour toutes les pages que tu as faites, mais il faut un seul h1 par page Smiley cligne .

Certains de tes title sont un peu court du style: "Siège - TRANSENERGIE" , peut être un peu d'optimisation serait la bienvenue ^^.

Dans la page des implantations, pourquoi avoir mis des liens sur les logos ?
De plus certains de tes alt ne sont pas assez descriptifs des images. Sur la home l'image a droite avec les panneaux solaires c'est juste "transenergie".. Il vaudrait mieux metre quelque chose de plus parlant ^^.

Sinon dans l'ensemble c'est ergonomique et valide, la charte est sympathique et rspectée sur chaque page.
Dans l'ensemble c'est du bon boulot, juste quelques petites pétouilles à corriger ^^
EDIT : argh, postage sauvage.

Comme l'a dit N-J, la splash page c'est hautement prohibé, pas tant pour le référencement que pour le confort de l'internaute : pourquoi lui imposer une étape inutile avant d'accéder au contenu de ton site ? D'autant plus lourd qu'un clic sur le logo dans une page intérieure renvoie à cette page, ce qui est... irritant.

Concernant ta refonte, il y a plusieurs points que je trouve moins bons que dans la version précédente :

- Le site passait grosso modo dans un 800x600, pourquoi ne pas avoir repris cette dimension ?

- Pourquoi avoir repris le texte défilant en haut de page ? Il fait très gadget en plus d'être pénible à lire.

Sinon premières impressions :

- Tout ceci est très (trop ?) éthéré, je dirais qu'il manque des éléments structurant forts (menus, header pourraient être plus marqués).

- Les drapeaux pour le choix des langues, ce n'est pas une bonne idée.

- tu redimensionnes salement une image de contenu sur la home, ce qui fait que tu charges inutilement une image énorme pour l'afficher en tout petit.

Ah et puis "text-decoration:blink;"... euh, comment dire ? Smiley biggrin
Modifié par STPo (23 Jul 2009 - 11:36)
Merci pour vos réponses! Bon alors la première chose à faire est d'enlever la pré-home.

Si j'enlève index.php et que je renomme societe.php par index.php et que je fais une redirection de societe.php vers index.php, est ce que le PageRank de societe.php s'ajoutera au PageRank de index.php ?
remus69 a écrit :
Merci pour vos réponses! Bon alors la première chose à faire est d'enlever la pré-home.

Si j'enlève index.php et que je renomme societe.php par index.php et que je fais une redirection de societe.php vers index.php, est ce que le PageRank de societe.php s'ajoutera au PageRank de index.php ?


Tout dépend de la redirection que tu emploies, si tu utilises la redirection par .htaccess là le page rank sera transféré avec le code 301.
Explication de google par ici
C'est la manière la plus propre de le faire, sinon le pageRank n'est plus un indicateur significatif pour le référencement donc tu n'as pas forcément besoin de t'en soucier tellement que ça Smiley cligne
mecho a écrit :
il faut un seul h1 par page

Faux, rien n'interdit d'avoir plusieurs <h1> sur ces pages.

Le h1 permet de montrer quel est le titre principal(parfois le sujet) de ta page, tu dois n'en mettre qu'un seul pour faire une représentation sémantique correcte de ton contenu. Si tu désactives tes css tu dois pouvoir clairement identifier les éléments importants de ta page, les hn et les ul/li etc... permettent de le faire.
N-J a écrit :
Le h1 permet de montrer quel est le titre principal de ta page, tu dois n'en mettre qu'un seul pour faire une représentation sémantique correcte de ton contenu.
Eh bien mecho a raison : l'élément H1 sert pour tous les titres de niveau 1 d'un document et rien n'interdit d'en avoir plusieurs. Smiley cligne
Heyoan a écrit :
Eh bien mecho a raison : l'élément H1 sert pour tous les titres de niveau 1 d'un document et rien n'interdit d'en avoir plusieurs. Smiley cligne


Ah oui oui dans ce sens là, ton document html sera tout aussi valide.
J'ai toujours cette vision du référencement en tête moi ^^
@N-J :

Oui, dès ton premier post, j'avais bien remarqué que tes critiques était surtout centré sur le référencement! On peut mettre 15 <h1> si on le souhaite, cela passe le validateur, en revanche, Google s'embrouillera en peu plus!
Heyoan a écrit :
Pour revenir sur le H1 unique ou pas (et en oubliant le référencement qui n'a rien à voir avec les thèmes abordés par Alsa... et qui personnellement m'indiffère au plus haut point Smiley lol ) lire ce post de Laurent Denis.


Bein a quoi bon faire un site s'il n'est pas optimisé pour le référencement ? A quoi bon faire un site s'il n'est pas visible correctement sur la toile ?
Pour moi un site est un ensemble de processus qui lui permettent d'être à la fois ergonomique, valide W3C, utile/fonctionnel, beau graphiquement et visible sur la toile. ^^
Bonjour,

* Avec une résolution de 1024px de large, j'ai une barre de défilement horizontale, qui ne sert apparement à rien (puisqu'aucun contenu n'est caché), cela ne devrait pas être.

* Le contraste de certains éléments (texte gris clair sur blanc) est un peu trop faible.

* Sous IE6, le menu horizontal est déformé et partiellement illisible, c'est encore pire en cas d'agrandissement des caractères.

* Les truc qui bougent, c'est mal... Les tailles de polices en px aussi !

* Si je suis sur la page x et que je souhaite changer de langue, je retourne à la page d'accueil, c'est dérangeant et perturbant, l'utilisateur devrait se retrouver sur la même page que celle sur laquelle il était, mais dans l'autre langue.

* Il est domage que le menu se referme lorsque l'on se trouve dans une sous catégorie (par exemple Société > Présentation)

Pour ce qui est du code :

* Tu ne précise pas la langue du site :
<html xmlns="http://www.w3.org/1999/xhtml">
Le site étant bilingue, il serait bien d'ajouter la balise lang rempli en fonction du contenu (pour éviter les lecture de page avec l'accent du mauvais pays).

* Le title de la page est un peu trop long, et devrait être unique et significatif pour chaque page.

* Je n'ai pas vérifié si tu précisait une hauteur pour li dans ta feuille de style générique, mais pour éviter tout problème, généralement on met les CSS correctif, après les CSS génériques.

* Attention à tes alt :
<img class="sansmarge" src="images/logo_fr.gif" border="0" alt="logo transénergie" />
L'image "logo_fr.gif" porte le contenu : Transénergie, l'énergie du développement durable", ce même contenu devrait se trouver dans le alt de l'image.

* Attention à tes attribut title sur les liens :
<a href="societe.php" title="Aller &agrave; la page Pr&eacute;sentation">Pr&eacute;sentation</a>
En plus d'être redondant (ils n'apportent rien de plus que l'intitulé du lien), il sont énervants...

* D'autres alsanautes ont soulevé un problème, qui n'en est pas un dans tes hn, il y en a un autre bien plus important : la hiérarchie de tes titres n'est pas respectée. Tu passe de h1 à h4 en oubliant 2 et 3, ce qui peut être particulièrement dérangeant pour les utilisateurs de lecteurs d'écran qui naviguent grace aux titres. A corriger donc !

* Sur la page Accessibilité du site tu dis :
a écrit :
Ce site internet utilise le langage de programmation JavaScript. Son activation est donc nécessaire pour pouvoir accéder à certaines fonctionnalités du site internet.
Je ne peux pas vérifier de mon poste de travail ce qu'il en est de la navigation sur le site quand JS est désactivé, mais si cette navigation est impossible sans JS, il y a un problème.