Bonjour à tous,

Je suis passé dernièrement d'un logiciel d'édition de site web au notepad afin de créer (enfin je l'espère) un code un peu plus propre et de pouvoir y mettre plus facilement des éléments personnels et peut être même espérer un meilleur référencement.

Je suis parti de ma charte graphique initiale, et j'ai trouvé quelques scripts que j'ai adapté pour mon site. J'ai également trouvé ici une mine d'information intéressante.

Comme vous le verrez sur mon site, je suis photographe et je souhaite promouvoir mon travail.

D'avance merci à vous
Modifié par jmk-photos (08 Jul 2009 - 14:30)
Bonjour,

Première remarque, qui ne concerne pas ton site, tu n'as pas vraiment donné à ton message un titre "évocateur". Tu te rend compte que si tout le monde donnait le même titre à ses messages dans cette section, il deviendrait vite difficile de retrouver un sujet en particulier. Il est donc demandé dans les règles de ce forum de placer le nom du site ou son url dans le titre du message.



Remarques d'ordre graphique :

* Les item de ton menu sont trop clair et très difficile à lire, il faut augmenter le contraste entre la couleur des polices et la couleur de fond.

* La partie déroulante des dernières mises à jours, se déroule sur la photo, ce qui rend sa lecture partiellement impossible. De plus l'intitulé "Dernières mises à jours ..." de par sa mise en forme et son texte ne laisse en rien présager un évènement.

* Contrairement au menu, les textes dans la page sont eux, trop contrasté. Il est assez difficile de lire du blanc sur fond noir (pour moi ça gigotte dans tous les sens), il est préférable d'utiliser un gris très clair pour les couleurs de polices.

* Pourquoi utiliser une fausse frame sur les pages prestation et matériel, ce changement de charte graphique est perturbant, en plus d'être gênant en cas de petit écran ou de fenêtre réduite.

* Pourquoi forcer l'ouverture des galeries (page reportage) dans une nouvelle fenêtre, laisse l'utilisateur choisir où et comment il souhaite ouvrir les liens.

* Le formulaire de contact a des assenseurs assez désagréable chez moi (IE6, je ne sais pas tester sur d'autre navigateurs), à corriger.

* Sur ta page de contact, tu laisse ton adresse mail en clair, c'est un super "attrape spam", attention donc !

* Tu devrais ajouter l'indicatif de pays à ton numéro de téléphone, sait-on jamais qu'un belge ou un suisse chercher à te proposer un travail.


Remarques concernant le code :

* Le titre de ta page n'est pas "efficace". Tu ne devrais pas y lister autant de mots clés qui ne donneront pas envie de cliquer dessus dans les recherches google et qui risquent d'être interprétés par google comme une technique de référencement assez foireux. Contente toi de ton nom (complet, car JMK n'est absolument par parlant) et de "Photographie".

* Même remarque pour description, utilise des phrases non des mots clés, le but est d'attirer le clic par une suite de mots qui veux dire quelque chose.

* La pultiplication des appel de feuille CSS présente t'il un avantage ? Idem pour les scripts JS.

* Les images porteuses de contenu DOIVENT absolument se trouver dans le code HTML, avec un texte alternatif présentant le même contenu. Il ne faut pas les mettre dans le CSS en fond d'un élément portant un texte amoindri.
<h1>Photographe</h1>
a je présume pour image de fond la bannière portant : "Jean-Marc Kuntz - Photographie". Tu devrais avoir dans ton code :
<h1><img src="" alt"Jean-Marc Kuntz - Photographie"></h1>
En terme de référencement le contenu du alt sera équivalent à du texte dirrectement mis dans le h1. Mais, si un visiteur consulte ton site avec les CSS activé, mais sans afficher les images il aura le même contenu alors qu'avec ton code actuel, il n'aura absolument rien.

* Attention à l'utilisation de l'attribut title pour les liens :
<li><a rel="shadowbox;width=860;height=680" title="Portfolio Paysage" href="paysage.html?sb=1">Portfolio Paysage (9 juin 2009)</a></li>
Ici l'information donnée par title est la même que celle du lien, on parle donc de redondance, elle n'apporte donc rien de plus. Title doit être utilisé pour donner une information complémentaire sur un lien.

* Je ne suis pas sûre que tes fomulaire soient utilisable si JS est désactivé, à tester.
Modifié par Laurie-Anne (08 Jul 2009 - 15:03)
Merci pour tes remarques !

Je vais m'atteler à corriger petit à petit les différentes choses. La première qui m'ennuie, est de trouver un script pour masquer mon email dans la page contact et améliorer la couleur de la police de caractères pour que ça gigotte un peu moins dans tous les sens. Smiley cligne
Modifié par jmk-photos (08 Jul 2009 - 15:32)
Pour cacher ton email, tu peux mettre une image, et sans texte alternatif, le formulaire est toujours là en cas de non chargement de l'image.
Bonjour jmk-photos,

Laurie-Anne en a déjà dit pas mal à propos de votre site.
Personnellement, je vous conseillerai de lire ce tutoriel pour essayer de stopper les spam.

Sur ce, bonne continuation pour votre site et vos photos Smiley cligne .
Merci pour vos commentaires ! Et merci pour le lien du tuto. Smiley smile


J'ai adopté le javascript ...


<script type="text/javascript"> 
<!--
document.write(String.fromCharCode(60,97,32,104,114,101,102,61,34,109,97,105,108,116,111,58,99,111,110,116,97,99,116,64,106,109,107,45,112,104,111,116,111,115,46,102,114,34,62,99,111,110,116,97,99,116,64,106,109,107,45,112,104,111,116,111,115,46,102,114,60,47,97,62)); 
//-->
</script>

Modifié par Raphael (09 Jul 2009 - 16:50)