Mon premier site. Soyez critique!!

[Celou]

Bonjour à tous,

J'ai le plaisir de vous annoncer la mise en ligne de Tableaux Provence.
N'hésitez pas à me donner vos impressions.
La suite : essayer de se faire connaitre, ce qui n'est pas une mince affaire, pour ne pas dire la partie la plus ardue. Je ne sais pas trop dans quel ordre organiser mes priorités.
C'est un appel du pied à tout ceux qui veulent m'aider ou collaborer dans cette nouvelle aventure.

Merci d'avance pour vos remarques et suggestions.
A bientôt

[domido8]

bonjour,

Bravo pour votre site.

Mais 2 problèmes sur la 1° page :
Le texte chevauche le logo dans le header
Décalage du block central

Cordialement.

Domido8

[Celou]

Merci,

Quelle navigateur utilisez vous?
Car je n'ai pas de problème sur les dernières version de ie8 firefox3 et chrome.

Cette précison m'intéresse, sachant que j'ai sacrifié ie6 bien entendu.

@+

[domido8]

Mon navigateur est IE7

[thecat22]

Pareil sur Chrome c'est nickel...
Ah vive IE !

Tiens quel est le module que vous avez utilisé pour votre page d'accueil (avec les catégories qui défilent)...???

En tout cas, bonne route sur la voie de l'e-commerce !

[Celou]

Merci

c'est MGC Homecarousel : http://www.prestashop.com/forums/viewthread/10924

@+

[Thierry Création]

Bonjour Celou,

Je vous laisse un lien qui vous sera utile pour tester les différents rendu en fonction des navigateurs IE :

http://www.smooky.fr/utiliser-internet-explorer-6-7-et-8-sur-windows-xp-vista-seven/

Cordialement,

[phil46]

Bonjour,

1/bon pour votre problème de navigateur vous pouvez peut être tester ceci c'est pour ie6 mais en cherchant un et en adaptant çà doit être du même tonneau

<!--[if lte IE 6]>
<style type="text/css">
#pagewrapper {width:[removed]P7_MinMaxW(720,950));}
#container {height: 1%;}
</style>

2/pour voir votre site sous ie (y'en a d'autres mais c'est lr premier qui me tombe sous la main
http://www.iecapture.com/

3/ pour le rendu de votre site la mise en page c'est pas mal y'a du travail mais

1/le texte blanc sur brun pas bon pour la lecture ni pour l'accessibilité
pour la taille des caractères dans votre CSS utilisez plutôt les valeurs (em) plus sures et les paragraphes en(justify) c'est toujours moche.
Pensez á utiliser plus de H1 très utiles pour le référencement
http://www.referencement-2000.com/mesure-visibilite-performance-search-marketing.html?gclid=CLuh_sLH6qACFY-X2AoddSiaMA

2/ les tableaux sont de couleurs terre mais c'est pas une raison pour tout appliquer au site
Le site c'est le site les tableaux sont les tableaux, je me permets de vous dire cela un peu brutalement car j'ai été peintre dans une vie antérieure: Donc vous vendez de l'art et vous faite une création design (ce n'est pas la même chose) je vous laisse réfléchir la dessus.

L'idée de l'image de fond est pas mal mais un peu fadasse
La présentation des produits est bonne et c'est quand même le plus important.


ps @ domido8 Je me permets de vous demander également le nom du module de défilement des produits sur votre site des produits du terroir: http://www.produits-de-terroir.com


A+

Phil Did

[Celou]

Merci phil46 pour ces tuyaux experts ;-) .

Je vais essayer d'en tenir compte

@+

[Badgesagogo]

Bonsoir,


Votre site est vraiment bien fait, je le trouve très agréable, le thème de la page colle bien aux produits, bravo !

La seule petite amélioration que je verrais serait de créer une page spéciale dédiée au mode de fabrication qui "pollue" un peu votre page d'accueil.

Sinon, j'ai une petite question, j'ai le même module que vous pour le carrousel, mais chez moi, je n'arrive pas à choisir où le carrousel se situe sur la page (il se met automatiquement en bas de la page).

Comment avez vous fait pour le faire apparaitre en haut svp?


Cordialement


Florent

[jeckyl]

