Forum > Présentation de site web (avis et critiques) > Jamespot : Communauté de partage de contenu en ligne

Jamespot : Communauté de partage de contenu en ligne

avatar de Tony_
Administrateur
# Le 30/10/2008 à 16h46
Bonjour à tous.
Je vais me servir de cette partie du forum pour essayer de récolter des avis et opinion sur un site internet. Je vais essayer d'en faire une critique assez constructive. Comme je l'explique assez régulièrement, ceci se veut une critique qui est censé aider le site à évoluer et à s'améliorer. De plus, il est important de préciser que l'opinion qui va être proposé ici ne résulte que de mon opinion personnel et peut être différent selon les personnes.

Sommaire

Étant donné que cette analyse est assez longue, j'ai décidé de faire un petit sommaire des chapitres utilisés. Vous pourrez ainsi passer directement à la partie qui vous intéresse, dans le but de gagner du temps.
  • Présentation du site
  • Design
    • Page d'accueil
    • Menu
    • Pages profonde
  • Navigation
    • Page d'accueil
    • Menu de la page d'accueil
    • Navigation sur une page profonde
    • Pied de page
  • Référencement
    • Hiérarchie
    • Titres principaux
    • Titres sur la page
    • Code source
    • Liens
    • URL
  • Temps de chargement
    • Problème du code source
    • Problèmes des images
  • Problèmes
    • Liens mal placé
    • Date au format anglais
    • Mauvaise qualité des images
    • Traduire certaine page et mieux présenter le contenu
    • Poster un commentaire
  • Remercier les sources
  • Pour finir


Présentation du site

Le site internet concerné par cette étude c'est Jamespot. Ce site internet est une sorte de Bookmark où des membres peuvent poster des liens qu'ils ont découvert sur internet. La différence comparé aux autres sites de partage de liens, c'est que sur Jamespot les autres membres peuvent venir commenter les liens. Il y a un échange un peu plus important que sur un simple Bookmark.
Lorsque vous ajoutez du contenu sur Jamespot, celui-ci peut être consulté par tout un chacun à partir de votre page personnel dites "spot". En gros, la page "spot" c'est votre page à vous, où les autres utilisateurs peuvent découvrir tout ce que vous avez ajouté.
La phrase clé de ce site, c'est: "Tout ce qui est nouveau est à partager".
N'hésitez pas à consulter le dossier référencement. smiley
Sinon hors internet je suis développeur web PHP.
avatar de Tony_
Administrateur
# Le 21/11/2008 à 16h54

Design


Page d'accueil

La première chose que l'ont remarque en arrivant sur ce site internet, c'est inévitablement son design (comme pour tout site web après tout). On découvre des couleurs assez neutre. Le design n'est pas extraordinaire (pas d'effet particulier mis à part un fondu orange vers blanc), néanmoins les icônes présent en haut de la page d'accueil permettent de donner un peu de vie à la page. Personnellement, je trouve que ces icônes sont assez bien réussi donc ça égaye un peu la page. smiley
Ensuite, en descendant sur la page d'accueil on découvre une page beaucoup plus riche en contenu qu'on ne le pense. Le design évolue un peu, mais on constate qu'il n'y a toujours pas d'effet graphique très recherché. Je pense notamment à des effets possible à l'aide d'image de fond, etc...
L'effet le plus évolué sur la page ce sont probablement les arrondis pour tous les cadres.

Menu

Je dois avouer que j'ai été assez surpris de voir qu'il y avait un effet sur les liens du menu lors du survol de la souris. Malheureusement, il n'y a qu'un seul menu qui a un tel effet.
Le menu appelé "Ils nous ont rejoints" ne comporte quand à lui aucun effet particulier. Il est même globalement assez vide, principalement à cause des pseudos écrit en tout petit.

Pages profonde

