Refonte de site internet : 10 étapes pour réussir la vôtre

Votre site internet est obsolète ? Vous changez de positionnement ou de stratégie ? Vous mettez en place une stratégie d’inbound marketing ? Les raisons d’envisager une refonte de votre site web ne manquent pas. Attention toutefois de ne pas considérer la refonte comme un simple coup de peinture sur l’existant ou un changement d’identité visuelle mais comme un projet stratégique répondant à des objectifs précis. Nous vous livrons nos conseils pour réussir votre refonte en 6 étapes.

Dans cet article, nous aborderons :

• Qu’est-ce qu’une refonte de site ?
• Pourquoi refondre son site ?
• Refonte ou inbound marketing, pourquoi choisir ?
• 10 étapes pour bien refondre son site 
• Les bonnes pratiques pour réussir votre refonte de site web

Vous cherchez plutôt un cahier des charges pour une application ? Notre client Keleo a fait ce super article sur le sujet.

01. Qu’est-ce qu’une refonte de site internet ?

Une refonte de site internet consiste à modifier en profondeur son site web. Il s’agit d’une intervention de fond sur l’aspect visuel, technique et structurel d’un site internet.

Selon la motivation de votre projet de refonte, les modifications seront plus ou moins conséquentes, c’est pourquoi l’audit de votre site sera déterminant en premier lieu.

02. Pourquoi procéder à une refonte de votre site web ?

Plusieurs signaux vous indiquent qu’il est temps de refaire votre site web/

Votre webperf est insuffisante

Des temps de chargement trop longs de vos pages web affectent l’expérience utilisateur. Non seulement les internautes risquent de mettre fin à leur navigation mais ils seront aussi peu enclins à revenir sur votre site. Pour être mieux référencé, votre site doit être au top techniquement.

C’est pourquoi l’optimisation de la performance web justifiera une refonte de site.

Votre site n’est pas sécurisé

Depuis 2017, les algorithmes Google favorisent les sites en https. Logique car un site ayant adopté un protocole plus sécuritaire garantit aux internautes une meilleure expérience de navigation. Si votre site est encore en http, il est temps de le remettre à jour.

Vous changez de stratégie marketing

Si vous optez pour un nouveau positionnement, vous devrez envisager une modification en profondeur de votre site.

De même, si vous mettez en œuvre une stratégie d’inbound marketing, vous aurez besoin d’un site optimisé pour la génération de leads.

Votre site est mal référencé

Vous n’apparaissez pas en première page sur Google pour les mots-clés que vous ciblez. Une refonte de votre site vous permettra d’améliorer votre référencement SEO que ce soit d’un point de vue technique ou dans l’optimisation des contenus.

Votre site n’est pas responsive

Vos pages web s’affichent mal sur mobile ou sur tablette. Sachant que, depuis 2016, la navigation web mobile dépasse la navigation sur desktop, il y a urgence à remettre à jour votre site.

Si vos warnings se sont allumés à la lecture de ces points de vigilance, vous devriez envisager une refonte de votre site web. Mais attention, la refonte n’est pas un exercice anodin. Mal préparée, elle peut être préjudiciable, notamment en termes de référencement naturel. C’est pourquoi il est important de considérer la refonte comme un projet digital à part entière.

03. Refonte de site ou inbound marketing ?

C’est le dilemme du marketeur : prioriser une refonte du site web ou l’équipement d’une solution de marketing automation pour lancer sa stratégie d’inbound marketing ?

Analysons ce que cela implique pour chacune des deux options :

La refonte du site web

• Aspects techniques : https, compatibilité mobile des pages, redirections de pages, choix de CMS.
• Aspects rédactionnels : création de contenus de blog et rédaction des pages.
• Aspects UX : analyse du parcours des prospects et optimisation de la navigation avec les liens internes et « call to action ».
• Aspects de conversion : gestion des call to actions, gestion des formulaires.
• Aspects SEO : optimisation des articles et des contenus, gestion des redirections.

La mise en place d’une stratégie d’inbound marketing / solution de marketing automation

