[Slideshare] ChallengeMyWebsite – Compte rendu de l’évènement

Mercredi 25 mai, nous avons organisé un évènement un peu particulier : ChallengeMyWebsite. A La Fabrique du Net, on est convaincu qu’il est parfois difficile d’avoir un regard à la fois objectif et critique sur son projet web. C’est justement pour ça qu’on a décidé d’organiser cet évènement, afin de permettre aux porteurs de projet de recevoir des conseils et feedbacks de qualité, gratuitement grâce à l’aide d’experts du digital, tous spécialisés sur un volet du digital.

Alors, ChallengeMyWebsite, en quoi ça consistait ? C’est simple : 5 experts du digital décortiquent, analysent et donnent des conseils et feedbacks sur des projets ou sites web, le temps de courtes sessions de 30 minutes. Nous avions donc 4 porteurs de projet très différents : Winicar, Poiscaille, Inox Design et Welcome To The Jungle. Sur le slideshare qui suit, on vous présente les temps forts de cet évènement, les analyses et les échanges.

Les projets sélectionnés pour participer à ChallengeMyWebsite

Winicar

Winicar est un service 100% online d’achat et vente de voitures d’occasion. C’est en partant du constat que trop souvent, les consommateurs sont vicitmes d’arnaques sur la revente de véhicules d’occasion, que ce soit au niveau de l’état du véhicule ou du paiement, que Winicar est né. Les véhicules sont expertisés, le paiement est sécurisé, garantie et la livraison s’effectue à domicile, autant de services proposés pour changer radicalement la façon de consommer.

Poiscaille

Poiscaille est un service qui propose aux Parisiens la livraison de poisson frais, du producteur jusqu’au consommateur, en travaillant uniquement avec des pêcheurs ayant à cœur la pêche durable. Le fruit de la pêche du jour jour est répartie en casiers dès la sortie de l’eau, transportée dans la nuit et distribuée aux consommateurs via des points relais dans Paris, pour garantir une fraîcheur optimale et en toute transparence.

InoxDesign

Inoxdesign est un site de vente online dédié aux produits en inox, spécialiste de la conception de rambardes et escalier en inox. Des articles haut de gamme, avec des prix pour toutes les bourses, pour lesquels vous pouvez faire une commande sur mesure pour être sûr que l’article convient très bien à votre projet. Inoxdesign propose également des services intéressants, que ce soit pour la livraison, l’installation ou le suivi de votre commande.

Welcome To The Jungle

C’est en partant du constat que la recherche d’emploi sur internet pouvait vite devenir très fastidieuse, que Welcome To The Jungle est né. Fondé en 2014, la jeune entreprise propose de réconcilier candidats et recruteurs. Sur son site web, WTTJ promet de rendre la recherche d’emploi plus humaine. Son fonctionnement est très simple : proposer aux TPE/PME de franchir le cap de la transparence en dévoilant et présentant leur entreprise en vidéo, afin de séduire les nouveaux candidats.

Les experts du digital de la première édition de ChallengeMyWebsite

Pour cette première édition de ChallengeMyWebsite, nous avons choisi d’inviter 5 experts du digital, dans des domaines différents qui nous semblent stratégiques pour analyser un site web de la meilleure façon

• Technique : Alexandre Madonna, CTO de La Fabrique du Net
• Stratégie : Antoine Coubray, Directeur cabinet Custup
• UX : Collectif de designers Yupeach
• Conversion : Quentin Sureau, Consultant webanalyse chez Cartelis
• SEO : Grégoire Vigneron – Consultant  & Directeur digital Oracom

La communauté Slack de La Fabrique du Net, un espace ouvert à tous !

La communauté Slack de La Fabrique du Net continue à vivre en dehors des évènements.
Nous continuons à donner des feedbacks tous les jours dans les domaines du web grâce à la participation bénévole de pleins d’entrepreneurs comme vous !
N’hésitez pas à inviter vos amis depuis la page lafabriquedunet.fr/slack.

Un grand merci à l’ensemble des participants

• les porteurs de projets
• les experts
• le public slack
• les partenaires : Maddyness, Custup, Cartelis, Yupeach

Les analyses des experts en détail

Analyse Technique de Winicar par Alexandre Madonna

Le choix des technologies

Winicar est une marketplace de voitures d’occasions, le site doit donc pouvoir supporter un gros volume de véhicules à présenter sous formes de listes filtrables et de fiches détaillées qualitatives.

En parcourant le site, deux contraintes fortes se dégagent au niveau technique :

• La capacité à fournir une expérience utilisateur fluide sur la ou les pages de listes de véhicules (qui se veulent assez visuelles).
• La minimisation du temps de chargement (raisons SEO et UX) sur les fiches détaillées des voitures qui comportent de très grosses images pour renforcer l’effet immersif

Winicar a fait un choix intéressant en optant pour l’utilisation du framework open source Angularjs pour structurer son côté client. Ce framework, qui est devenu le plus populaire de sa catégorie, est notamment utilisé pour améliorer le rendu et la fluidité des applications web ou de sites très visuels avec des animations et beaucoup d’interactions utilisateurs.

Chez Winicar ça semble un bon choix pour optimiser l’UX de la liste de voitures à acheter (qui constitue le cœur du site), en permettant notamment d’actualiser rapidement les filtres sur un gros volume de véhicules.

Par ailleurs l’essentiel des images (notamment celles des voitures) est hébergé sur un serveur distinct pour améliorer leur temps de chargement, que ce soit sur les listes ou les fiches.

La Performance

Pour mesurer la performance sur Winicar, on va sélectionner quelques pages majeures et représentatives du site : la homepage, la liste de véhicules et une fiche détaillée de voiture à vendre. On va ensuite tester ces pages avec des outils de mesure de perf (entre autres indicateurs) comme :

• Google PageSpeed Insight
• Pingdom Website Speed Test
• GT Metrix
• Dareboost

En termes de temps de chargement, les résultats de Pingdom Website Speed Test sont bons puisque, pour un test effectué depuis un serveur situé en Europe, les pages testées se chargent en 1 à 2s. Le nombre de requêtes exécutées est également bon (50 à 60 environ).

Mais lorsque l’on regarde les notes de PageSpeed attribuées par l’outil de Google on se rend compte qu’il n’est pas tout à fait satisfait pour autant :

• Sur la homepage et la liste de véhicules le PageScore est compris entre 50 et 60 sur desktop comme sur mobile, une note plutôt moyenne.
• Sur la fiche de véhicule, il tombe même autour de 10 !

Ces mauvaises notes ne viennent pas spécialement du temps de chargement global des pages mais du fait que Winicar a encore une certaine marge d’optimisation sur des points clés :