pour la taille des caractères dans votre CSS utilisez plutôt les valeurs (em) plus sures et les paragraphes en(justify) c'est toujours moche.
Pensez á utiliser plus de H1 très utiles pour le référencement
http://www.referencement-2000.com/mesure-visibilite-performance-search-marketing.html?gclid=CLuh_sLH6qACFY-X2AoddSiaMA

Bonjour,

Je me permet de réagir sur ce paragraphe.

Premièrement pouvez vous m'expliquer le côté "plus sûr" d'utiliser une mesure en em plutôt d'en px ?

Pourquoi les paragraphes en justifiés serait toujours moches ?
J'apporterais une nuance, le justifié est à utiliser à bonne escient, car pour certaines représentations de certains texte cela permet de conserver une structure au texte.

Alors là je vais m'élever grandement en faux concernant cette idée ubuesque qu'il faudrait placer plains de h1 pour augmenter son référencement. Il faut rappeler que les balises titre h1, h2, ..., h6 servent à hiérarchiser le texte et ainsi structurer le texte pour une meilleur compréhension et aussi une représentation standardisé tout au long du site pour faciliter l'expérience du visiteurs qui ne devra pas passer son temps à comprendre la hiérarchie d'un texte et donc lui faciliter la lecture, donc l'accessibilité.
Les moteurs de recherche, dont Google, donnent un poids (importance) à la structure d'un texte, mais maintenant il se fiche que l'on commence avec une balise h1 ou h3 si celle ci est utiliser de la même façon sur tout le site et qu'elle conserve une cohérence dans la structure hiérarchique des textes du site.
Il faut comprendre qu'un moteur de recherche comme Google est de plus en plus apte à lire une page comme si c'était un être humain et donc si vous cherchez à donner de l'information, à aider l'internaute pour comprendre vos produits et si vous apportez une plus valu à vois pages avec l'information qu'elle contient, vous améliorez votre référencement. Écrivez pour vos client et pas que pour les moteurs de recherche.

Sinon, concernant votre site, je le trouve bien structuré, mais le texte de la page d'accueil est difficile à lire avec le fond de page.
Le design est très chargé ce qui peux nuire à la lecture de l'information sur votre site et aussi les contrastes des couleurs utilisé ne sont pas très important ce qui fait qu'aucune information ne domine les autres et donc vous n'obligez pas le client à suivre une direction ou à capter une information importante.

[Divine]

Perso je pense que là où les valeurs en em sont plus sures c'est surtout pour les marges car il y a moins de différences d'interprétation entre les navigateurs pour les valeurs en em que pour les valeurs en pixel. Du moins c'est ce que j'ai pu constater jusqu'à présent sur les margins et les paddings.
Après parfois les heures de boulot enchaînées peuvent fatiguer mes petits yeux et me faire avoir des illusions d'optique lol

Sinon concernant le site, je le trouve aussi assez chargé ce qui rend la lecture laborieuse. Il faudrait essayer d'aérer tout ça.
Autrement joli design

[Celou]

Merci pour vos réponses à tous les deux,

Je vais essayer de vous donner mon interprétation de novice:

Je suis en train corriger le css pour ie7 (d'ici ce soir cela devrait être OK) et d'après moi px ou em ne change pas grand chose. Le plus important c'est que sous ie7 il faut insister plus lourdement sur la notion de block en rajoutant des display:block; et même parfois des height et width là ou les navigateur plus récent interprètent plus logiquement.

Je suis d'accord sur la non exagération des balises h1, c'est un peu comme pour les balises keyword, ce qui prend le dessus c'est le contenu.

En ce qui concerne le design, j'ai du mal à oser faire péter l'aspect de mes textes et de mes produits qui ne l'oublions ont une vocation décorative dans un esprit pas du tout tape à l'oeil mais plutôt ton sur ton, fondu même (ce ne sont pas des produits hight tech!!! ), le compromis est difficile.

Je vais malgré tout essayer de tenir compte de vos conseil pour l'avenir.

Mon plus gros soucis du moment: organiser les priorités pour mon référencement le plus dur reste à faire d'après moi, car je ne sais pas qu'elle est la meilleure politique à adopter au travers de tout ce que j'ai lu.

Merci encore et au plaisir de vous lire.
@+

[Badgesagogo]

Bonjour,


Pour le référencement, je pense qu'il y a trois grandes étapes :

1) Se faire référencer par les grands moteurs de recherche (Google, Bing, Yahoo, etc.).

