Avis sur portfolio http://beweyes.free.fr/

Bonjour,
ayant intégré une formation d'analyste programmeur au gréta il y' a trois mois, j'aurai besoin de vos avis sur le début de création de mon site portfolio afin de m'améliorer. Sachant que je recherche quelque chose de sobre (je compte me lâcher sur le site que je ferai en flash niveau design, malgré que ce ne soit pas ma tasse de thé).
Merci de répondre de façon constructive même si c'est pour détruire
Oups si j'oublie de mettre le lien
http://beweyes.free.fr/
Modifié par webeyes (12 Feb 2009 - 21:41)

Hello webeyes,

comme indiqué dans l'annonce : A lire avant de poster : Ergonomie, Design et demandes de critiques il est demandé de préciser le nom du site dans le titre du sujet.

Merci d'avance d'éditer ton message.

Désolé j'ai du zappée, ce post étant mon premier sur alsa si j'ai fais d'autres erreur malgré avoir lu la "charte" dites le moi que je corrige

webeyes a écrit :
Désolé j'ai du zappée, ce post étant mon premier sur alsa si j'ai fais d'autres erreur malgré avoir lu la "charte" dites le moi que je corrige

pff c'est écrit en rouge en plus désolé
Modifié par webeyes (12 Feb 2009 - 21:45)

Ton site est effectivement très sobre, peut-être un peu. J'ai plus l'impression de voir un site qui a 10 ans qu'un site minimaliste actuel. Rajouter des couleurs un peu plus "risquées" que le bleu serait peut être interessant.

Même si ton code est valid en transitional, c'est domage d'utiliser des balises comme "font" alors que tu utilise une CSS.

Pense également à utiliser des <p>aragraphes ; et à réserver l'utilisation de <br> pour faire des sauts de lignes et non pour positionner les éléments (quand il y a plusieurs <br> ce n'est pas bon signe).

<div id="Tableau_01">
	<div id="webeyes-03_"></div>
	<div id="webeyes-05_"></div>
	<div id="webeyes-06_" align="center"><a href="index.html" class="lien">Présentation</a></div>
	<div id="webeyes-07_" align="center"><a href="pgs/realisation.html" class="lien">Réalisations</a></div>
	<div id="webeyes-08_" align="center"><a href="pgs/cv.html" class="lien">C-Vitae</a></div>
	<div id="webeyes-09_" align="center"><a href="pgs/contact.html" class="lien">Contact</a></div>
	<div id="webeyes-10_"></div>
	<div id="webeyes-11_">

Je suis sûre qu'il y a moyen d'optimiser toutes ces div (et supprimer le align). La div "Tableau" est assez perturbante ^^;

Attention au :

target="_blank"

Les utilisateurs savent très bien ouvrir une page dans une nouvelle fenêtre quand il le veulent (oui, même les débutants), rien ne sert de leur forcer la main. L'argument du "je veux que les visiteurs restent sur mon site" est très mauvais, les visiteurs savent également très bien utiliser la touche "Retour".

Sur ta page CV : le soulignement est à réserver aux liens ! D'ailleurs les liens de ton site ne sont pas distinguable du reste du contenu (on pourrait croire que les textes en bleu sont des liens, mais non...).

Cette page est mal construite, les info en bleu sur la droite e la page sont assez perturbante pour le reste du contenu : elles parasitent la page. L'avantage du CV web c'est qu'il n'est pas limité à deux pages, prend plus d'espace, laisse respirer le texte. N'hésite pas non plus à détailler ton CV, il manque d'information.


Sure ta page contact : Il est domage d'avoir un formulaire de contact non fonctionnel (pas "fonctionnelle").

re,
Bonjour bon j'ai retravailler le design et le code, je nécessite a nouveau votre avis.
Merci
http://beweyes.free.fr/
Ps : La page cv n'est pas fini.
Modifié par webeyes (22 Feb 2009 - 19:34)

Salut,

Pour le référencement, pense a remplir la balise méta description de façon adéquate. Pense aussi a remplir les title de tes liens et de remplir les alt de tes images.
Essaye de mettre le moins possible de <br/> dans ton code, même si c'est super chiant ^^.
Pour ton CV, essaye de faire soit une structure en ul/li ou alors en dl/dt/dd qui permettent de mettre une sémantique sur ton contenu
Si tu pouvais rendre cliquable ta bannière ça serait pas mal, vieux réflexe d'internaute ^^.
Pour ta page de contact, on ne sait pas si on a bien rempli ou non les champs, lesquels sont obligatoires ou non et si tout est bien parti ^^. Un petit message de réussite ou non serait le bienvenu, et si jamais un champs est mal rempli ou erroné remettre dedans ce que l'on avait entré .

