Bonjour, je lance une activité centrée sur le webmastering dans ma région, et donc je sors mon site : -www.jean-sam.com

Je sollicite votre regard extérieur pour finaliser le site, sur le fond comme sur la forme, comme si vous étiez un chef d'entreprise désireux de faire progresser sa communication internet.

Merci.
Modifié par Felipe (10 Jan 2012 - 20:12)
Bonjour,

Merci d'éditer le titre de ton sujet afin qu'il suive les recommandations de cette section du forum : "[ Pro / Intermédiaire / Amateur ] Nom ou URL du site".

Pour ton problème, il faudra lui créer un sujet spécifique dans la section appropriée du forum.
Visuellement :
* Ton site ne s'adapte pas au 1024...

* Les polices rendent super mal (pixélisée, épaisseur de trait variable...), je ne sais pas si c'est ma config qui est en cause ; mais, même si c'est le cas, il doit y avoir un problème de ton côté.

* Dans l'ensemble, le design est super triste. Un poil demotivant.

* L'ordre de navigation au clavier n'est pas cohérent avec le visuel (la faute au float:right), c'est super perturbant.

* Il manque des effet de survol sur tes liens.



Code :
* 11 erreurs de code avec un doctype transitionel Smiley ohwell

* Préciser les tailles d'image évite d'avoir des déplacement de contenu quand les images se chargent un peu lentement.

* Tu as quelques liens (image, js) qui mène vers du 404.

* 5 scripts externes et 4 feuilles de style. En production, il est préférable de se limiter à un de chaque. De plus, il est préférable de placer les JS en fin de document.

* Les images porteuses de contenu DOIVENT se trouver dans le code HTML, pas dans le CSS. Ta technique qui consiste à déplacer un contenu textuel hors de l'écran et à le mettre en display none (d'habite on se contente d'un des deux) est ce qui se fait de pire en matière d'accessibilité. Essage de charger ton site sans les images tout en gardant les CSS activés ; tu sera ainsi dans le cas typique du "merde, la connec déconne encore", mal qui touche de nombreux foyers...

* Title sur les titres sert à apporter une information supplémentaire à l'intitulé du lien et nécessaire à la bonne navigation du visiteur. Un title "home" sur un site ayant pour intitulé "home" est non seulement contre-productif, mais également gênant pour certains visiteurs.

* Les alt vide sur les images liens du menu c'est magique... mais ça ne justifie pas le title du lien.

* Les changement de langue ne sont pas déclarés dans le code.

* Il est préférable d'éviter l'enchaînement "retour à la ligne, espace inséquable, retour à la ligne" au profit de la création d'un nouveau paragraphe.
Un grand merci pour ce retour très exhaustif et très pointu (pour moi).

Acceptes-tu de discuter de quelques points en particulier ?

Pour les polices, j'utilise Google Font et j'ai appris que Chrome + Windows XP + Google Font = soucis d'affichage (anti-aliasing). Est-ce ta config ?

Peux-tu préciser ce qu'il conviendrait de faire, par rapport à "display:none", "on se contente d'un des deux" ?

Je ne comprend pas la raison pour laquelle il ne faut pas mettre d'images dans le CSS. Si tu as un lien vers un article de fond, explicatif, je suis preneur.

Les changements de langue ne sont pas déclarés dans le code ? (??)

Un très grand merci
PS j'adore ton avatar Smiley biggrin
Jean-Sam a écrit :
Pour les polices, j'utilise Google Font et j'ai appris que Chrome + Windows XP + Google Font = soucis d'affichage (anti-aliasing). Est-ce ta config ?
Du tout : FF9 + win 7.

Jean-Sam a écrit :
Peux-tu préciser ce qu'il conviendrait de faire, par rapport à "display:none", "on se contente d'un des deux" ?
Non, idéalement aucun des deux. Car il posent des problème d'accessibilité (et pas spécialement au personnes handicapée).

Jean-Sam a écrit :
Je ne comprend pas la raison pour laquelle il ne faut pas mettre d'images dans le CSS. Si tu as un lien vers un article de fond, explicatif, je suis preneur.
As tu fait le test que je t'ai expliqué ? désactive les images, laisse les CSS actifs. C'est le cas typique d'un connexion qui déconne ponctuellement ou d'un serveur un peu surchargé.

Jean-Sam a écrit :
Les changements de langue ne sont pas déclarés dans le code ? (??)
lang="en" sur les tag ouvrant encadrant du texte en anglais. Le but est de permettre au lecteur d'écran d'utiliser le bon accent à la lecture et à Google et ses potes d'identifier plus facilement la langue.
Bonjour,