• Le premier point concerne l’optimisation des images. Elles doivent être compressées un peu partout, et notamment sur les fiches produits où il y a des images très lourdes (le chargement d’une fiche pèse environ 10MB avec plusieurs images à plus de 1MB)
• Sur la homepage, certains fichiers images peuvent être redimensionnés à leur taille d’affichage ce qui permettra aussi de réduire leur poids.
• Enfin, sur les fiches produits comme sur la liste des véhicules, les images ne sont pas mises en cache puisqu’elles n’ont pas de date d’expiration définie. Un visiteur qui revient doit donc re-télécharger chaque image même s’il les a déjà consultées.

Remarques diverses

• On trouve des traces d’un script de tawk.to (outil de chat avec les visiteurs) qui est parfois appelé. Pourtant je ne l’ai jamais trouvé dans l’interface lors de mes tests. Est-ce que cet outil est vraiment utilisé ? Sinon il vaudrait mieux retirer l’appel au script.
• Un petit point d’UX à signaler pour finir : sur la liste des voitures, le bouton d’ouverture du panneau de filtres étant aligné à gauche, avec un écran de grande taille il se trouve très éloigné de la zone d’attention de l’utilisateur (sur les véhicules) et l’icône peu explicite n’aide pas à localiser les filtres…

Analyse Stratégie / Identité de Winicar par Antoine Coubray

A propos de la proposition de valeur

• La proposition de valeur est annoncée dès le header : ’Achetez et vendez 100% en ligne’ avec comme promesse la digitalisation de tout le processus.
• Pourtant, la réelle plus-value du service, mise en avant dans la vidéo d’intro notamment, est que Winicar prend tout en charge. « On s’occupe de tout » – la digitalisation est donc peut-être à mettre au second plan, comme RTB de la proposition de valeur.

A propos de l’offre

• La promesse est différenciante, innovante. Je trouve sa démo et affirmation un peu longuette : vidéo = longue, texte pas assez percutant. Comment annoncer encore plus de la simplicité ?
• La garantie de prise en charge à toutes les étapes du processus d’achat / de vente tend à être transcrite dans l’expérience globale d’utilisation du service – qui réussit à proposer des options qui satisferont chaque utilisateur tout en évitant une avalanche d’options et d’informations. Quid d’une promesse d’optimisation?
• Par exemple, « vendez en 10 clics ! » qui permettrait de se différencier (vs. Aramis Auto) en préemptant ainsi la tranquillité d’esprit

Analyse UX / UI de Winicar par le collectif Yupeach

Site très sympa dans l’ensemble ! On comprend rapidement l’offre et les tunnels d’achat et de vente se font avec facilité.

quelques détails d’usage et de hiérarchie qui peuvent être améliorées :

• On a pas la main sur les fonction du lecteur youtube sur la vidéo d’usage

• Comment ça marche peu être amené plus tôt dans le parcours utilisateur et énoncé plus simplement

• Les partenaires seraient moins imposant plus bas

• Un peu plus de marge entre les rubrique aiderai à la lecture globale

Analyse Conversion de Winicar par Quentin Sureau

Page d’accueil

Objectifs : Séparer les vendeurs des acheteurs et les emmener au plus vite dans l’entonnoir. Apporter des éléments crédibilisant sur le site.

• Deux CTA mis en avant ressortent bien et sont très clairs. Il a été néanmoins décidé de mettre le CTA « Découvrez les voitures » en vert, ce qui le met davantage en avant que « Vendre ». Le recrutement des vendeurs me semble théoriquement plus difficile, ce choix m’a donc surpris. Quel a été votre raisonnement sur ce point ?

• Éléments de réassusrance, : Très bien mais le bandeau est trop haut, ce qui fait l’on ne voit pas les partenaires assez tôt, alors que c’est un élément de réaussurance tout aussi fort.

• 150 points d’inspection > s’adresse uniquement aux vendeurs a priori. Il serait peut être plus pertinent de mettre en avant « Achetez & vendez en ligne. Sans bouger d’un pouce. » et de déplacer les 150 points d’inspection sur la page /vendre.

• Pas de « sticky header » > les actions « acheter » et « vendre » pourrait être plus visible une fois que l’on scrolle et que l’on a accès aux éléments de réassurance.

• Je pense que le bandeau témoignage gagnerait à être réduit. Certaines photos sont de mauvaise qualité, et le message passe tout aussi bien sur un format plus petit.

Cela permettrait de mieux valoriser les « Ils parlent de nous »

Vendre

Objectifs : Emmener le plus rapidement sur le formulaire et expliquer le fonctionnement.

Le wording du CTA est surprenant « Obtenir une estimation » : je n’ai pas tout de suite compris qu’il s’agissait d’une estimation du prix de ma voiture. À la place d’un vendeur, j’ai peur de postuler pour un service payant, d’un montant qui reste à déterminer, et que cette page va me permettre de connaître le montant de la commission que je vais devoir payer.

Cette estimation du prix de la voiture est gratuite, ce qui n’a rien de naturel et est une très bonne proposition de valeur. Je pense que expliciter dans le CTA de manière explicite augmenterait largement le taux de clic.

Explication du concept

Je pense qu’il est possible de résumer les trois étapes plus efficacement (sous la forme d’une frise par exemple).

Une fois encore, expliciter que la prestation est gratuite. Des informations supplémentaires sur le business model devrait être accessibles sur cette page.

Formulaire

Objectifs : Taux de validation du formulaire

Globalement très bien fait mais ici encore, aucune précision n’est faite sur le tarif de cette côte personnalisée.

Beaucoup de visiteurs peuvent tomber dans la catégorie « pas concerné » s’ils sont en dehors de Paris, ou cherchent à vendre une voiture avec un kilométrage > 100 000 km.

Pour vous, il peut être intéressant de collecter l’email de ces personnes pour pouvoir les recontacter lorsque votre service sera disponible dans sa région. Cela pourra vous aider à avoir une base d’utilisateur lorsque vous déploierez le service. (edited)

Acheter

Menu des modèles de voiture

• Pas beaucoup de filtres, et une segmentation très légère. Filtrer par prix, par kilométrage, etc, sera à termes inévitable (on vous le souhaite,) et donne rapidement une impression d’exhaustivité.

• Pas convaincu par les « Voitures vendues », je pense que un « Déjà XX voiture vendues sur winicar » est plus efficace.

Fiche produit

Le rapport d’analyse est la grande valeur ajoutée de winicar, et n’est pas très visible à l’heure actuelle.

On pourrait imaginer que les bandeaux caractéristiques du véhicule, Options et « rapport d’expertise » etc. soient par défaut repliés, et qu’un clic sur chaque bandeau déroule l’ensemble des items qui le compose.

Cela permettrait de rapidement donner une visibilité sur l’exhaustivité de la fiche produit.

Paiement

Globalement très bien, quelques remarques très rapides :  

• « Enlèvement chez le vendeur » : Il me parait intéressant de donner la ville où le vendeur réside, sinon il est très difficile de choisir cette option.
• Comptez 46,15 € par cheval fiscal devrait être précisé dans la sidebar récapitulative, à côté de « taxe ».

Point Analytics

• Le tracking (GTM + GA universal) à l’air d’être assez propre. Des événements sont bien intégrés sur l’entonnoir de conversion « Vendre ».