Pour analyser le design en détail, je suis allez visiter des pages dites "profonde". Bref, toutes les pages autres que la page d'accueil.
Et là, à ma grande surprise je découvre des pages avec un design totalement différent.
Certes, la bannière du haut est toujours présente, mais le reste peut être totalement différent et les visiteurs peuvent être facilement déboussoler. Sur une page que j'ai ouverte au hasard, je découvre un fond d'écran tout bleu. D'ailleurs, il faut noter que ce n'est pas toujours très esthétique, surtout lorsque l'ont vois la bannière orange juste à coté (orange et bleu ne sont pas des couleurs qui s'associe facilement dans un design).
N'hésitez pas à consulter le dossier référencement. smiley
Sinon hors internet je suis développeur web PHP.
avatar de Tony_
Administrateur
# Le 21/11/2008 à 16h56

Navigation

Maintenant, je vais essayer d'analyser la navigation sur le site.

Page d'accueil

Première partie (avant le plis)

En arrivant sur la page d'accueil on a directement un message qui nous invite à nous inscrire. C'est très bien pour le coter marketing, car les utilisateurs sont plus susceptible de s'inscrire, néanmoins je pense que ça ne doit pas être pratique pour les utilisateurs régulier qui doivent régulièrement être obligé de scroller la page vers le bas pour découvrir le véritable contenu.

Avant le contenu

En descendant un peu sur la page on découvre une rangé de photo avec des mots dessous. Je pense que le visiteur lambda qui découvre le site pour la première fois doit mettre du temps pour comprendre que les photos et les mots sont en fait des avatars et des pseudo d'utilisateurs. Et personnellement, une fois que j'ai compris ça, j'ai du mal à comprendre ce qu'ils font ici? Pourquoi ce sont eux qui sont affiché ici?
Je me demande fortement si le top 15 des plus grand utilisateurs, si se sont tout simplement 15 membres sélectionné au hasard dans la base de donnée, si se sont les dernier inscrit sur le site, etc...

Il faut aussi remarque que cette liste de pseudo est juste avant le contenu véritable, alors que ce qui intéresse le plus les utilisateurs, c'est probablement le contenu avant-tout.

Contenu

Enfin, le contenu est visible. Les internautes lambda qui découvre le site pour la première fois et qui ont pris la peine de descendre jusque là, peuvent enfin comprendre que Jamespot est une sorte de site d'actualité.
Cette page présentant toutes les thématiques du site est assez bien, mais en réalité il faut descendre assez bas pour réussir à voir toutes les thématiques du site. J'ai compté, j'ai du scroller 6 fois la molette de ma souris pour descendre tout en bas de la page (et ainsi découvrir les thématiques du bas).