• Analyse et définition des personas : optimisation du parcours d’achat, analyse des intentions et intérêts.
• Mise en place d’une stratégie de contenus : priorisation des contenus à créer par phase d’achat, analyse des opportunités SEO, rédaction des contenus.
• Stratégie de conversion : analyse et optimisation des parcours d’achat en fonction de la maturité d’un prospect.

La mise en place d’une stratégie d’inbound marketing aura donc un effet structurant : elle accompagne la refonte et assure un ROI rapide : plutôt que de refaire le site PUIS de penser conversion et parcours de visite, on va intégrer cette réflexion dès la refonte afin d’éviter de refaire le travail deux fois.

Cela va notamment permettre d’intégrer dès la conception du site les scripts de suivi statistique et d’identification des prospects, ainsi que les formulaires permettant de qualifier progressivement les prospects.

Pour résumer : adopter l’inbound marketing pendant la refonte du site permettra de structurer la démarche, et raccourcir le temps nécessaire pour obtenir un retour sur investissement sur le nouveau site internet.

04. 10 étapes pour réussir la refonte de votre site internet

Une refonte réussie ne doit négliger aucun aspect. Technique, SEO, contenus, parcours de conversion, vous devez d’abord analyser vos performances, détecter les points faibles puis définir un cahier des charges pour votre nouveau site web.

D’ailleurs, voici notre modèle de cahier des charges utilisé pour notre refonte !

1. Réalisez un audit de votre site actuel

Une refonte est un projet essentiel dans votre stratégie digitale. Avant de fixer des objectifs SMART, vous devez commencer par analyser le site existant à travers un audit de votre site web.

Cet audit comportera 4 grands volets :

• L’audit de navigation : vos menus de navigation permettent-ils de guider facilement l’internaute vers les pages qui répondent à son besoin ?
• Un audit conversion : votre site web vous permet-il d’atteindre vos objectifs de génération de leads et de conversion ?
• Un audit SEO : votre site est-il suffisamment bien référencé sur les mots-clés que vous ciblez ?
• L’audit technique : votre site répond-il aux critères d’optimisation technique (temps de chargement, responsive design) ?

En utilisant Google Search Console et Google Analytics, vous pourrez visualiser les pages qui présentent des performances satisfaisantes et celles qui génèrent peu de résultats.

Votre audit vous permettra aussi d’évaluer la pertinence de votre parcours de conversion et de le réajuster en fonction de votre buyer’s jouney. En connaissance de cause, vous allez choisir d’optimiser certaines pages et d’en fusionner d’autres. Vous aurez aussi des indications sur la stratégie de contenus à suivre.

Voici comment un tuto vidéo pour réaliser un audit avec l’outil URL Profiler :

2. Définissez les objectifs de votre refonte de site web

Une fois votre audit fait, vous êtes en mesure de définir les objectifs de votre site. Est-ce pour améliorer sa technique ? Pour proposer une expérience de navigation plus efficace ? Ou pour accompagner votre changement d’identité de marque ?

Avoir un objectif principal vous aidera à guider votre projet de A à Z et à définir le budget de votre refonte. Cela vous permettra aussi de définir les indicateurs de performance clés pour suivre la réussite de votre projet une fois celui-ci terminé. Temps de chargement, taux de conversion, trafic organique… Les indicateurs potentiels sont nombreux, il sera donc important de choisir uniquement les plus pertinents !

3. Choisissez votre CMS ou votre Website Builder

Que ce soit avec une agence ou en autonomie, plusieurs solutions s’offrent à vous pour refondre votre site internet vous-même. Chacune a des avantages et des inconvénients. Alors pour essayer d’y voir plus clair et vous permettre d’effectuer le meilleur choix pour votre projet, on vous détaille tout !

Choisir un CMS

Un CMS est un système de gestion de contenus qui vous permet de créer et publier des contenus en ligne sans passer par la programmation HTML. WordPress est le plus utilisé au monde, mais il existe différentes solutions, chacune avec différentes fonctionnalités.