• Pas d’événements sur l’entonnoir « Acheter », ce qui pourrait pourtant vous aider dans l’analyse des parcours utilisateurs.

Analyse SEO de Winicar par Grégoire Vigneron

Première remarque SEO sur l’autorité / difficulté

Secteur ancien, ultra concurrentiel, très mature.

• Très difficile pour un nouvel entrant de faire « autorité » sur les mots clés liées à l’activité.
• Les concurrents ont un volume très important de liens externe (> 400.000 liens pour lacentrale.fr). Il y a donc un long travail de linking à faire.
• L’ancienneté et la taille des sites sont aussi des éléments important d’autorité, qui vont prendre du temps à travailler (taille du catalogue, etc.)
• Probablement une forte dépendance au SEA sur le moyen terme (années) avec des budgets importants et un CPC élevé

Pour dire les choses directement: vous vous attaquer à un des secteurs les plus difficiles en SEO…

Celà n’empêche cependant pas d’améliorer certains points on-site.

Expérience utilisateur

Les moteurs favorisent les sites offrant une bonne expérience utilisateur.

Temps de chargement

• Le temps de chargement est un signal important de qualité, qui influence donc le référencement
• La page d’accueil fait 2,5Mo. C’est beaucoup trop.
• Le poids des images des listes de résultat peut être diminué d’au moins 60% sans perte de qualité. Et de 80% sur la page d’accueil.
• Le temps de réponse côté serveur est très long (900ms en moyenne sur les listes)

Nouvelle fenêtre

• L’ouverture d’un nouvelle onglet au clique sur un lien est considéré comme un élément négatif dans l’expérience utilisateur. C’est un mauvais signal pour le référencement.

Navigation / Mayage interne

• Les principaux critères du moteur de recherche devraient être navigables (pas seulement rendu via js).
• En particulier, on devrait pouvoir naviguer dans les listes par marque (seulement accessible depuis le footer) et modèle.

Balises title et meta description

• Ex. title « Winicar | Achetez une CITROEN DS3 d’occasion et certifiée »
• Ex. description « Un mot du vendeur: Joao S : « Véhicule quasi neuf, très agréable à conduire ! » »

• Il y a des duplications malgrès la faible quantité de contenu. Il est important d’introduire dans les titles des éléments dédupliquant / uniques (par ex. le prix)
• Les mots clés importants doivent figurer le plus « tôt » possible dans la balise title. Ici, Winicar doit donc être en dernier, le modèle en premier.
• Le descriptif est peu… descriptif ici.

• Exemple de title: « Citroën DS3 Noire 11700km à 18990€ – Winacar »
• Exemple de meta description « Achetez une Citroën DS3 3 portes version 1.6 E-HDI 115 AIRDREAM SPORT CHIC. Occasion certifiée par les experts Winacar et Garantie 3 mois. »

Comme dit avant, le défis va être le linking. Et vous avez un énorme travail là dessus avant que l’optimisation interne SEO soit vraiment utile.

Analyse Technique de Poiscaille par Alexandre Madonna

Le choix des technologies

Poiscaille a semble-t-il choisi de construire un site PHP entièrement « fait maison » plutôt que de s’appuyer sur un CMS open source.

Etant donné qu’il s’agit d’une plateforme d’abonnement assez simple dont la valeur ajoutée ne se situe pas au niveau technique, j’imagine que Poiscaille ne possède pas de véritable CTO ou d’équipe technique interne.

Partant de cette idée, pour la version initiale du site, j’aurais donc plutôt opté pour un site sous WordPress (ou autre CMS open source) pour plusieurs raisons :

La vitesse de déploiement

il est généralement plus facile de mettre en ligne rapidement (notamment pour des questions SEO) la base d’un site développé grâce à un CMS (quelques pages et articles) que d’attendre la livraison d’un développement sur mesure.

La captivité vis-à-vis du développeur initial

faute d’un CTO durablement engagé dans le projet (un associé par exemple) et qui maitriserait l’architecture, la maintenance et les évolutions du site devront passer presque obligatoirement par le prestataire initial. Il sera très difficile de transférer la gestion du site à une agence sans le faire redévelopper…

Le manque d’évolutivité fonctionnelle

c’est le corollaire du point précédent, avec une solution homemade fournie par un freelance ou une agence, les évolutions sont dépendantes du propriétaire de la technologie. En revanche un CMS open source populaire dispose de pléthores de plugins gratuits ou payants que n’importe quel freelance peut déployer assez facilement sur un site clean, sans compter les possibilités de dev sur mesure.

L’incertitude sur le niveau de sécurité

même si les CMS open-source ont tous des failles, leur niveau d’utilisation et le volume de leurs communautés de développeurs représentent des garanties sur le long terme qu’aucun développeur seul ou en équipe restreinte ne peut fournir.

Si je ne me suis pas trop trompé sur le manque de compétences techniques internes chez Poiscaille, j’ai peur qu’il ne faille un jour refaire développer ce site sous une nouvelle technologie plus facile à maintenir et faire évoluer. Mon conseil (purement technique) serait alors de le faire le plus tôt possible pour ne pas faire du dev sur le site actuel qu’il faudrait ensuite refaire une 2e fois sur un nouveau site ! (edited)

La Performance

Pour se faire un avis rapide on va sélectionner quelques pages clés à tester avec Google PageSpeed Insight et Pingdom Website Speed Test, disons : la homepage, la page concept, la liste des recettes.

Les deux outils indiquent des performances plutôt moyennes pour l’ensemble des pages testées :

• Temps de chargement de 1,5 à 3s
• PageSpeed score desktop de 60 à 75 selon et les pages et autour de 60 sur mobile

Il n’y a pas de quoi s’alarmer pour autant. Voici quelques indications pour améliorer tout ça :

• Utiliser la mise en cache navigateur des ressources statiques (fichiers JS, CSS, images, …) : voir ici pour en savoir plus
• Compresser les fichiers JS et le fichier CSS : general.css
• Quelques images de la homepage peuvent être allégées (compression/redimensionnement)
• Si pour des raisons de branding le nombre et le poids des images / vidéos devenaient très importants, Poiscaille pourrait envisager de les héberger sur un sous-domaine dédié, voire d’utiliser un jour un CDN

Remarques diverses

• • Sur mobile (test sur un Galaxy S6), lorsqu’on ouvre le menu, seul le texte de chaque item du menu est cliquable et non l’ensemble du bouton, malgré un effet au clic qui donne l’impression que le clic a été pris en compte.
  • Sur la homepage sur mobile et tablette, les icones des medias sociaux se superposent de façon assez vilaine au texte des slides du carrousel.
  • Dans le processus de commande unique, le fait de sélectionner un lieu de retrait sans avoir choisi une date permet de valider la commande mais provoque une erreur PHP bloquante à l’étape suivante.

• Le sujet de l’indexation devra surement être abordé en SEO car j’ai l’impression que Google n’indexe que le homepage (et encore sans meta description !)