Sinon le reste me semble bien

Déjà merci pour ta réponse.
Il est vrai que déjà le message précédent m'avais dit de garder l'usage des <br /> essentiellement pour les sauts de ligne (je vais réctifier ça).
La banniére effectivement un ptit oubli.
Et pour le formulaire bah je vais arranger ça aussi.
Sinon pour ce qui est des meta sont t'elles encore d'une grande utilité ? J'ai lu sur divers forum que les meta aussi bien les keywords ou autre ne rentraient plus en compte dans l' algo (info ou intox).Pour vérifier j'ai déjà vu des sites en haut de pages google sans aucun meta (enfin c'est pas le sujet) .
Encore merci, débutant dans le domaine avoir des réponses aussi constructives m'aident à avancer.

webeyes a écrit :

Sinon pour ce qui est des meta sont t'elles encore d'une grande utilité ? J'ai lu sur divers forum que les meta aussi bien les keywords ou autre ne rentraient plus en compte dans l' algo (info ou intox).Pour vérifier j'ai déjà vu des sites en haut de pages google sans aucun meta (enfin c'est pas le sujet) .

La seule méta vraiment utile est la méta description, en effet il y a des site qui n'en on pas et qui sont référencés, mais ça aide. Ne dépasse pas les 250 mots et out ira bien ^^.

Y a comme un bug énorme quand on réduit la taille de son navigateur (genre pour rester discret au boulot) (ou que l'on a un écran en 800*600 (ou un mobile))... Je te laisse faire le teste, c'est assez flagrant...

Depuis la page d'accueil, je suis assez surprise de constater que tu n'as qu'une seule réalisation à ton actif et une seule compétence... (mets des -s). Idem pour langage dans la page compétences.

Le title de ta page est (1) une mauvaise optimisation pour les robots, (2) pas vraiment explicatif du contenu de la page. Retire tes mots clés, ils seront mieux dans ta page, ajoute des info concernant le contenu de la page actuellement visitée. par ex. :

a écrit :
Portfolio Guillaume Dievart - Accueil

a écrit :
Compétences - Portfolio Guillaume Dievart

Comme souligné par N-J, ta balise meta description est mal remplie, elle doit donner une description (comme son nom l'indique) de la page en cours (elle doit donc être différente pour chaque page). Considère-la comme un petit abstract.

Comme souligné dans mon précédent message (et j'aime pas me répéter), le soulignement DOIT être réservé au liens. De plus sur la page compétences tu utilise pour la liste de tes compétences, le même aspect que pour tes liens sur la page d'accueil, c'est parturbant au plus haut point.

<a href="http://dievartcuisinebain.fr/"><img src="../img/dcb.jpg" alt="" border="0"/></a>

Attention à ça. Ici, si les images sont désactivée, le lien re retrouve vide, ça va être plus difficile de cliquer dessus...

Sinon ton site ne possède aucune architecture de titre, c'est fort embêtant...


Pour ce qui est des balises meta, pour répondre à ta question, oui, la balise keyword n'est plus prise en compte par les moteurs importants (google donne de nombreuse info sur le sujet). Mais, la meta description est encore très utile et très utilisée. Sa fonction principale est de permettre au webmaster de choisir ce qui apparaitra dans les résultats de recherche google (entre autre) à la place des x premier caractères de texte de la page, ce qui peut être utile quand la page commence par une série de liens.

Par contre je me permet de contredir N-J, ce ne sont pas 250 mots, mais 250 caractères (c'est pas tout à fait pareil). En règle général une centaines de caractères c'est bien.

Laurie-Anne a écrit :


Par contre je me permet de contredire N-J, ce ne sont pas 250 mots, mais 250 caractères (c'est pas tout à fait pareil). En règle général une centaines de caractères c'est bien.

Oui tout à fait c'est 250 caractères ^^

Bonsoir,
déjà merci pour ta réponse Laurie-Anne, on voit que tu vas dans les détails et ça fait plaisir.
Bon j'ai essayé de rectifier un maximum les "erreurs" que j'ai fait en m'imprégnant de tes commentaires.
Le bug venait du margin, je voulais faire en sorte que le site soit centrer en hauteur mais pas dû utiliser la bonne méthode.
Si tu as d'autres remarques à faire et si tu en as le temps n'hésite pas à m'en faire part
Bonne soirée