- Speaker #0
Bonjour et bienvenue dans ce nouveau Restrito, le podcast de l'agence Adverti. Tous les 15 jours, notre équipe vous propose une table ronde avec un concentré d'infos qui stimule votre créativité et offre une bonne dose d'astuces à actionner. Stratégie, réseaux sociaux, référencement, marketplace,
- Speaker #1
analytics,
- Speaker #0
tous nos sujets de prédilection sont passés au crible sous forme de retours d'expériences, de conseils et d'analyses des tendances. N'hésitez pas à vous abonner. Pour ma part, je m'appelle Emeline Foissey et je suis la cofondatrice de l'agence Adverti. une agence de communication spécialisée dans le web basée dans la jolie ville de Troyes. Mon équipe et moi-même accompagnons des PME,
- Speaker #1
des grands groupes,
- Speaker #0
des institutionnels, des e-commerçants et des start-up dans leur stratégie de communication digitale. N'hésitez pas à vous renseigner sur notre site web agence-adverti.fr ou encore à nous envoyer un email sur ristretto-adverti.fr Bonne écoute !
- Speaker #1
Bonjour à toutes et à tous et bienvenue dans ce nouvel épisode du Ristretto. Aujourd'hui, exceptionnellement, on enregistre l'émission dans nos locaux. Il est donc possible que vous ayez un petit peu plus de bruit de fond que d'habitude, en fonction de la magie que notre collègue Simon, qui se cache toujours derrière le montage de nos podcasts, arrivera à faire. Aujourd'hui, on a décidé d'aborder un sujet clé pour toute entreprise déjà bien installée, la refonte de sites web. Qu'il s'agisse d'un site vitrine ou d'un site e-commerce, quelles sont les étapes à suivre pour ne pas se tromper ? Comment éviter les pièges courants qui peuvent coûter cher en temps et en ressources ? Et surtout, quelles sont les bonnes pratiques pour... pour réussir cette transition. Pour discuter de tout ça, j'ai le plaisir et l'honneur d'être accompagnée de Fanchon Urbès, développeuse WordPress et Shopify à l'agence. Ensemble, nous allons partager nos astuces et retours d'expérience pour que la refonte de votre site soit une réussite. Chers auditeurs et chères auditrices, je vous propose de commencer. Chonche, quels sont les signes qui montrent qu'une refonte de site web est nécessaire ?
- Speaker #2
En général, le premier cas, c'est quand même le design. Quand le design, ça peut quand même assez vite vieillir les tendances. Ça évolue assez rapidement. Souvent, on se rend compte que notre site n'est plus trop à jour en termes de design et d'ergonomie. C'est ce qui fait bien souvent qu'il y a une refonte. Après, il y a d'autres aspects qui vont être plus l'ergonomie de la navigation dans le site. Finalement, est-ce que le menu correspond encore assez à ce qu'on veut mettre en avant ou pas ? Il y a aussi des aspects techniques. Est-ce que le site est responsive ? Normalement, en 2024, vous avez tous un site responsive. En tout cas, j'espère.
- Speaker #1
On rappelle qu'aujourd'hui, c'est 60% du trafic qui se fait sur mobile. Donc, on ne peut pas se permettre de ne pas avoir un site qui soit responsable.
- Speaker #2
Oui, donc ça, ça fait partie effectivement des petites choses qui font qu'on peut faire une refonte. Et puis après, il y a aussi, est-ce que l'entreprise veut changer d'objectif ou pas ? Est-ce que finalement, elle veut communiquer tout autrement que ce qu'elle faisait auparavant ? Il y a aussi le SEO qui peut aussi être effectivement déclencheur d'une refonte parce qu'il faut le refaire totalement ou pas.
- Speaker #1
On s'aperçoit aussi que parfois, les entreprises qui avaient un simple site vitrine souhaitent se lancer dans le e-commerce. Et dans ce cas-là, changement d'objectif complet et refonte de site qui est nécessaire.
- Speaker #2
Effectivement, là, c'est un gros bouleversement.
- Speaker #1
D'ailleurs, qu'est-ce qu'il y a de la différence entre une refonte complète et simplement des ajustements mineurs, on va dire, sur un site web ?
- Speaker #2
Alors, la refonte complète, du coup, si on prend par exemple le cas d'un WordPress, généralement, on va changer complètement de thème, on change complètement la structure du site. Donc on vient pas juste changer une petite couleur ou changer un bouton, quelque chose comme ça. On vient vraiment toucher à toute la structure du site, donc on est sur une refonte.
- Speaker #1
Donc changement total de design, potentiellement changement de menu, etc. Ça marche. Et du coup, on sort en plus d'un rendez-vous où on parlait justement de refonte de site web, littéralement. Il y a quand même toujours un risque, surtout en termes de référencement naturel. Est-ce que tu peux nous en dire un peu plus sur le sujet ?
- Speaker #2
Alors, c'est vrai que ça fait souvent peur. On se dit souvent, Refonte, est-ce que je vais perdre mon SEO ? Est-ce que je vais perdre tout mon trafic, mon référencement, tout ça ? Il y a un risque, effectivement. Maintenant, si les choses sont faites correctement en amont, on va vraiment pouvoir limiter l'impact de la Refonte sur ce référencement. En soi, si vous ne changez pas tout votre contenu, il n'y a pas de grande raison que votre référencement soit impacté. Sauf si, évidemment, vous mettez, par exemple, sur un WordPress, un thème qui est très lourd à charger et que les performances du site deviennent complètement nulles. Là, effectivement, il y aura un impact sur votre référencement. Mais si, en amont, vous faites un état de l'existant, que vous répertoriez toutes vos URL, etc., et que pendant que vous faites votre refonte, vous vous assurez que s'il y a une URL qui change, vous indiquez bien à Google que l'ancienne URL va basculer sur la nouvelle URL, etc. normalement l'impact il est minime. Mais il faut effectivement prendre le temps en amont de faire une analyse de l'existant pour bien tout répertorier et ensuite bien indiquer à Google ce qui change.
- Speaker #1
Ok parce que du coup là si on parle en termes d'erreurs dans le cadre d'une refonte et pour du référencement naturel, c'est quoi l'erreur la plus fréquente ?
- Speaker #2
C'est bien souvent ça, c'est un oubli de redirection. Souvent on profite de la refonte pour faire un aspect visuel qui change mais aussi un changement dans le contenu et bien souvent on en profite pour changer l'URL d'une page, pour la simplifier, pour la rendre plus SEO-friendly, etc. Mais on oublie d'indiquer à Google que cette page a changé d'URL. Donc, on oublie de faire la redirection. Et là, ça arrive quand même assez souvent. Et là, du coup, c'est catastrophique parce que Google, quand il va avoir indexé votre ancienne page, votre nouveau site va être mis en ligne. Et puis, quand les gens vont tomber dans l'index Google où il y a votre ancienne page, ils vont cliquer dessus, ça va faire une erreur 404. Voilà, c'est pas bon, quoi. Donc il faut bien penser à faire ces redirections, ça c'est vraiment l'erreur qu'on voit très très souvent.
- Speaker #1
Ça marche. On pourrait aussi parler de l'environnement de test sur lequel les sites sont créés. Parce que bon, on a déjà vu des choses.
- Speaker #2
Oui, on a déjà vu des refontes en live. On évite, si vous pouvez travailler sur un environnement de test, effectivement, faites-le. Comme ça, en plus, vous avez vraiment la possibilité de prendre votre temps déjà, de tester. Ça sert à ça, évidemment. On a déjà eu des cas où on a eu des environnements de test, mais en fait, ça n'a pas été testé. Bon, c'est un peu dommage parce que ça sert quand même à ça. Donc oui, faire les choses, faire la refonte correctement, en prenant votre temps, en testant bien tous vos liens, en regardant bien que vous avez fait toutes vos redirections, que tout est bien fonctionnel, que le site charge correctement, qu'il n'y a pas de problème technique. Et une fois que vous savez que vous êtes prêts, là, vous basculez en ligne. Mais c'est vraiment important de faire cette petite phase de test avant la mise en ligne. Et justement, si vous avez un environnement de test, prenez le temps, en fait. Tout à fait.
- Speaker #1
Et puis, on parlera aussi de tout ce qui se passe au moment de la mise en ligne. Alors déjà, pas de mise en ligne un vendredi. toute agence autoprestataire externe normalement on a bien conscience de cet aspect parce que oui quand on met en ligne parfois il peut y avoir quelques petits ratés ou autres même si tout est fait dans les règles de l'art au niveau de l'environnement de test donc on évite les mises en ligne le vendredi on surveille les erreurs de navigation aussi avec la search console et puis on l'a dit même si c'est fait dans les règles de l'art une refonte. Il y a un vrai risque quand même en termes de SEO, et on insiste dessus, on n'est pas en train de vous vendre du rêve. Mais par contre, ce qui peut être envisagé pour tenter de pallier une perte de référence naturelle et donc une perte de trafic potentiel, c'est éventuellement d'activer une campagne SEA ou d'augmenter un budget SEA, donc Google Ads, afin de pouvoir tenter de continuer à attirer du trafic et voir ce que ça dit sur une période qui peut être juste de quelques semaines ou quelques mois.
- Speaker #2
Il ne faut pas hésiter aussi, on peut mettre des petits outils comme Odjar sur le site, une fois que la refonte est passée, que vous avez mis en ligne votre nouveau site. Ça permet de voir au moins les premières sessions, de voir s'il y a des problématiques que les gens peuvent rencontrer que vous, vous n'avez pas forcément rencontré ou vous n'avez pas détecté tout de suite.
- Speaker #1
Tout à fait, en plus, ça permet de voir la navigation sur PC, sur différents navigateurs. Vous avez aussi cette information-là qui remonte. Et aussi sur mobile, selon si c'est sur iPhone, sur Android, etc. Donc typiquement, ça permet de voir s'il y a des choses qui sont bloquantes et que vous auriez raté. lors de l'analyse en environnement de test.
- Speaker #2
Et bien utiliser évidemment Analytics, la Search Console, les autres outils habituels pour surveiller le trafic et la navigation.
- Speaker #1
Dans le cadre d'une refonte, on parlait justement d'un client qui veut refaire son site, mais qui passe de beaucoup de contenu sur une page à peu de contenu sur une page. Qu'est-ce qu'on lui recommande ? parce que là, il y a quand même un vrai danger. C'est-à-dire que si cette page était déjà référencée sur certains mots-clés et que pour des questions soit d'esthétique, soit d'ergonomie, soit parce que tout a été repensé, on passe à une page plus courte. Qu'est-ce qu'on recommande à ce client-là ?
- Speaker #2
Du coup, c'est un peu faire de cette page un genre de sommaire, si je puis dire. Créer une page complète qui va, du coup, dans son contenu, vous renvoyer vers les sous-pages, en fait, avec des liens, tout simplement. Donc, oui, une espèce de page sommaire dans laquelle... On renvoie vers les sous-pages.
- Speaker #1
Ok, top. Et en termes d'expérience utilisateur, qu'on appelle aussi UX, c'est quoi l'erreur que tu vois la plus souvent ?
- Speaker #2
Les menus trop originaux. Les hauts de site, les en-têtes de site, l'arrivée sur le site qui est trop original. Ça, parfois, on nous demande des trucs... Alors, c'est hyper sympa visuellement et ça peut marcher dans certains secteurs d'activité, type photo, vidéo, des métiers qui sont artistiques. Il n'y a pas de souci, mais... Parfois, on a des secteurs qui sont plus classiques où on nous demande vraiment des entêtes de sites qui sont très originales. Et on oublie que le principe du site, c'est quand même que le visiteur arrive dessus, puisse naviguer facilement et trouver rapidement ce qu'il veut dessus sans avoir à cliquer partout et à devoir chercher comment ça marche. Des fois, je me souviens avoir des demandes où il y a trois menus dans le header. Il y a un menu burger, il y a le menu PC et puis il y a un autre petit menu qui est un peu... additionnelles pour d'autres infos qui sont moins importantes. Mais c'est trop. Il ne faut quand même pas oublier que, oui, il ne faut pas que le visiteur se perde sur le site.
- Speaker #1
Et si on repense aux différentes étapes de nos refonds, c'est quoi les étapes incontournables ?
- Speaker #2
Alors, déjà, on va analyser l'existant, forcément. C'est ce qu'on disait tout à l'heure, pour répertorier toutes les URL, ces choses-là, voir ce qui ne va pas sur l'existant, faire un audit, finalement. du site tel qu'il est actuellement. Ensuite, on va travailler sur un serveur test. On ne travaille pas en live, c'est ce qu'on disait tout à l'heure aussi. On prend le temps de bien faire la démo. Ensuite, on teste tout. Une fois que c'est prêt, on bascule, tout simplement.
- Speaker #1
Petite étude de la concurrence aussi, qui peut donner des infos intéressantes. Quelles sont les informations que les concurrents mettent en avant ? Comment est-ce que le client qui est en train de refaire son site peut avoir une... des éléments différenciants, des arguments différenciants qui peuvent apparaître sur sa page d'accueil, par exemple. Donc, oui. Et bien évidemment, si jamais il y a un cahier des charges...
- Speaker #2
Oui, enfin,
- Speaker #1
en bonne et due forme. Parce que je vous rappelle que, pour le coup, en agence, allez, s'il y a 80 à 90 des clients qui arrivent sans cahier des charges...
- Speaker #2
Exactement. Du coup, c'est pour ça que je n'y avais même pas pensé parce qu'en fait, c'est tellement peu courant finalement qu'on en est.
- Speaker #1
Et on parle parfois même de très belles boîtes avec... avec la PME bien installée et qui n'a pas formalisé ses besoins dans un document. Alors, on le rappelle, ça peut être un simple document Word, ça peut être un PowerPoint, ça peut être ce que vous voulez. Mais en tout cas, il y a quelque chose qui vient rappeler, OK, aujourd'hui, avec le site qu'on a à l'heure actuelle, voilà nos problématiques, voilà ce qu'on aimerait avoir, que ce soit en termes de fonctionnalités, que ce soit en termes de back-office aussi. Enfin, voilà, tout bien listé. Et ensuite, nous, sur lequel on peut s'appuyer et qui nous permet aussi d'estimer au mieux le temps qu'on va passer à la création du site web et aussi tout simplement, est-ce qu'on est capable aussi tout simplement de nous accompagner sur le projet ? Parce que parfois, on s'aperçoit qu'il y a une partie que vous, vous désirez. Et en fait, il s'avère que c'est possible uniquement avec du développement sur mesure. Ça, ça nous est déjà arrivé. Alors nous, on travaille avec nos copains de l'agence WebUp qui sont au-dessus de notre agence et on va pouvoir justement prendre en charge cette demande parce qu'on sait qu'on va pouvoir les solliciter sur la partie sur mesure. Mais malgré tout, quand tout est formalisé dans un document, au moins, on sait où on va.
- Speaker #2
Oui, tout à fait.
- Speaker #1
Je pense qu'en vrai, dans les étapes, il y a aussi tout ce qui est phase de maquettage. Qu'est-ce que tu en penses ? Comment est-ce qu'on fonctionne, nous, à l'agence ? Est-ce que tu peux en dire un peu plus à nos auditeurs, à nos auditrices ?
- Speaker #2
Oui, alors effectivement, nous, on fonctionne un petit peu différemment des autres agences. Souvent, elles proposent des maquettes complètes du site, soit des wireframes, soit vraiment tout le visuel terminé de chaque page.
- Speaker #1
Un wireframe juste pour notre audience ?
- Speaker #2
Un schéma grossier. si on peut dire, un schéma grossier de la page avec les blocs images, blocs textes, boutons, mais sans le design, on va dire. Ou des maquettes effectivement complètes, où là, on a tout le design. Nous, de notre côté, on fonctionne différemment. Nous, on a tendance à plutôt commencer par proposer directement une page d'accueil. Donc, je ne fais vraiment même pas de wireframe ou de maquette, Marine non plus d'ailleurs. On y va directement sur la page d'accueil en fonction de ce qu'on a compris du besoin du client et évidemment de la charte graphique du client. Et on voit ensuite avec le client si ça va dans le sens qu'il espère, si ça lui plaît. Et si c'est OK comme ça, on déroule ensuite les autres pages.
- Speaker #1
Ça marche. Et du coup, la raison pour laquelle on ne propose pas de maquette, il faut quand même indiquer pourquoi, c'est qu'initialement, il y a très longtemps, on avait commencé comme ça, en proposant tout de suite les pages d'accueil, et qu'on a rarement eu des problèmes en fonctionnant de cette façon. Et qu'il ne faut pas oublier que tout simplement, la partie réalisation de la maquette représente tout simplement un coût.
- Speaker #2
Oui. Après, il y a certains sites où le client nous demande des maquettes. Donc là, quand c'est comme ça, effectivement, parfois on nous a dit, est-ce que je peux avoir trois propositions de pages d'accueil ? Bon, là, oui, effectivement, on va les faire. Mais c'est vrai que de base, on y va sur une page d'accueil et on voit ensuite avec le client s'il y a beaucoup de retours ou pas.
- Speaker #1
Mais même quand au final, on nous demande trois propositions de pages d'accueil, enfin, eux nous demandent trois propositions de maquettes et on en arrive quand même à faire trois propositions de pages d'accueil directement dans l'environnement de test. Oui,
- Speaker #2
exactement.
- Speaker #1
Super. Juste avant de mettre en ligne un site, les dernières vérifications dont tu m'as dit, on clique partout, on vérifie que les redirections sont bien faites et tout, est-ce qu'il y a d'autres choses que tu ajouterais ?
- Speaker #2
Le responsive à vérifier évidemment, et puis la compatibilité sur les autres navigateurs, ça c'est aussi quelque chose à bien regarder. Mais le responsive, c'est super important et vraiment le faire sur un vrai mobile. Alors bien souvent, l'outil de votre navigateur qui permet de voir un responsive fonctionne bien. Mais je sais que nous, on a des petites surprises souvent avec Elementor, par exemple, où en fait, quand on fait un aperçu, ça va très bien. Et en réalité, quand tu es sur mobile, tout est décalé. Donc voilà, il faut y penser. Donc oui, bien tester sur un vrai environnement, ça peut rester quand même toujours mieux, effectivement.
- Speaker #1
Vérification de la conformité légale, les cookies, potentiellement avec des outils comme Acceptio, Sirdata, etc. Oui, j'en vérifie.
- Speaker #2
Et puis faire un petit tour aussi, tout ce qui est SEO, balise title, metta description, revérifier que les URL sont propres, que toutes les redirections ont été faites.
- Speaker #1
Le poids des images, tout ça.
- Speaker #2
Oui, le poids des images, effectivement, qu'il faut penser à bien optimiser, le poids à la dimension. Et puis le format aussi, est-ce que c'est du WebP, est-ce que c'est du PNG, JPG ?
- Speaker #1
Est-ce que tu peux nous en dire un peu plus sur ce que c'est le WebP ?
- Speaker #2
C'est un nouveau format qui est sorti il y a quelques années, qui est vraiment dédié au web. Donc, c'est vraiment pensé pour ça.
- Speaker #1
C'est un format d'image.
- Speaker #2
Oui, c'est vraiment un format d'image. A le même titre que tu as JPG, PNG, etc., tu as WebP, qui est vraiment un format dédié pour le web et qui est du coup vraiment plus léger que les autres formats.
- Speaker #1
Donc, c'est celui à privilégier,
- Speaker #2
si je m'en souviens bien. Oui, tout à fait.
- Speaker #1
Bien évidemment, la mise en ligne d'un site post-refond, ce n'est qu'une étape. Derrière, il y a tout ce qui est la communication. Comment est-ce que vous allez communiquer sur le fait que... ça y est, une nouvelle version de votre site est en ligne. Alors ça peut être une newsletter, ça peut être des posts sur les réseaux sociaux, ça peut être la mise en ligne, on en parlait tout à l'heure, d'une campagne Google Ads pour pouvoir booster un peu le trafic. Mais voilà, il faut vraiment le considérer comme une étape et non pas comme une fin en soi. C'est encore quelque chose qu'on voit chez certains clients, pour le coup plutôt chez les petites entreprises qui vont avoir débloqué un budget spécifique à la refonte et qui oublient un peu la suite alors qu'en fait, c'est vraiment la première étape.
- Speaker #2
Oui, tout à fait.
- Speaker #1
Quels sont les indicateurs de performance, les fameux KPI, qu'on va surveiller pour valider la réussite d'un projet de refonteur ?
- Speaker #2
Alors, on en parlait un petit peu tout à l'heure. Toutes les indications type nombre de visiteurs, est-ce que le temps de chargement est bien ou pas ? Est-ce que les gens arrivent à naviguer correctement sur le site ? Tous ces indicateurs qu'on trouve dans Analytics, dans la Search Console, ça c'est des points qu'il faut vraiment aller vérifier effectivement. Si on se rend compte qu'en fait le site met 5 secondes à charger alors qu'avant il en mettait 3. Peut-être un petit problème au niveau de la refonte, effectivement. Si pareil, on voit qu'il y a une grosse chute du temps, peut-être passé sur les pages, des pages similaires que vous n'avez pas forcément changé en termes de contenu, il y a peut-être quelque chose dans l'ergonomie qui fait que la personne finalement ne lit plus, alors qu'avant elle venait lire. Est-ce que c'est un bouton qui a attiré l'attention, qui fait que la personne part ou autre ? Mais voilà, il y a toutes ces choses-là à bien regarder, effectivement.
- Speaker #1
Je ne sais pas si tu l'as dit, mais bien évidemment, le taux de conversion du site, tout simplement aussi, dans le cadre d'une refonte, l'objectif c'est d'avoir... un taux de conversion en hausse. Donc en effet, s'il est en chute, là, c'est qu'il y a quelque chose à aller creuser. Est-ce qu'en effet, c'est une perte de référencement naturel ? Est-ce que c'est une perte de trafic ? Non, il n'y a pas de tout ça. Mais par contre, une fois sur le site, les gens sont perdus, ne trouvent pas les infos, ne trouvent pas comment vous contacter, etc. Et donc, résulte en une perte de taux de conversion. Ça marche. Je change juste une question, un petit aparté sur la partie e-commerce. je repense à un cas spécifique d'un client qui avait six fois le même produit, mais avec des lots, un produit, un lot de 1, deux produits, un lot de 2, de 6, de 12, de 24, etc. Et on avait des pages qui étaient référencées correctement, enfin, on avait des pages produits qui étaient référencées correctement sur des mots-clés spécifiques, mais certains sur le lot 1, d'autres sur le lot 12, d'autres sur le lot 24. Comment est-ce qu'on fait dans le cadre d'une refonte en e-commerce pour pouvoir gérer c'est problématique là, parce qu'en vrai, ce n'est pas l'idéal.
- Speaker #2
Non, ce n'est pas l'idéal, effectivement. Il vaut mieux avoir une seule page avec plutôt des variantes dans la fiche produit, donc des petits boutons à cliquer pour choisir le lot à cet endroit-là. Mais effectivement, quand on fait la refonte, je vais encore revenir là-dessus, mais toujours faire la redirection, du coup, dire le lot 2 finalement est devenu une fiche unique, le lot 3 est devenu une fiche unique, etc. Pour bien pallier à ça, effectivement.
- Speaker #1
Ça marche, merci. Je crois... On arrive à la fin de cet épisode. Change, est-ce que tu as des choses à ajouter ? Non, ça a été rapide.
- Speaker #2
Je pense qu'on a été efficaces.
- Speaker #1
Eh bien, parfait. Du coup, en effet, c'est la fin de cet épisode consacré à la refonte de sites web. Un grand merci, Change, pour tes précieux conseils, toujours très concrets et très enrichissants. Chers auditeurs et chères auditrices, j'espère que vous repartez avec des idées claires et des outils pratiques pour vos projets de refonte. En attendant, pour ma part, je vous dis à dans 15 jours.
- Speaker #2
À bientôt.
- Speaker #0
Voilà, notre podcast est terminé. Si celui-ci vous a plu, N'hésitez pas à nous laisser 5 étoiles sur votre plateforme d'écoute préférée. Cela nous sera d'une grande aide pour faire connaître ce podcast à un maximum de monde. Vous avez des questions ou souhaitez échanger avec nous sur le contenu de ce podcast ou toute autre chose ? N'hésitez pas à nous contacter via nos réseaux sociaux ou sur ristretto.fr.
- Speaker #1
A très vite !