Analyse Stratégie / Identité de Poiscaille par Antoine Coubray

A propos de l’offre

Ce que je pense de l’offre

Une offre de produits et de services clairement présentée dès la homepage – le succès de tels systèmes de distribution participe également à la compréhension de l’offre et de son articulation.

A propos de la proposition de valeur

Ce que je pense de la proposition de valeur

• Face aux contraintes logistiques liées au système de colis vs. achats chez le poissonier, l’idée est de mettre en avant les aspects structurants de l’offre. ‘Direct producteur’ : une des RTB, bien mise en avant à travers les contenus du site.
• Une autre piste pourrait être l’éthique, notamment grâce aux techniques de pêche dormantes, techniques douces etc. mentionnées dans les FAQ du site.

A propos du commerce

• Réponses aux ‘freins perçus’ logistiques seulement présentes en FAQ – Quid d’un onglet dédié?
• Et dans le journal de bord, par des screenshot – quid d’un pas à pas simplifié / interactif?

Par rapport aux concurrents directs (autres systèmes types AMAP, poissonniers, GMS) la proposition de valeur est différenciante par la qualité / traçabilité des produits proposés – en revanche l’aspect logistique pourrait constituer un frein à la conversion abonnements : un engagement chaque mois, un investissement temps, encore peu de points de retraits etc. L’idée : rassurer les prospects tout en faisant d’abord levier sur les éléments de désirabilité, afin que le ‘coût’ perçu soit moindre.

Enfin, je trouve que le travail d’argumentation sur les bénéfices de l’abonnement, l’éventuelle progressivité dans l’offre est faible. S’inspirer des maîtres du SAAS, des boxes pour optimiser l’argumentation.

Analyse UX / UI de Poiscaille par le collectif Yupeach

L’identité visuelle est très sympa, et on adore le nom ! Attention cependant a être assez clair sur l’offre proposé à la première lecture de la page et surtout au responsive ! Les photos ne vont pas jusqu’au bord sur la homepage (est un choix) et les onglets sont visibles ou non selon les écrans. Il n’y a pas de lien cliquable sur le premier écran ça donne un effet « landing page ».

Par ailleurs des éléments sympa comme les témoignages ou l’humour sont un peu trop caché et mériteraient d’être mis en valeur graphiquement ( plus gros, couleurs ou contraste)

Attention sur la navbar lorsqu’on clique sur les onglets cela nous renvoie au haut de page ( pas ergonomique) mis à part pour la situation géographique ou la dynamique de navigation est mieux adapté)

Sur les autres pages les photos de témoignages ou de pecheurs ne sont pas tous de la même largeur, essayez de garder une unité visuel. L’ensemble est clair et on comprend bien chaque fonctionnalité.

Dernier détail vous n’avez pas de fav icon ( l’image dans l’onglet de navigation )

Analyse Conversion de Poiscaille par Quentin Sureau

Page d’accueil

Objectif > Diriger les utilisateurs vers la commande.

Le header manque d’un CTA principal. Le bouton « commander » devrait être plus  mis en avant, en le mettant par exemple à la place du logo. Plus globalement le logo devrait être plus secondaire.

Menu

Il ne met pas en avant l’action « commander », il faudrait plus hiérarchiser les éléments qui le compose.

Ex : Journal de bord n’est pas un élément prioritaire, (quelques articles seulement).

Page Commander

Objectifs > Expliquer le concept et diriger l’utilisateur vers le choix d’un casier.

Le premier réflexe est de chercher à connaître quels poissons et quelle quantité de poisson il y a dans chaque casier.

C’est expliqué mais j’ai mis du temps à le voir. « Il est composé en fonction des captures de nos pêcheurs, des tempêtes et des mouvements du poisson.

Chaque casier est accompagné de notre recette préférée, la plus simple possible. « 

Il conviendrait de le mettre beaucoup plus en avant, car c’est l’élément clé du fonctionnement de votre plateforme.

Donner un exemple de la composition du dernier casier de la mer aiderait à rassurer.

L’absence de données sur la quantité de poisson reçu est vraiment problématique. Sans notion de quantité, (en kilos, en nombre de poisson, de personnes, de repas, etc) qu’il est possible de faire avec un panier, Je n’ai aucune idée du rapport qualité/prix et donc de votre positionnement.

De plus, une de mes « angoisses » de parisien, c’est de m’assurer que le poisson ne mette pas une semaine à arriver. Donner le temps de de livraison moyen entre la commande et la réception est essentiel.

De manière plus générale c’est ici qu’il faut accentuer la présence d’éléments de réaussurance. (témoignage client notamment).

La notion d’allergie est surprenante. Si je suis allergique, je peux choisir de ne pas recevoir d’huitre, mais à l’inverse, il m’est impossible de commander un casier exclusivement composé de crustacé ? Je pense que si logistiquement vous êtes en mesure de le faire, offrir un minimum de

possibilité de choix à l’utilisateur peut améliorer votre taux de conversion.

Tous ces éléments sont décrits sur la page concept, mais je pense qu’ils doivent être ré-expliqués de manière claire à cette étape de l’entonnoir de conversion. (edited)

Page casier

Objectif > Emmener sans friction l’utilisateur vers la page de confirmation de commande

J’aurais inversé la carte et le calendrier.

L’horaire auquel on peut retirer le casier dépend du lieu, et c’est en fonction de cela que l’on choisi la date.

L’ensemble de cette page me semble globalement OK

Page Votre Commande

Objectif > Récapitulatif de la commande, plutôt joli, on aurait envie de pouvoir éditer le contenu, passer sur un abonnement, etc.

Analyse SEO de Poiscaille par Grégoire Vigneron

• Belle idée sur un produit / concept de niche.
• Donc probablement peu / pas de mot clés de recherche ciblés.
• Le trafic naturel viendra de la marque, de la viralité et de la communication.

Malgré tout 4 suggestions simples à mettre en oeuvre :

Indexation

• Avoir un fichier robots.txt…

Duplication des balise title et meta description

• Sont les mêmes sur toutes les pages.
• Par exemple pour /pecheurs.html
• Title « Decouvrez les pêcheurs du réseau Poiscaille »
• Meta description « Les pêcheurs du réseau Poiscaille partagent notre vision de la durabilité : techniques de pêche dormantes, valorisation de toutes les espèces, pratiques limitant les rejets. »

Recettes

• Faire 1 vraie page par recette (et non des popins)
• Avoir une petite navigation dans les recettes (pas des listes déroulantes javascript)
• En ajouter régulièrement

Journal de bord

• À retravailler techniquement (les liens ne fonctionnent pas bien)
• Peut-être aller vers une structure minimaliste de blog
• C’est un bon support aussi bien pour le développement de la marque que pour son autorité en référencement

Conclusion

On peut améliorer tout ce qu’on veut, mais c’est authentique.

Je suis fan : si vous ouvrez un « bar à poissons » j’en suis !