Je trouve le design assez triste moi aussi Smiley confus .

Le bouton "télécopie" ouvre sur les mentions légales ??? Smiley eek
Salut,

Le mariage des couleurs est pas mal si ce n'est les icônes du haut qui jurent dans le design. En général, plus de 3 couleurs c'est prendre de risques...
Les effets de hover ne sont pas très convaincants, de nombreux scripts jquery permettent de faire des effets sympas, d'autant qu'avec wordpress c'est assez facile à intégrer.

Les images se chargent assez mal aussi il y a un plugin, bulk it smush it, qui permet de réduire le poids des images sur wp de manière automatique.

Les hover font augmenter la taille de la police sur tous les liens, le rendu n'est pas super.

Les mentions légales sont très succinctes. Dommage car le message commercial est plutôt bien fait. En revanche:

a écrit :
une action de communication tous les deux mois avec MAJ du site

Cela me paraît un peu juste...

La vidéo est très bien... sans fioriture, Smiley biggthumpup mais la police et le contraste ne sont pas optimaux.
Modifié par jmlapam (11 Jan 2012 - 17:57)
jmlapam a écrit :
il y a un plugin, bulk it smush it, qui permet de réduire le poids des images sur wp de manière automatique.

J'utilise ce plugin. Il est vraiment génial. C'est l'un des rares plugins que j'utilise pour WP (avec Google XML Sitemap). Je vous le recommande absolument.
jmlapam a écrit :
@Olivier C: il y a aussi le plugin SEO yoast qui est incontournable...

Oui, je ne sais pas trop... Il y a les aficionados et ceux qui comme moi sont dubitatifs. Personnellement je suis très bien positionné sans avoir recours à ce genre de trucs.
@Olivier C: tout dépend du créneau, les sites d’iconographie religieuse ne sont pas pléthore, un site comme celui de Jean-Sam aura tout intérêt à l'utiliser, tape webmaster dans google par exemple... Smiley langue
Iconographie religieuse ??? Smiley eek Quoi qu'il en soit certains de mes articles ont concurencé des livres ou des films à un moment ou à un autre sur certains mots clefs (genre : péché des anges).

Bref, les spécialistes de WorPress ne sont pas très chaud pour ce plugin. De toute manière il suffit d'en reprendre les bonnes idées, ou celles des bons sites, de les intégrer à son thème et le tour est joué.

Je pense qu'une architecture correcte pour un site est le meilleur référencement "naturel". Pour la balise title : titre de l'article suivit du titre du blog. En ce qui me concerne c'est tout... Ah si : la réécriture d'URL (une simple option à cocher sous WP).

J'évite absolument les pages de catégories ou de tags, dont le visiteur n'a que faire. Arriva un temps où j'ai donc supprimé les pages de catégories : je n'aimais pas voir une sous-page de mon site concurrencer LA page de référence de mon site pour un sujet donné. Le visiteur tape un mot clef sur Google, il veut son résultat au premier clic, il n'a que faire des sous-pages.

Un truc bête enfin : il faut avoir quelque chose à dire ! Bizarrement, quand on lit un article sur le sujet, l'importance du contenu est peu mentionné (du moins sur les mauvais blogs SEO). C'est pourtant lui qui fera la différence à moyen terme (normal non ? Smiley cligne ).

Enfin, ne surtout pas négliger Google Images...
Modifié par Olivier C (12 Jan 2012 - 08:24)
Salut personne ne conteste ce que tu dis, le plugin ne fais qu'automatiser certaines tâches voilà tout. Je ne sais pas qui sont tes spécialistes mais s'ils disent qu'il faut faire attention avec ce plugin, l'utiliser à bon escient, etc... on est tous d'accord, et on peut faire sans évidemment.

Ton lien n'était pas forcément nécessaire dans ce topic mais bon je comprends ce que tu as voulu dire, même si la requête "pêché des anges" n'est pas vraiment sur le même niveau de concurrence que webmaster encore une fois.. Smiley cligne
Modifié par jmlapam (12 Jan 2012 - 20:16)
jmlapam a écrit :
... n'est pas vraiment sur le même niveau de concurrence que webmaster encore une fois.. Smiley cligne

Il serait intéressant d'essayer de se positionner sur un terme de ce type, juste pour voir sur quelle (énième page de Google Smiley sweatdrop ) je me trouverais... Smiley ravi . De toute manière, l'algorythme de Google prenant en compte le sujet général d'un nom de domaine (religieux chez moi), je ne devrais pas pouvoir aller bien loin avec un tel mot clef... Smiley confus