Pour présenter la suite de mon commentaire, je dois vous présenter rapidement ce qu'est le triangle d'or dans le monde du marketing web. En fait, intuitivement, dans le monde occidentale on va commencer à lire un document en partant du haut à gauche (car c'est le sens de lecture). Et les internautes lambda vont alors principalement cliquer sur les liens en haut à gauche. C'est d'ailleurs pour ça que le logo d'un entreprise sur les sites internet, se situe en haut à gauche. Et c'est aussi pour ça que la plupart des sites web mettent leur menu à gauche.

Bon, sachant que les utilisateurs cliquent d'avantage sur le triangle d'or, on peut se douter qu'ils ne vont pas trop faire attention aux menu de droite. De plus, intuitivement, ils vont essayer de cliquer quelque part pour ouvrir une des rubriques. Ainsi ils vont vouloir découvrir toutes les actualités sur une thématique particulière.
Or, il est difficile de trouver le lien pour ouvrir la thématique particulière. En fait, c'est en s'y prenant à plusieurs fois qu'on découvre que le lien qui permet de voir les autres news c'est tout simplement "Et 400 autres Spots". Le lien est non seulement pas vraiment bien placé (en bas à droite de la boite, c'est le dernier endroit où l'ont regarde), mais il est aussi peu intuitif. En effet, les visiteurs n'ont habitué ne savent pas tous ce qu'est un "spot".

Menu de la page d'accueil

En regardant le menu de loin, on pourrait penser que celui-ci répertorie les différentes thématique du site. Intuitivement, c'est que l'ont retrouve sur de nombreux sites.
Malheureusement, ici le menu de droite répertories juste les dernières mise à jour. Ce n'est pas facile à savoir, surtout lorsque l'ont découvre des noms de news qui ressemble facilement à des noms de rubriques. Il serait peut-être bien de préciser dans quel thématique est classé la news.
Et le menu juste en dessous, qui a un design différent, fait une liste des derniers inscrit.
Dans ces deux menus, il n'est pas possible de savoir facilement si la liste est chronologique ou non. Bref, on ne sait pas si la dernière information est haut en haut ou en bas.

Navigation sur une page profonde

Les visiteurs lambda sont peut-être très content d'avoir enfin percé les problèmes de navigation de la page d'accueil, mais malheureusement le simple fait de changer de page les fait changer totalement d'environnement et la navigation est différente.

Dans un dossier "faire un site efficace", j'avais fait un article intitulé "optimiser la navigation" qui expliquait qu'il était primordiale de toujours utiliser le même menu au même endroit. Bref, il faut harmoniser toutes les pages d'un site pour éviter que les visiteurs se perdent en allant d'une page à une autres.

Les visiteurs sont d'autant plus perdu sur le site, qu'il n'y a pas de fil d'Ariane. Et ce qui est encore plus dommage c'est qu'il n'y a aucun lien pour revenir en arrière. J'en parlerais plus tard dans cette analyse, mais il faut aussi noter qu'il n'y a pas de hiérarchie dans les URL du site. smiley

Pied de page

Pour visiter un peu toutes les pages et comprendre le système de navigation, il faut aussi regarder le pied de page. En visitant le pied de page, j'ai découvert aussi bien des liens non intéressant, mais également des outils qui semblait vraiment bien. Je trouve que c'est dommage que ceux-ci ne soit pas un peu plus mis en avant. D'ailleurs, il conviendrait peut-être d'utiliser ne serait-ce que des terme compréhensible par tout le monde.
J'ai par exemple découvert la page "Le Buzz James It". Sans ouvrir cette page, est-ce que vous pouvez savoir ce qu'elle contient? Essayer de deviner son contenu, je suis sur que vous serez surpris du résultat. smiley
N'hésitez pas à consulter le dossier référencement. smiley
Sinon hors internet je suis développeur web PHP.
avatar de Tony_
Administrateur
# Le 21/11/2008 à 16h58

Référencement

Ce qui est dommage avec ce site internet c'est qu'il est très mal optimisé pour le référencement.

Hiérarchie

L'un des problèmes que j'ai souligné plus haut c'est la hiérarchie du site qui est très mal faites. C'est un problème, car n'importe quel site internet à une hiérarchie qui est déterminante pour le référencement. Jusqu'à présent la plupart des sites que j'ai découvert était de type "pyramidale". En effet, il y a la page d'accueil (le haut de la pyramide) qui fait des liens vers les pages de rubriques (entre 3 et 10). Puis, ces rubriques peuvent faire des liens vers des sous-rubriques. Et enfin, les sous-rubriques font des liens vers le contenu. Ainsi on remarque que le contenu est la base de la pyramide et qu'il y a beaucoup de pages dans le contenu.

Dans le cas de Jamespot, j'ai du mal à trouver une métaphore pour présenter la hiérarchie. J'aurais tendance à dire que c'est une énorme maison entièrement de plein pied (il n'y a pas d'étage). Et a chaque fois qu'une nouvelle pièce est créée (c'est-à-dire à chaque fois qu'une nouvelle pages est créée) il y a les projecteurs de la maison qui sont tourné vers cette pièce.
Malheureusement, lorsqu'une autre pièce sera créée les projecteurs se tourneront vers cette nouvelle pièce et les autres pièces seront alors dans l'obscurité.
Au final, il y a beaucoup de pages sur ce site, mais c'est un véritable labyrinthe. Et je ne suis pas sur que ça aide pour l'indexation du site dans Google.

Titres principaux

Ce qui doit être bien pensé, pour le référencement, dans les sites dynamique: ce sont les titres. Et principalement ceux qui sont dans l'entête de la page. Je n'ai pas trop envies de trop m'attarder sur ceux-ci, mais il faut juste noter qu'ils ne sont pas très bien pensé pour le référencement et qu'ils ne sont pas tous pareil. Par conséquent, c'est d'autant plus dur de s'y retrouver.

Titres sur la page

Il est important d'utiliser une hiérarchie dans les titres. Les titres dont la balise HTML est "h1" sont les titres qui donne le plus de poids, point de vue référencement, au mots-clés d'une page. Or, ces titres ne sont pas tous présent sur les pages de Jamespot.
En fait, j'ai réussi à trouver plusieurs fois le titre h1, mais je ne trouve que rarement des pages qui utilisent des titres au format h2, h3, etc... smiley

Code source

Jusqu'à présent je n'avais pas regardé le code source pour faire cette analyse. Et là je viens de me prendre une sacré claque: le code source est horrible (désolé pour les éventuels codeurs de Jamespot qui passeront par là). Le gros problème avec le code source de Jamespot c'est qu'ils ont du oublier que les feuilles de style ça existait. La plupart des balises qu'ils utilisent ont des propriétés en plus pour rajouter un effet de design.

Mauvaise utilisation des feuilles de style CSS


Il est important de savoir que les robots des moteurs de recherche vont lire une page à partir de son code source. Par conséquent il faut penser à utiliser une hiérarchie et il faut penser à bien "éclaircir" le code source pour que les robots puissent le déchiffrer sans problème.
Par conséquent, il est très important qu'une page internet contienne plus de texte que de balises HTML. Et ici ce n'est pas le cas.

Il est ainsi possible de découvrir dans le code source des absurdité comme cela:
Code:
<font style="color:#3467a7;">

Ça fait vraiment un site assez vieillot, alors qu'il est recommandé en référencement d'utiliser les feuilles de style CSS, qui existe depuis assez longtemps.

Il est aussi possible de trouver dans le code source des tableaux. smiley
Il faut savoir que les tableaux ont été inventé dans le but de lister des résultats et non dans le but d'aider les webmasters débutant à réaliser leurs design. En plus, les tableaux n'utilisent pas non plus de CSS et ils est par conséquent possible de voir des horreurs comme ça:
Code:
<table width="100%" cellpadding="0" cellspacing="0">

Validateur


Comme je l'ai expliqué tout à l'heure, les robots d'indexation tel que Google doivent analyser le code HTML d'une page dans le but d'indexer celles-ci. Par conséquent il éviter de faire des erreurs dans le code source sinon les robots auront du mal à comprendre les pages. Et il y a fort à parier qu'un robot qui ne comprend pas une page, ne va pas lui faire une fleur lors de l'indexation de celle-ci dans son répertoire. Autrement dit, si une page est mal codé, elle sera peut-être moins bien classée dans les résultats de recherche de Google.

Le validateur du W3C est un outil assez pratique, qui peut être utilisé pour savoir si une page possède des erreurs dans son code source. En analysant les pages de Jamespot on découvre parfois des pages avec une dizaine d'erreurs. smiley

Il faut aussi savoir que si une page est mal codé, les robots utilisé par les mal voyant pour lire à leurs place le contenu d'une page, auront du mal à lire la page et c'est une minorité d'utilisateur qui seront pénalisé.

Liens

Ce qui est très important dans le référencement interne d'un site, c'est de veiller à bien travailler les liens entre les pages. Il faut par exemple, qu'il y ai de bon mots-clés dans les balises de liens, dans le but d'améliorer le positionnement des pages dans les moteurs de recherche pour les bons mots-clés.
Sur la page d'accueil, j'avais précédemment mis en avant le problème des liens vers les catégories qui n'utilisent pas de texte très pertinent. Pour rappel les textes des liens sont "Et 400 autres Spots".
Or, pour améliorer le référencement de la page cité, il conviendrait probablement d'utiliser un texte de lien avec l'un des mots-clés suivant: "Actualités, Politique, Société, International".

URL

Il y a un (encore) énorme problème sur ce site, ce sont les URLs. Celles-ci sont mal optimisé pour le référencement.
Certes, il y a de l'URL rewritting, mais pas sur toutes les pages. Et il n'y a pas de hiérarchie dans les URLs.
C'est vraiment dommage, parce que dans ce genre de site dynamique, il faut vraiment optimiser les URLs aussi bien pour faciliter la navigation pour les utilisateurs, mais aussi pour les moteurs de recherche. smiley
N'hésitez pas à consulter le dossier référencement. smiley
Sinon hors internet je suis développeur web PHP.
avatar de Tony_
Administrateur
# Le 06/03/2009 à 12h56

Temps de chargement

Il y a quelques points qui pourrait être modifié dans le but d'améliorer le temps de chargement des pages.
J'avais rédigé un article qui expliquait l'importance du temps de chargement pour l'efficacité d'un site internet. Dans les commentaires de cet article, j'ai présenter plusieurs outils sur internet pour calculer le temps de chargement d'un site. J'apprécie particulièrement l'outil de Pingdom Tools qui permet d'avoir des informations détaillé sur le chargement d'une page.
J'ai ainsi analysé la page d'accueil de Jimspot et on remarque que la page se charge en 6 secondes. Honnête c'est vraiment énorme et ça pourrait être grandement améliorer.

Problème du code source

Comme je l'ai dit précédemment, le code source des pages est mal optimisé. A l'heure actuel les fichiers CSS ne sont pas utilisé aux mieux de leur possibilité. Par conséquent il y a beaucoup de propriétés qui sont utilisé directement dans le code source des pages HTML à défaut d'être répété qu'une seule fois dans le fichier CSS.
En fait, le fichier CSS permet de gagner de la place sur la page HTML. Et une page HTML plus légère est plus rapide à charger (elle est plus rapide à être transmise par l'internet).

Problèmes des images

Il y a aussi un grand problème en ce qui concerne les images. Actuellement, il y a des petites miniatures un peu partout sur le site. Vous l'aurez peut-être remarqué, les images dans ces miniatures sont vraiment moche.
En réalité, c'est parce que les images sont grande (jusqu'à 256 pixels maximum en largeur ou en hauteur). Et malheureusement ces images sont ensuite réduite directement dans le code source.
Cela signifie que les grandes images sont envoyé puis c'est au navigateur d'essayer de redimensionner en plus petite. Mais comme les navigateurs ne sont pas des logiciels de retouche photos, ils ne font pas très bien les choses.

Pour vous prouver ce que j'avance, voici un bout de code où l'ont vois comment sont appelées les images en HTML:
Code:
<img src="http://www.jamespot.com/userdata/spot/thumb/6b/b6/-1/1220981370.jpg" class="img_logo_spot" alt="" border="0" height="50" width="75">

Bref, vous l'aurez compris, si les images était directement à la bonne taille elle serait non seulement plus belle, mais ce serait aussi un gain de taille pour la page (car une image plus petite est plus rapide à charger).
N'hésitez pas à consulter le dossier référencement. smiley
Sinon hors internet je suis développeur web PHP.
avatar de Tony_
Administrateur
# Le 06/03/2009 à 13h05

Problèmes

Mis à part tout ce qui a été dit, il y a aussi des problèmes par-ci et par-là. Je vais essayer d'en présenter quelques uns en vrac dans ce chapitre.

Liens mal placé

Si vous aller sur n'importe quel type de page profonde, tel un spot sur le Web 2.0, il est chose commune de découvrir que le titre principal est un lien.
L'utilisateur lambda est alors susceptible de cliquer, et deviner où amène ce lien? Exactement sur la même page.
Probablement un moyen détourner d'améliorer le référencement et d'augmenter le nombre de pages vues. smiley

Date au format anglais

Les dates qui sont utilisé sur ce site sont malheureusement au format anglais ou alors elles sont mal représenté. Voici deux exemple de date que j'ai trouvé sur ce site:
Citation : Jamespot
September 9, 2008
2008-10-19 21:54:12

Ce serez tellement mieux de faciliter la lecture des dates pour que tout le monde puisse comprendre. smiley

Mauvaise qualité des images

Précédemment, j'ai dit qu'il y avait des photos trop grande, qui pouvait prendre moins de place. Mais a contrario de cela, on peut aussi remarquer qu'il y a des photos (affichées en grand cette fois-ci) qui sont de très mauvaise qualité.
Voici un exemple de page avec des images de mauvaises qualité, en plus vous verrez sur cette page la non-homogénéité des captures d'écran (l'une est plus grand que l'autre).

Traduire certaine page et mieux présenter le contenu

J'ai découvert des pages qui sont toutes en Anglais, ce qui est impossible à lire pour des utilisateurs français qui ne sont pas parfaitement bilingue.
C'est dommage surtout lorsque l'ont sait que les pages en questions sont la politique du site du point de vue de la vie privée.
D'ailleurs, vous remarquerez que cette page mérite un petit coup de lifting pour qu'elle soit plus présentable.

Poster un commentaire

En tant que simple inviter, vous verrez sur les news une boite de type WYSIWYG dans le but de laisser un commentaire. Pour être gentil vous aurez alors tendance à rédiger un texte, malheureusement lorsque vous aurez cliquer sur le bouton "ajouter le commentaire", le site internet vous demandera de vous inscrire pour publier ce commentaire. smiley

Je trouve cela totalement insupportable. En plus c'est vraiment pas honnête pour les visiteurs qui prennent la peine d'écrire un commentaire.
Les visiteurs prennent de leur temps pour rédiger un commentaire et au final il se rendent compte qu'ils ont été roulé dans la farine. smiley

On découvre alors un côté malsain de Jamspot, ils essaient de tout faire pour qu'on deviennent membre sur le site.

Le marketing c'est bien beau, mais il faut penser à être un peu plus gentils avec ses visiteurs pour éviter de se faire critiquer après. smiley
N'hésitez pas à consulter le dossier référencement. smiley
Sinon hors internet je suis développeur web PHP.
avatar de Tony_
Administrateur
# Le 06/03/2009 à 13h06

Remercier les sources

Il ne faut pas se leurrer, ce sont les membres et les sources extérieurs qui permettent de faire vivre ce site. En d'autres terme, sans ces deux composantes le site serait totalement vide.
Par conséquent, on peut se dire que ce serait bien que les liens vers les articles originaux soit un peu mieux mis en valeur.
Personnellement, la seule chose que je reproche c'est que tous les liens aient seulement le texte "Voir l'article d'origine". Du point de vue référencement ça n'aide pas beaucoup les sources extérieur.

Moi je serais un peu plus partant pour devenir membre sur le site, si les liens vers les articles originaux avaient contenait des mots-clés plus intéressant. smiley

Pour finir

J'espère que ce long feedback leurs sera profitable. Dans le tas d'information cité ici, on découvre énormément de choses qui peuvent être améliorer. Cela prouve que même les gros sites peuvent être optimisé.

Il faut aussi savoir que je ne me suis pas inscrit sur leur service. Je ne sais donc pas à quoi ça ressemble lorsque l'ont est inscrit: peut-être est-ce pire ou alors c'est peut-être mieux.
A voir peut-être dans une prochaine analyse. En tout cas, pour le moment je ne suis pas trop enthousiaste pour aller m'inscrire. smiley

A noter aussi au passage, que même après avoir visité à plusieurs reprise le site, je ne comprend pas vraiment son but (sans m'inscrire). Apparemment le site est scindé en deux, d'un coté un "moteur de news" et d'un autre coté c'est un "outil de partage du Web". A partir de ce que j'en ai vu, c'est simplement un bookmark où les membres présentent le lien avec un petit texte et où il y a un dialogue autour de ce lien. smiley
N'hésitez pas à consulter le dossier référencement. smiley
Sinon hors internet je suis développeur web PHP.
avatar de stc
Membre
# Le 06/03/2009 à 18h25
J'ai regardé un peu le site (pas a fond comme funnycat) et je suis allé faire un tour du coté d'un topic sur le bio ,on y lis a peu prés les mêmes conneries qu'ailleurs même si la mise en page est bien faite ,bon après c vrai que c aux utilisateurs de faire le contenu mais bon a mon avis ça doit être comme partout ,censuré a mort !!!
Sinon l'idée est bonne ça a l'air de bien marcher !!
Tchao
avatar de Tony_
Administrateur
# Le 06/03/2009 à 18h47
Merci pour ce message stc.
Je tiens juste à rajouter un petit commentaire pour préciser que depuis ma petite "analyse" il y a eu du changement. Par conséquent, ne vous inquiété pas trop si le discours que j'ai tenu ne semble pas en adéquation avec l'apparence actuel de Jamespot. smiley
N'hésitez pas à consulter le dossier référencement. smiley
Sinon hors internet je suis développeur web PHP.