En fonction de vos objectifs et de votre expertise, il est important de choisir le CMS adapté. Il faut également vous assurer que vous avez la main sur votre CMS. Soyez attentif, car certains prestataires proposent des solutions propriétaires qui vous empêcheront de modifier votre site à votre guise.

Choisir un Website Builder

Un Website Builder vous permet de refondre votre site internet en toute autonomie sur le même principe qu’un CMS. La grosse différence est qu’aucune compétence technique n’est requise.

Les CMS requièrent généralement certaines connaissances notamment en matière de code, tandis qu’avec un Website Builder, vous pouvez refondre votre site à l’aide d’un outil no-code.

Cette solution est conçue à partir d’un système de Drag and Drop. Comme son nom l’indique, il vous suffit de glisser et déposer les modules que vous souhaitez pour donner vie à votre projet. Vous avez généralement simplement besoin de sélectionner le template qui vous plait et d’y ajouter les modules qui répondent à vos besoins.

Cette solution a aussi un avantage financier puisqu’elle est surtout peu coûteuse. Par exemple, une solution française comme SiteW, vous permet de refondre votre site gratuitement et le faire évoluer vers des formules payantes à partir de 4,99 € par mois, selon votre projet.

Les solutions de ce type proposent aussi des conseils et un service client qui vous accompagne dans des missions comme la maintenance.

4. Définissez votre charte visuelle

Cette charte, ou guide de style, vous aidera à concevoir l’identité visuelle que vous souhaitez donner à votre site.

Couleurs, polices, styles d’image, modèles de page : l’objectif est de créer une charte utilisable par toutes les personnes impliquées dans le projet de refonte afin de créer un site web cohérent. Vvsu pouvez y inclure :

• Couleurs
• Polices et styles d’écritures : pour le corps du texte, les titres, sous-titres, liens, etc.
• Styles d’icônes et d’images à utiliser (et ceux à proscrire – par exemple, les photos « clichées » de banques d’image)
• Mise en forme des pages : un modèle pour vos articles de blog, pour vos pages produit, pour vos pages ressources, etc., que vous pourrez facilement répliquer lorsque vous créerez du nouveau contenu

Le développement de cette charte est essentiel pour assurer une cohérence de marque.

5. Rédaction du contenu

Si l’objectif de votre refonte inclut une meilleure visibilité sur les moteurs de recherche, cette étape sera primordiale. Une refonte est en effet le moment idéal pour repenser vos pages phares comme votre page d’accueil, vos pages produit/services, vos pages « A propos de notre entreprise ».

Avant de vous lancer dans le dur de la refonte, il est donc important de penser aux contenus que vous souhaitez faire paraître sur ces pages, car ils pourront influencer leur aspect visuel. C’est aussi le moment de repenser le SEO de ces pages, en effectuant tout un travail de recherche et d’intégration de mots clés et de rédaction.

6. Effectuez les modifications de type https

Profitez de votre projet de refonte pour accroître le niveau de sécurité de votre site. Vous serez gagnant car vos visiteurs pourront naviguer en confiance sur votre site. Et, de plus, passer votre site en https vous vaudra un coup de pouce de Google pour votre SEO.

7. Définissez votre plan de redirection

Le plan de redirection est une étape essentielle pour une refonte de site réussie. Si vous modifiez des URL sur votre site et vous ne planifiez pas de redirections, vous allez tout perdre en matière de SEO :

• Vous allez perdre tout le trafic en provenance des moteurs de recherche que vous aviez péniblement acquis, en attendant l’indexation de vos nouvelles URL.
• Votre site va perdre le bénéfice de tous les backlinks qui pointaient vers lui, ce qui va aussi se traduire par une dégringolade dans les résultats de recherche.

Pour établir un plan de redirection, vous devez procéder par étapes :

•  Listez toutes vos URL.
• Définissez vos nouvelles URL.
• Construisez votre fichier de redirections.

8. Suivez vos redirections

L’absence de redirections est très préjudiciable pour votre site. Par conséquent, il ne suffit pas de planifier vos redirections. Une fois que vous les avez mises en place, effectuez un suivi pour vous assurer que vos visiteurs sont correctement redirigés.