Analyse Technique de Inox Design par Alexandre Madonna

Le choix des technologies

InoxDesign est un site e-commerce assez classique construit sur le CMS open source Magento. C’est plutôt un bon choix de technologie au regard du positionnement et de la taille du site.

Magento est en effet l’un des CMS e-commerce les plus poussés d’un point de vue fonctionnel. Il offre pas mal de souplesse pour la gestion du catalogue produit, puisqu’il permet si besoin de gérer facilement beaucoup de produits avec de nombreuses catégories et pas mal d’attributs filtrables.

Magento étant un CMS open source hyper répandu, il dispose donc aussi d’une très grande communauté de développeurs et de forums pour trouver de l’aide.

En revanche, pour tirer le meilleur de Magento et maintenir le site, mieux vaut quand même avoir un développeur PHP (+ front !) en interne qui s’y connaît un minimum ou passer par une bonne agence web. Les dev Magento sont d’ailleurs souvent un peu plus coûteux que sur d’autres CMS e-commerce comme WooCommerce ou Prestashop.

NB InoxDesign semble actuellement tourner sur Magento 1.8, une mise à jour vers la version 2.0 est-elle prévue pour bientôt ? 😉

La Performance

Pour avoir un aperçu de la performance du site on regarde Google PageSpeed Insight ou Pingdom Website Speed Test. On va passer quelques pages représentatives du site à la moulinette : homepage, page de catégorie et fiche produit notamment. (edited)

Dans l’ensemble les indicateurs de performance et les temps de chargement sont plutôt bons sur ces 3 types de pages, même si Google PageSpeed Insight attribue (comme toujours) de moins bonnes notes sur mobile que sur desktop.

PageSpeed Insight indique par exemple encore quelques images à optimiser (taille et/ou compression) sur des fiches produits comme celle-ci (il s’agit en fait des images produits dans les étapes successives du module « Configurez votre garde-corps en 7 étapes).

Mais globalement on sent qu’un certain niveau d’optimisation technique a déjà été atteint, probablement dans une logique SEO. InoxDesign utilise par exemple des sous-domaines dédiés (static.inoxdesign.fr et static2.inoxdesign.fr) pour héberger ses images ce qui permet de les servir plus rapidement, et utilise des fichiers CSS compressés pour en réduire le poids au chargement (une très bonne pratique).

Remarques diverses

• Les images de la homepage se chargent assez lentement sur mobile, notamment le carrousel dont les images ne sont pas redimensionnées sur smartphone (testé sur Galaxy S6).
• Le menu principal ne semble pas très fonctionnel sur iPad en position horizontale (je n’ai testé qu’avec un émulateur au niveau du navigateur). C’est le menu du site desktop qui est affiché alors qu’il est prévu pour s’ouvrir et rester ouvert en hover… ce qui ne marche pas très bien sur iPad ou mobile.
• Il y a un widget de partage social qui ne fonctionne pas en bas de la sidebar des fiches produits (chargement perpétuel sous Chrome). Là où c’est plus gênant c’est qu’il apparaît aussi de façon très visible sur la page panier (cf. zones surlignées en jaune dans la capture) !

Analyse Stratégie / Identité de Inox Design par Antoine Coubray

A propos de l’offre

• Une offre de produits clairement annoncée dès le header sur la homepage. L’offre de services est, quant à elle, est moins mise en avant. Il faut cliquer sur une icône pour comprendre qu’Inox Design offre également un service de pose. (/equipe-poseurs-monteurs-garde-corps )

Ce que je pense de l’offre

La combinaison entre produits et services, clairement définie, permettrait à Inox Design une proposition de valeur plus puissante et différenciante. (edited)

Ce qui est dit sur l’identité

• « Trouver le garde-corps pour son escalier ou sa terrasse, grâce à l’offre sur-mesure d’Inox Design » : Une identité de constructeur qui propose des solutions adaptées à chaque projet. La ‘Reasons To Believe’ à cette diversité de solutions : « Offre constructeur Garde-Corps la Plus large du Marché. »

Ce que je pense de l’identité

• Une identité pragmatique, qui repose sur un savoir-faire tangible. Cependant, pour être réellement différenciant, il manque les la définition d’une vision pour la marque (comment InoxDesign se positionne par rapport aux enjeux de la construction de garde-corps), d’une mission (le rôle que la marque se donne pour incarner sa vision).

En sous-teinte, on peut déceler des valeurs liées à une garantie de sécurité, de choix et de qualité. Ces positions mériteraient plus de place dans le discours de la marque.

A propos de la confiance

• De nombreux éléments de réassurance qui viennent renforcer la confiance des clients et pallier aux manques liés à la dimension online de l’offre.

• Ces éléments mériteraient d’être segmentés pour gagner en clarté – par ex. conception des produits / configuration / SAV.

Analyse UX / UI de Inox Design par le collectif Yupeach

le site est clair d’usage dans son ensemble !

Les onglets et la recherche se fait d’une manière très classique, donc rassurante.

Le défaut le plus marquant est le manque de cohérence visuelle et une identité maladroite, qui manque peut-être d’un partis pris plus fort dans la hiérarchisation des éléments de la landing page.

le design manque en fait d’un partis pris fort.

par exemple :

• La barre de recherche, les visuel publicitaires et la barre de « garanties » ont toutes une identité district. il serai préférable de rendre le tout cohérent, faire des choix.

• La barre noire tout en haut contient des information que l’on a plutôt tendance à retrouver dans le footer, le logo est rogné lorsque qu’on scroll

Analyse Conversion de Inox Design par Quentin Sureau

Page d’accueil

Objectif > Emmener vers les fiches produits ?

Énormément d’informations, la hiérarchisation n’est pas claire et il n’y pas d’action principale qui ressort.

Par exemple : « Partagez sur Facebook pour obtenir 5% » doit être proposée plus tard dans le tunnel. À cette étape, je ne connais pas encore les prix proposés, le détail des produits etc.  

Le deuxième bloc « nos réalisations, Nos magasins, prix sur mesure » ne propose que des actions secondaires dans l’objectif de conversion,

alors que les produits n’ont pas encore été proposés. J’aurais envie d’inverser le cadre de présentation des produits et les trois blocs.

Le cadre « découvrez nos nouveaux » vient polluer la lecture et donne un côté brouillon, alors que les produits sont présentés juste au dessous. Je pense qu’il ne génère pas beaucoup de clic et peut être supprimé.

Clic sur « Faire votre devis en ligne »

Le résultat très surprenant > Bloc de texte et une vidéo. On s’attend à un formulaire, etc.

Pas de CTA redirigeant vers la liste des gardes corps, si bien qu’après avoir visionné la vidéo, on ne sait pas quoi faire.

Page Catégorie

Objectif > Emmener l’utilisateur vers les pages sous catégories.Les sous catégories sont directement présentées, alors que l’on aiemerait pouvoir rechercher directement les modèles de garde corps par prix, etc.

