Refonte de site web : la checklist pour réussir son projet

Une refonte de site web est sou­vent une étape impor­tante dans la vie d’une entre­prise. Avec le temps, un site peut deve­nir moins adap­té aux besoins des visi­teurs, moins per­for­mant, moins lisible ou tout sim­ple­ment moins repré­sen­ta­tif de l’image que l’on sou­haite trans­mettre.

Mais refaire un site ne consiste pas seule­ment à chan­ger quelques cou­leurs, modi­fier une page d’accueil ou ajou­ter de nou­velles images. Une refonte est un vrai pro­jet qui touche à la stra­té­gie, au conte­nu, au réfé­ren­ce­ment natu­rel, à l’expérience uti­li­sa­teur ou à la tech­nique.

Sans méthode, une refonte de site web peut vite deve­nir com­pli­quée. Les conte­nus ne sont pas prêts, les vali­da­tions prennent du retard, les anciennes pages dis­pa­raissent sans redi­rec­tion, les for­mu­laires ne sont pas tes­tés, ou le réfé­ren­ce­ment natu­rel chute après la mise en ligne. Pour gar­der le cap et évi­ter les mau­vaises sur­prises, mieux vaut avan­cer avec une feuille de route claire et struc­tu­rée.

Je vous pro­pose une che­ck­list pour mener votre refonte de site web. Vous pour­rez la télé­char­ger en fin de cet article

Avant de commencer la refonte

• Iden­ti­fier pour­quoi le site doit être refondu
• Lis­ter les pro­blèmes du site actuel
• Défi­nir les objec­tifs du nou­veau site
• Iden­ti­fier les publics cibles
• Déter­mi­ner les fonctionnalités
• Dési­gner les per­sonnes qui devront vali­der les étapes
• Pré­voir un plan­ning réaliste
• Pré­voir qui four­ni­ra les textes, images et documents

Faire le point sur le site existant

À faire avec un ou une experte SEO. 

• Iden­ti­fier les pages les plus importantes
• Repé­rer les pages qui génèrent du trafic
• Repé­rer les pages qui génèrent des contacts ou des ventes
• Iden­ti­fier les mots-clés 
• Repé­rer les pages bien positionnées
• Conser­ver les conte­nus qui génèrent du trafic
• Opti­mi­ser les titres des pages
• Rédi­ger les balises title
• Rédi­ger les méta descriptions
• Struc­tu­rer les conte­nus avec des titres H1, H2 et H3
• Pré­pa­rer le maillage interne
• Pré­voir les redi­rec­tions 301
• Pré­pa­rer un site­map XML

Les autres points à relever sur le site existant

• Lis­ter les conte­nus à conserver
• Lis­ter les conte­nus à réécrire
• Lis­ter les conte­nus à supprimer
• Véri­fier les for­mu­laires existants
• Véri­fier les fonc­tion­na­li­tés actuelles
• Repé­rer les pages obsolètes
• Noter les pro­blèmes tech­niques connus

Préparer l’arborescence

• Lis­ter toutes les pages du futur site
• Regrou­per les conte­nus similaires
• Sup­pri­mer les pages inutiles ou redondantes
• Pré­voir les pages indis­pen­sables : accueil, contact, men­tions légales, poli­tique de confidentialité
• Pré­voir les pages impor­tantes pour le réfé­ren­ce­ment naturel
• Véri­fier que les inti­tu­lés des items du menu sont clairs
• Pen­ser l’organisation du site pour les visi­teurs, pas seule­ment pour l’entreprise
• Pré­voir les futures URL
• Pré­pa­rer les redi­rec­tions si les URL changent

Préparer les contenus

Les conte­nus sont sou­vent l’un des plus gros points de blo­cage dans une refonte de site. On pense par­fois que le desi­gn ou la tech­nique sont les par­ties les plus longues, mais dans la réa­li­té, ce sont sou­vent les textes, les images et les vali­da­tions qui ralen­tissent le pro­jet. En ce qui me concerne, je demande les conte­nus avant de com­men­cer à tra­vailler sur le pro­jet, car cela m’aide à créer l’ar­bo­res­cence et les mockups.