2) Se faire référencer dans les très grands annuaires (DMOZ, et d'autres dont aline avait donné une liste de bonne facture dans la partie référencement du forum)

3) Se faire référencer dans les annuaires propres à ton activité.

En parallèle à tout cela, n'hésite pas à te faire de la pub par les réseaux sociaux, et surtout, de demander à tes connaissances de le faire (les petites rivières font les grands fleuves).

Pour finir je dirais surtout qu'il faut impérativement privilégier la qualité à la quantité (surtout ne pas te faire référencer par les sites proposant de t'inscrire sur 300.000 annuaires en 24 heures, c'est le suicide assuré niveau référencement)


Cordialement


Florent

[phil46]

bonjour à tous,


AH! Chacun peut donner son avis.

1/point
Quand on parle d'accessibilité on parle bien sur de handicap visuel voir des sites comme http://openweb.eu.org/accessibilite
ou des cms comme cms made simple qui consacre une feuille de style à l''accessibilité

quand aux (em) ils sont une évidence because les différents navigateurs, portables et bien sure toujours (l'accessibilité) puisqu'ils fonctionnent en % et non en pixels qui sont déformés lors d'un zoom.
http://www.babylon-design.com/site/index.php/2006/10/23/150-css-comprendre-unite-font-size-em


2/ pour les balises "H1"
je n'aie jamais dit qu'il fallait en mettre partout et ensuite il est très facile de les planquer sous des images des bannières.

/* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */
div#header {
/* adjust according your image size */
   height: 100px;
   margin: 0;
   padding: 0;
   /* you can set your own image here, will go behind h1 a image */
   background: #f4f4f4 url(uploads/ngrey/bg_banner.png) repeat-x left top;
/* border just the bottom */
   border-bottom: 1px solid #D9E2E6;
}
div#header h1 a {
/* you can set your own image here */
   background: url(uploads/ngrey/logoCMS.png) no-repeat left top;
/* this will make the "a" link a solid shape */
   display: block;
/* adjust according your image size */
   height: 100px;
/* this hides the text */
   text-indent: -999em;
/* old firefox would have shown underline for the link, this explicitly hides it */
   text-decoration: none;
}
div#header h1 {
   margin: 0;
   padding: 0;
/*these keep IE6 from pushing the header to more than the set size*/
   line-height: 0;
   font-size: 0;
/* this will keep IE6 from flickering on hover */
   background: url(uploads/ngrey/logoCMS.png) no-repeat left top;
}
div#header h2 {
/* this is where the site name is */
   float: right;
   line-height: 1.2em;
/* this keeps IE6 from not showing the whole text */
   font-size: 1.5em;
/* keeps the size uniform */
   margin: 35px 65px 0px 0px;
/* adjust according your text size */
   color: #f4f4f4;
}

on peut toujours aussi faire un tour sur http://www.alsacreations.com/search/
j'aime bien leur faire de la pub
http://www.alsacreations.com/astuce/lire/48-commentaires-conditionnels.html
++++++++++++++++++++++++++++++++++++++++++++++++++++

Et pour le référencement c'est tellement vaste que l'on pourrait écrire un livre la-dessus
bien sur il y les moteurs et tout et tout mais il y a aussi le fait d'appartenir à une communauté.

Il y a quelques années j'ai fait un petit site (du temps ou on bricolait son PHP soi-même) pour un gentil camping qui propose de l'hébergement dans des tipis des roulotes far ouest des chariots ces gens ne connaissent rien 'a la prog internet mais sont très débrouille, et je leur avait fait le ref de base google yahoo et quelques annuaires spécialisés, en leur disant que c'était à eux de se prendre en main.
Ils font partie d'une communauté tellement importante genre cowboy /indiens qu'ils sont maintenant partout grâce aux échanges de liens avec leur collègues je vous laisser taper cela dans votre moteur préféré: (parovent)
et que la force du H1 soit avec vous
Il n'y a donc pas une solution comme toujours mais plusieurs et les échanges de bons procédés sont encore ce qui se fait de mieux.

A+
Phil Did