J’imagine que de nombreux clients n’ont pas de conviction forte sur le type de produit qu’ils souhaitent, surtout au sein de catégories du types « Pinces à verre »;

où les valeurs ne sont pas très compréhensibles pour un non connaisseur.

Pages sous catégories

Objectif > Diriger les utilisateurs vers les fiches produitsLe texte est très intéressant pour du référencement, mais il faut que les produits apparaissent au dessus de la ligne de flottaison. Il peut être intéressant d’afficher juste le haut du texte, et de le dérouler avec un « lire la suite ».

On peut facilement choisir des options de pour segmenter les produits, notamment au prix.

Attention, en fonction de votre cible, il convient d’afficher seulement le prix HT ou TTC, le fait de présenter les deux vient complexifier la lecture. (edited)

Fiche Produit

Objectif > Générer des « Configuration produits »Le wording du CTA « Configurez le produit », n’est pas très clair, « Obtenir un prix sur mesure » serait peut être plus efficace ?

Le prix affiché est maintenant « A partir de XXX », ce qui peut être source d’incompréhension.

Configuration du garde corps en 7 étapes

Objectif > Permettre à l’utilisateur de personnaliser sa commande tout en le dirigeant efficacement vers le tunnel de confirmation.

Très peu d’éléments de réassurance visibles à cette étape.  