• Rédi­ger ou réécrire les textes des pages principales
• Véri­fier que les textes sont clairs et utiles pour les internautes
• Pré­pa­rer les appels à l’action
• Pré­voir les élé­ments de réas­su­rance : avis, réfé­rences, garan­ties, chiffres clés
• Sélec­tion­ner les images (libres de droits !)
• Pré­pa­rer les textes alter­na­tifs des images utiles
• Pré­pa­rer les docu­ments à télé­char­ger si nécessaire
• Faire vali­der les conte­nus avant intégration

Penser à l’expérience utilisateur

• Véri­fier que l’activité est com­pré­hen­sible rapidement
• Mettre les infor­ma­tions impor­tantes en évidence
• Pré­voir des bou­tons d’action visibles (on les appelle sou­vent des bou­tons d’ap­pel à l’ac­tion, call to action ou sim­ple­ment CTA)
• Véri­fier la lisi­bi­li­té des textes
• Aérer les pages
• Évi­ter les ani­ma­tions gênantes
• Tes­ter les par­cours principaux
• Véri­fier l’affichage sur mobile

Vérifier l’accessibilité dès la conception des maquettes graphiques 

Cette liste est non exhaus­tive. Pour cela, aidez-vous du réfé­ren­tiel RGAA.

• Véri­fier les contrastes de couleurs
• Uti­li­ser une hié­rar­chie de titres logique
• Ajou­ter des textes alter­na­tifs aux images utiles
• Évi­ter les textes inté­grés dans les images (sinon, décri­vez bien les images)
• Pré­voir des liens explicites
• Véri­fier que les for­mu­laires ont des libel­lés clairs
• Ne pas trans­mettre une infor­ma­tion uni­que­ment par la couleur
• Véri­fier la navi­ga­tion au clavier
• Évi­ter les conte­nus qui bougent sans contrôle
• Tes­ter la lisi­bi­li­té sur dif­fé­rents écrans

Préparer la partie technique avec WordPress

• Pré­voir un envi­ron­ne­ment de pré­pro­duc­tion
• Ins­tal­lez WordPress
• Choi­sis­sez le thème 
• Ins­tal­ler les exten­sions nécessaires
• Véri­fier la com­pa­ti­bi­li­té avec l’hébergement
• Confi­gu­rer le cer­ti­fi­cat SSL
• Pré­voir les sauvegardes
• Sécu­ri­ser les accès admin

La recette

• Tes­ter toutes les pages importantes
• Tes­ter les menus
• Tes­ter les boutons
• Tes­ter les formulaires
• Tes­ter les liens internes
• Tes­ter les liens externes
• Véri­fier les pages légales
• Relire les conte­nus une der­nière fois
• Tes­ter le site sur mobile
• Tes­ter le site sur plu­sieurs navigateurs
• Véri­fiez tout !

La mise en ligne

• Pré­pa­rez une page de main­te­nance et met­tez-la en ligne
• Faire une sau­ve­garde com­plète de l’ancien site
• Mettre en place les redirection
• Véri­fier que l’indexation n’est pas bloquée
• Pré­voir un cré­neau de mise en ligne adapté
• Évi­ter une mise en ligne le vendredi
• Tes­ter le site immé­dia­te­ment après publication
• Véri­fier les for­mu­laires après mise en ligne

À retenir

Une refonte de site web réus­sie repose sur une bonne pré­pa­ra­tion. Cette che­ck­list per­met de gar­der une vision claire du pro­jet, de limi­ter les oublis et de sécu­ri­ser la mise en ligne. Plus les conte­nus, le réfé­ren­ce­ment, la tech­nique et les tests sont anti­ci­pés, plus la refonte a de chances de se dérou­ler sereinement.

Télé­char­ger la checklist

Cré­dit image à la Une : Tow­fi­qu Barbhuiya