Sur Google Search Console, allez dans le menu « Exploration » puis cliquez sur « Erreurs d’exploration ». Vous obtiendrez ainsi la liste et le détail des URL que Google n’a pas réussi à explorer. Et vous pourrez corriger les erreurs qui apparaissent en refaisant vos redirections.

9. Faites des tests utilisateurs

Une fois que votre nouveau site est sur le point d’être mis en ligne, il est temps de le tester en condition réelle.

L’objectif est de laisser vos utilisateurs cibles (ou clients) se promener sur votre site web pour voir comment ceux-ci le prennent en main, si leur navigation est fluide et s’ils trouvent facilement les informations qu’ils cherchent.

L’idéal serait de demander à certains de vos clients de réaliser ses tests avec vous, en utilisant différents appareils (mobile, ordinateur, tablette) et différents navigateurs. Pendant ce temps, observez leur test et notait tout ce qui cloche ou pourrait être simplifié.

10. Entrez dans une dynamique d’optimisation continue avec le Growth Driven Design

Comme nous le disions plus haut, une refonte de site est primordiale quand certains voyants sont au rouge. Cependant, refaire son site de fond en comble est assez chronophage et l’impact sur votre activité n’est pas neutre.

Aussi, plutôt que de mettre en ligne un nouveau site tous les deux ans à l’issue d’une refonte conséquente, nous vous recommandons plutôt d’opter pour l’optimisation continue à travers le Growth Driven Design.

Par rapport au webdesign traditionnel, le Growth Driven Design est fondé sur une logique de test and learn qui permet d’améliorer « touche par touche » votre site web sans passer par une refonte complète. En ce sens, il est le parfait corollaire d’une stratégie d’inbound marketing. En effet, l’inbound marketing repose lui aussi sur une logique d’optimisation continue.

Ici, on construit un site web sur la base de la stratégie d’inbound marketing, en particulier les personas et leur buyer’s journey. Puis on utilise un outil comme Hotjar pour vérifier si nos hypothèses de départ se vérifient dans la pratique. Est-ce que les parcours de navigation des internautes collent à ce que nous avions préalablement imaginé ? Dès que ce n’est pas le cas, on opère une modification en conséquence et ainsi de suite.

05. Les bonnes pratiques pour réussir votre refonte de site web

5.1 S’entourer d’une équipe de confiance

Il n’y a rien de pire que de rejeter la faute sur l’autre partie. Oui, le designer fera 4 allers-retours de validation en plus. Oui, votre développeur n’aura pas anticipé la mise à jour de l’extension X qui fait buguer la page Y. Oui, votre rédacteur aura du retard sur le livrable de votre page produit.

Donc n’oubliez pas : vous êtes dans la même équipe. Et même si notre chef nous demande de rendre des comptes, inclure de manière transparente les parties prenantes dans le projet est bénéfique pour tout le monde.

5.2 Prévoyez un planning

Et si vous hésitez entre 2 et 3 jours pour une tâche, mettez 3 jours. Une fois le planning complet terminé, multipliez tous les délais par deux.

5.3 Allez à l’essentiel

Le mieux est l’ennemi du bien, et c’est d’autant plus vrai pour un site Web. Vous aurez tout le temps de lancer vos nouvelles pages plus tard, faites la refonte de l’essentiel et prévoyez un plan d’après lancement. C’est ce qui s’appelle le “growth driven design” et on l’a utilisé pour notre propre refonte.

5.4 Peaufinez votre cahier des charges

Voici le modèle de celui que nous avons utilisé. Armez-vous aussi d’un outil de gestion de projet :

Une refonte de site web est un projet qui requiert une extrême vigilance. En effet, la moindre erreur peut vous faire perdre le bénéfice de tous vos efforts SEO. Dans tous les cas, la refonte devra s’appuyer sur la stratégie d’inbound marketing préalablement construite. Ainsi, vous optimiserez votre site pour générer des leads et augmenter vos taux de conversion en vous basant sur vos personas et leurs parcours d’achat. Le growth driven design vous permettra d’optimiser votre site en continu pour coller en permanence aux exigences de votre stratégie d’inbound.