• Étape 1 > Main courante. On doit choisir une main courante sans photo, ce qui est un vrai frein à la conversion. Ici auss, l’affichage des deux prix (HT & TTC) complique la lecture
• Etape 2 > Globalement OK. il faudrait adapter une présentation similaire pour les mains courantes. Attention lorsqu’il y a plus de 6 types de remplissage, l’affichage sur deux lignes ne fonctionne pas correctement.
• Étape 3 > Le premier élément que l’on voit, c’est Nombre de caractère, alors que c’est une donnée très secondaire. être beaucoup plus directif « en millimètre » pour éviter toute confusion. (Le choix du mm me parait surpenant > est-ce une erreur et l’unité est en mètre ?
• Étape 4 > On comprends désormais que les prix affichés sont en mètre depuis le début. Il pourrait être envisagé d’indiquer l’unité des prix dès les prix catégories. Nombre d’angle : OK
• Étape 5 > Préciser à nouveau que l’unité de prix indiquée est au metre, pour des gens mauvais en mathématique, cela peut donner une impression bizarre. Expliquer également combien de poteau sont prévus pour la taille demandée.

• Étape 6 > Même remarque

• Étape 7 > Pas de présentation, même rapide, des accessoires. Pas de photos, ce qui n’aide pas à sélectionner des options, mêmes susceptibles d’intéresser.

CTA « Ajouter au panier » ne me semble pas assez agressif. Lorsque l’utilisateur a passé autant de temps à préparer son garde corps, il faut l’envoyer au plus vite vers la page de paiement.

Remplacer par « Commander » serait plus efficace. Sur des paniers moyens aussi élevés, les propositions de cross sell doivent être plus secondaires. (edited)

Entonnir de paiement

Objectif > Diriger l’utilisateur au plus vite sur la page de paiementOn rentre dans un deuxième entonnoir, Ca devient vraiment long !  On en est à la 12 étape depuis la page d’accueil, et l’on m’en annonce 5 nouvelles.

Mode de livraison : Il n’y a pas de notion de délai de livraison peu importe les options, ce qui semble pourtant important pour une commande de plusieurs milliers d’euros

Attention, on arrive jusqu’à l’étape « information de paiement » et on a aucun récapitulatif du montant global de la commande, alors que les frais de livraison s’ajoutent.

Il conviendrait d’avoir en sidebar le montant de la commande et, à nouveau, quelques éléments de réassurance.

Analyse SEO de Inox Design par Grégoire Vigneron

Je sais que vous êtes acocmpagnés / conseillés sur le SEO. C’est toujours délicat de commenter le travail des autres, donc je vais essayer d’être le plus concret possible sur un grand nombre de points.

Visibilité et Concurence

• Pour le sprincipaux mots clés, les têtes de résultats sont trustées par des Adwords et Google Shopping (ex. https://www.google.fr/search?q=garde+corps+inox)  

• Même avec un bon référencement naturel, il est indispensable d’être présents en SEA pour être visible.  

• Le site n’était pas présent sur les mots clés testés (en date du 24 mai 2016).

Structure d’URLs et navigation

• La structure des URLs doit refléter la structure / la hierarchie du contenu.  

• Ici les fiches produits sont à la racine du site et non dans des catégories / sous-catégories.  

• Ex. /poteaux.html > /poteaux/depart-mural-de-garde-corps.html > /poteaux/depart-mural-de-garde-corps/plat-solution-murale.html > /solution-plat-depart-mural-garde-corps.html  

• Une structure classique d’URL en ecommerce: /catégorie/sous-catégorie/produit.html

• Sur le même principe, il est recommandé de permettre de retirer certaines parties des URLs.  

• Ainsi avec une URL de base /catégorie/sous-catégorie/produit.html, /catégorie/sous-catégorie/ devrait exister et renvoyer logiquement la liste des produits de la sous-catégrorie.

• Ex. /poteaux/depart-mural-de-garde-corps/plat-solution-murale.html VS. /poteaux/depart-mural-de-garde-corps/

• Attention aux duplications d’URLs (/garde-corps.html VS. /garde-corps.html/)

• Attention au nombre de liens par page, qui diluent leur effet quand ils sont trop nombreux et ne devrait jamais dépasser 100 (la page d’accueil comporte 268 liens!)

• Attention blocs comportant trop de liens: ils sont clairement destinés aux moteurs et non aux utilisateurs et donc pénalisants (40+ liens en footer).

Technique

Il est recommandé de passer en HTTPS (si ce n’est pour le référencement, au moins pour des questions de sécurité sur les pages nécessitant la saisie d’informations personnelles telles que le mot de passe)

Contenu : Il y a de gros problèmes de qualité de contenu. Quelques exemples :

Grammaire et orthographe

• La qualité grammaticale et orthographique est un signal important.

• Ex. /normes-garde-corps : « Les Normes Garde-Corps doivent être respecter » (le contenu de cette page est clairement créé pour des questions de densité de mots clés et non pour l’utilisateur)
• Jusque dans les images…

Keyword stuffing / spamming

• La répétition excessive de mots clés / expressions sur une page a l’effet inverse de celui recherché.

• Ex. /poteaux.html : 144 (!) occurences du mots « poteaux »

• Ex. /blog/choix-rampes-et-garde-corps-d-escalier/ : 70 occurences du mot « garde-corps »

Texte générés automatiquement

• Les contenus générés automatiquement sont considérés négativement par les moteurs. (Voir https://support.google.com/webmasters/answer/2721306)  

• Ils sont de plus très facilement détectables. Quelques exemple d’erreurs typiques d’algorythmes de génération de contenu:

• « La règlementation et la norme d’un garde-corps… et non pas d’un garde du corps … nuance… » (disgression sans logique autre que la répétition de mot clé)

• « Il est capital aujourd’hui de savoir que la quasi-majorité des objets faits en acier inoxydable à l’heure actuelle sont des éléments qui ont déjà étés recyclés. » (répétion d’élément temporel à des fins de dilution)

• « Ce genre de balustrades convient parfaitement à des maisons design aux soupçons inusuels rappelant la new wave. » (erreur de sens)

Enfin les notions d’Authorité / réputation

Sites sattelites

La création de pages / sites sattelites est clairement prohibée et pénalisée par les moteurs.

• L’objectif du site http://www.garde-corps-faraone.com/ (même adresse IP) semble douteuse sur ce point

• De même le lien avec http://www.garde-corps-system.eu/ n’est pas clair.

Liens externes

• Il y a peu de liens externes, et leurs ancres sont uniquement sur la marque ou le domaine. C’est souvent un signal de faible réputation / autorité.

• La source et le contexte de certains liens laisse d’ailleurs peu de doutes sur leur caractère non-naturel.

• Ex. typique: les liens d’annuaires comme http://www.webrankinfo.com/annuaire/site-91477.htm (qui de surcroit est dans la catégorie Annuaire > Bébé enfants ados > Petite enfance > Garde d’enfants > Babysitter …)

Ma conclusion

Il faut arrêter de sur-optimiser le contenu du site pour les moteurs avec des pratiques dangeureuses et pénalisantes (je pense que vous avez pris une mauvaise direction sur ce point): c’est un site ecommerce dont l’unique but / priorité de contenu doit être la transformation.

Analyse Technique de Welcome To The Jungle par Alexandre Madonna

Le choix des technologies

Welcome to the Jungle propose un site dans un style très moderne, avec beaucoup d’images et de petites animations. Le cœur du site repose sur deux listes filtrables d’entreprises et de jobs, présentées de façon très visuelles et qui sont amenées à pouvoir contenir beaucoup de références.

Pour un rendu fluide et une UX sympa se rapprochant d’une application, WTTJ a donc opté pour un site entièrement « fait maison » s’appuyant sur Ruby on Rails, ce qui semble cohérent.

A noter que le plugin Chrome BuiltWith détecte l’utilisation du framework open source Backbone.js pour le rendu client-side de la homepage.

Autre point intéressant, WTTJ semble utiliser la technologie d’Algolia pour optimiser la vitesse d’affichage des résultats de ses moteurs de recherches de jobs et d’entreprises (à noter que la librairie open source instantsearch.js est utilisée en surcouche pour l’UI de ces listes filtrables).

La Performance

Prenons quelques pages importantes du site pour leur faire passer les tests de performance de Pingdom Tools et Google PageSpeed Insight : la homepage, la liste des entreprises et une fiche de job.

La première remarque est que les temps de chargement sont tous très bons. Selon Pingdom Website Speed Test, toutes ces pages génèrent assez peu de requêtes (40 à 84) et ont un temps de chargement de l’ordre de 1s à 1,3s (depuis des serveurs situés en Europe).

Google PageSpeed Insight fournit des notes plutôt bonnes sur desktop (70 à 86), un peu moins sur mobile (55 à 65). Il pointe notamment :

• La possibilité d’optimiser les images sur la plupart des pages en les compressant, notamment les pages de listes où 20% environ du poids des images pourraient être gagnés.

• La possibilité d’allonger la durée d’expiration en cache de quelques scripts js.

Autre élément qui n’est pas du goût de Google PageSpeed Insight, le script instantsearch.js semble être appelé dans la balise <head> de toutes les pages testées, ralentissant (un peu) le chargement du contenu de la page. Ce script est donc appelé sur des pages qui, comme la homepage ou les fiches de jobs, ne semblent pas en avoir besoin. Ne serait-il pas possible de restreindre son utilisation aux pages de listes où il est utile ?

Remarques diverses

RAS de mon côté niveau bug / problème d’UX, bravo le site me semble très clean et agréable à utiliser

Analyse Stratégie / Identité de Welcome To The Jungle par Antoine Coubray

Ce qui est dit sur la proposition de valeur

• Un média avec une double promesse : aider les utilisateurs à comprendre les codes du marché de l’emploi / les assister dans leur recherche avec comme objectif la correspondance avec le projet pro et la personnalité

Ce que je pense de la proposition de valeur

• Une proposition de valeur qui a le mérite de vouloir offrir une plus value par rapport aux sites qui permettent une simple recherche / de simples guides

• En cela, la dénomination de l’offre « Le guide de l’emploi »  est peut-être à revoir pour ajouter la dimension de sélection d‘offres de jobs’ et ainsi faire preuve de la centralisation des services proposées par WTTJ

A propos de l’expérience utilisateur

Ce que je pense de l’expérience utilisateur

• La centralisation se traduit par une grande transversalité des contenus entre eux – best practice :  les fiches entreprises

• En revanche, en terme de recherche d’annonces / d’offres, les fonctionnalités se rapprochent de celles des principaux sites de recherches d’emplois – avec des efforts à noter tels que ‘postuler via linkedin’ qui permet une plus grande rapidité.

Comment travailler la différenciation sur la façon de présenter les postes ? d’interagir avec l’employeur ? de matcher son CV avec les offres (cf. un outil de type HireAbility = analyse de CV et match making) ? J’aimerais qu’une apparence tribale, conviviale… se traduise par une différenciation plus affirmée dans ma façon de chercher, postuler…

Best practice à regarder : Kudoz, le ‘tinder de l’emploi’

Analyse UX / UI de Welcome To The Jungle par le collectif Yupeach

D’abord, nous sommes d’accord avec Antoine Coubray sur ses commentaires de l’expérience utilisateur !

On adore le design de la page ! Peut être un peu proche du style AirBnB mais vous avez raison d’utiliser ce qui marche.

Les couleurs, les typographies, les espaces entre les blocs, pas du surcharge… on dit ok!

L’expérience utilisateur est intuitive et l »univers super sympa !

Je dirais juste attention à quelques éléménts qui se différencie de l’identité visuel :

• Sur la page article, la première photo qui empiète sur la barre est assez maladroite ( trop près des titres,, contour blanc en trop peut être ), même si cela a été vu sur la homepage.

• La barre pour scroller qui apparait et disparait maldroitement à droite de la recherche. (peut être uniquement sur pc) Vous pouvez la mettre ailleurs ou l’incorporer tout le temps pour pas qu’il y ai de mouvement de mise en page inutile (avec une personnalisation dans le style )

• La photo de profil sur la page d’une compagnie fait trop « Facebook » et est assez différente du reste , vous pouvez trouver plus sympa je pense.

Sinon nous avons eu quelques doutes sur le vocabulaire, est il compréhensible au premier abord par tous ? Vous avez des tests ? Si non faites le 😉 Surtout pour « jungle », la « tribu » est plus simple.

On s’est aussi posé la question sur le style décalé du logo, mais d’un autre coté on aime le contraste !

Le petit plus : Les petites animations discretes et efficaces

Le petit moins : changez le gif de chargement

Analyse Conversion de Welcome To The Jungle par Quentin Sureau

Page d’accueil

Objectif > Emmener les visiteurs vers la recherche des tribus.

Le terme tribu est un peu surprenant au premier abord, mais est suffisamment contextualisé pour que l’on puisse comprendre. le CTA est très visible.

Présentation des tribus

Objectif > Emmener l’utilisateur vers les fiches tribus

La page est globalement performante, même si les possibilités de segmentation des tribus est assez pauvre.

Fiche Tribu

Objectif > Emmener l’utilisateur vers la liste des jobs.- La CTA principal « POSTULER » n’est pas très visible, et son wording est surprenant. On s’attend plutôt à une action principale « Voir toute les offres », comme c’est le cas au coeur de la fiche.

• À l’inverse au coeur de la fiche, il pourrait être intéressant de mettre en avant seulement les derniers jobs, mais de permettre d’y postuler directement, avec un CTA « postuler » pour chaque jobs.
• Attention au full width utilisé uniquement sur la fiche tribu, qui perturbe et que casse la hiérarchisation des éléments (Titres, CTA) globalement bonne sur le site.

Conclusion : La fiche tribu est très jolie, mais les informations clés ne sont pas très visibles.

Aucune collecte d’email n’est accessible sur la fiche. Si je suis intéressé par cette tribu, mais qu’aucune offre d’emploi ne me correspond, j’aimerais pouvoir donner mon profil. Il pourrait être intéressant pour vos clients d’avoir accès à l’équivalent de « candidatures spontanées ».

Fiche Job

Objectif > Inviter l’utilisateur à postuler

La fiche job est globalement simple est efficace.

Autres remarques

Présentation des Jobs

La recherche par jobs, plutôt que par tribu, n’est pas mise en avant, alors que je pense que c’est une approche complémentaire qui convient à un bon nombre d’utilisateur

Une idée serait de la présenter lors de la recherche par tribu.

XXX tribus pour votre recherche > Rechercher par job.

Moteur de recherche

Le moteur de recherche est très performant et gagnerait à être mis en avant dès la homepage, ainsi que sur les pages /jobs et /tribu, où il pourrait être centré.

C’est mon analyse la plus courte, pour la simple et bonne raison que j’ai trouvé le site très efficace dans l’ensemble

Analyse SEO de Welcome To The Jungle par Grégoire Vigneron

J’aime quand on sent que « ça maitrise » derrière!

Du coup je ne sais pas si je vais vous dire des choses que vous ne savez pas déjà.

And you’re a very sexy girl

That’s very hard to please

(Note: pour suivre il faut connaitre la chanson Welcome To The Jungle… 😉

Côté communication / contenu

• Tout d’abord le choix de la marque n’est pas simple en terme de SEO (les références à la chanson de Guns N’ Roses sont omniprésentes)
• De plus le secteur est particulièrement concurentiel sur le référencement naturel  et difficile d’accès pour un nouvel entrant

If you want it you’re gonna bleed

But it’s the price you pay

And you’re a very sexy girl

• À court terme il semble difficile de développer le trafic naturel autrement qu’autour de la marque / accès directs.
• Il y a donc un gros travail de communication / réputation à faire autour de la marque (médias sociaux, relation presse, etc.) afin d’assoir l’autorité du site / nom de domaine

Le choix des mots clés

• Il faut faire attention à ce que le travail d’orientation / d’image de la marque ne viennent pas pénaliser le référencement naturel.
• Ainsi il faut garder à l’esprit que si les mots « jungle » et « tribu » participent à la marque, ils ne font pas partie de la sémantique liée à l’activité (recherche d’emploi / recrutement). Ils ne sont pas utilisé par les internautes cherchant un emploi, et ne les amènerons donc pas à votre site.
• Il est donc important de trouver dès la page d’accueil un équilibre entre le branding et certains mots clés de l’activité.

• Par exemple le mot « offre » figure 0 fois sur la page d’accueil contre 6 fois le mot « tribu »
• Le mot « entreprise » figure 4 fois sur la page d’accueil, contre 6 fois le mot « tribu »

• De même si le mot « job » est pour sa part dans la sémantique de l’activité, il ne fait pas partie du vocabulaire de recherche (« offre d’emploi » vs. « offre de job »)
• Ainsi le mot « emploi » figure 1 seule fois sur la page d’accueil, contre 27 fois les mots « job » (c’est d’ailleurs trop).

Le côté un peu plus technique

Moteur de recherche

• Les pages de moteur sont « vides » sans l’exécution du script instantsearch.js

• https://webcache.googleusercontent.com/search?q=cache:US-cdJZq2lcJ:www.welcometothejungle.co/jobs+&cd=2&hl=fr&ct=clnk&gl=fr

• https://webcache.googleusercontent.com/search?q=cache:ck6fl-zH9MIJ:www.welcometothejungle.co/companies+&cd=3&hl=fr&ct=clnk&gl=fr

• Il serait préférable d’avoir un rendu côté serveur navigable sur les principaux critères afin d’améliorer le maillage interne, et de faciliter les liens externes ciblés vers les pages de listes.

• Par exemple, aujourd’hui je vois difficilement comment faire un lien vers la liste des annonces « développeur python »

Quelques conseils classiques pour les pages de moteur (qui sont autant SEO qu’UX d’ailleurs)

• Il faut éviter les titres de pages générique (« 182 tribus pour votre recherche », « 726 jobs pour votre recherche »).
• Il serait préférable de reprendre le principal mot clé de la recherche (« 31 entreprises e-commerce », « 34 emplois Développement Fullstack »)
• Avoir des URLs intelligibles serait un signal positif pour le référencement (par ex. les arguments de l’URL (/jobs?q=&hPP=30&idx=Job_production&p=0&hFR[profession.lvl0][0]=Tech%20%3E%20D%C3%A9veloppement%20Fullstack&is_v=1 sont assez obscures…)

URLs

• Le site est en français mais les URL sont en anglais (/companies, /companies/voyages-sncf-com/team, /companies/kpler/jobs)

Contenu et duplication

• Le principal contenu sur les entreprises (texte de présentation en colonne de gauche des pages companies) est dupliqué sur les pages team et jobs de l’entreprise.
• Il serait préférable de ne reprendre qu’un court extrait.
• De même, ces pages ont le même titre <h1> (le nom de la société présentée).
• Il faudrait essayer de garder une cohérence avec la balise meta title de ces pages, pour laquelle la différenciation a été faite (« L’équipe Kepler », « Offres d’emploi chez Kpler »)

Conclusion

Ce ne sont que des pistes d’optimisation. Comme dit en intro le plus gros du travail va être sur la réputation qui génèrera du linking. Ce qui vous laisse du temps pour tous les détails « onsite » de SEO.

And when you’re high you never

Ever want to come down, YEAH!