Comment réussir votre refonte WordPress, étape par étape
Refondre un site internet, c’est un peu comme rénover une maison : vous gardez ce qui fonctionne, vous remplacez ce qui a vieilli et vous préservez ce qui a encore de la valeur.
Une refonte WordPress demande surtout de la méthode. En avançant dans le mauvais ordre, vous risquez de corriger un problème tout en en créant un autre.
Dans cet article, vous allez découvrir les étapes d’une refonte de site web WordPress, dans l’ordre où elles doivent être réalisées.
Vous pourrez ainsi avancer seul sur les parties que vous maîtrisez et identifier celles pour lesquelles un accompagnement peut vous faire gagner du temps.
Quand une refonte de site vitrine WordPress devient-elle nécessaire ?
Un site se dégrade petit à petit. Plusieurs signaux montrent qu'il est temps de refondre votre site internet :
- Vos pages s'affichent lentement.
- Le design a vieilli.
- Vos positions sur Google reculent.
- Le site est pénible sur mobile : il faut zoomer pour lire un texte, les boutons sont trop petits pour le pouce, etc.
- Les alertes de sécurité se multiplient.
Un signal isolé peut souvent être corrigé sans recourir à une refonte complète. Quand trois ou quatre de ces problèmes s'accumulent, la refonte revient moins cher que les rustines.
Étape 1 : définir les objectifs de la refonte du site internet
Avant de commencer la refonte, définissez deux ou trois objectifs. Ils serviront à orienter les choix éditoriaux, techniques et fonctionnels, puis à évaluer les résultats après la mise en ligne.
Exemple : atteindre 15 demandes de devis par mois au bout de 12 mois.
- Spécifique : l’objectif concerne les demandes de devis.
- Mesurable : 15 demandes mensuelles.
- Atteignable : l’objectif reste accessible au regard de votre situation actuelle, par exemple si vous recevez déjà une dizaine de demandes mensuelles.
- Pertinent : l’objectif contribue directement au développement commercial de votre activité.
- Temporellement défini : l’évaluation est prévue au 12ᵉ mois après la mise en ligne.
Étape 2 : auditer l’existant avant la refonte du site web
Prenez le temps d’examiner l’état actuel de votre site. Sans ce point de départ, vous reproduisez sur le nouveau site les défauts de l'ancien, avec un plus bel habillage.
Trier vos pages : garder, améliorer, fusionner ou supprimer
Commencez par lister toutes les pages de votre site. Screaming Frog s’en charge : le logiciel parcourt vos pages une par une et vous en fournit la liste complète. Sa version gratuite s'arrête à 500 URL, ce qui suffit à la plupart des sites vitrines.
Installez le logiciel, ouvrez-le, collez l'adresse de votre site dans le champ « Enter URL to spider » en haut de la fenêtre, puis cliquez sur « Start ».
Quand la barre de progression atteint 100 %, ouvrez l'onglet « Internal », choisissez le filtre « HTML », puis cliquez sur « Export » pour récupérer la liste dans un tableur.
Votre liste complète est maintenant dans un tableur. Ajoutez-y une colonne « Décision » à droite des URL et remplissez-la ligne par ligne :
-
Conservez la page ou améliorez-la si elle génère des visites, des demandes de devis ou des backlinks.
-
Améliorez la page quand son sujet reste stratégique, mais que le contenu est obsolète, imprécis ou ne répond plus correctement à l’intention de recherche.
-
Fusionnez la page avec une autre si elles ciblent la même intention de recherche et se recouvrent fortement.
-
Supprimez la page si elle n’apporte aucune valeur, après vérification de ses conversions, de ses liens entrants et de ses visites.
Faire l'inventaire de vos extensions et de vos fonctionnalités
Dans votre administration WordPress, ouvrez « Extensions », puis « Extensions installées ». Vous retrouvez ici toutes les extensions présentes sur votre site.
Passez-les une par une et notez leur rôle : formulaire de contact, prise de rendez-vous, newsletter, bandeau cookies, etc. Vous verrez rapidement lesquelles sont encore utiles et lesquelles peuvent être abandonnées.
Conseil : pour celles que vous souhaitez conserver, vérifiez également la date de leur dernière mise à jour. Si elle remonte à longtemps, prévoyez de chercher une alternative.
Étape 3 : construire l’arborescence
L’arborescence correspond à l’organisation des pages de votre site : les rubriques principales et les sous-rubriques. Concrètement, cette organisation se retrouve dans le menu principal et, si nécessaire, dans un menu secondaire ou dans le pied de page.
Reprenez votre liste de pages créée pendant l’audit. Ajoutez-y les pages qui n'existent pas encore, mais qui seront nécessaires sur le nouveau site.
Regroupez-les ensuite par grandes catégories. Par exemple, plusieurs prestations peuvent être réunies sous une rubrique « Services », tandis que les articles restent regroupés dans le blog.
L’objectif est d’obtenir une structure simple où les visiteurs peuvent trouver facilement la page recherchée.
Étape 4 : refaire son site web WordPress sur une copie
Travailler directement sur le site en ligne revient à démonter le moteur pendant que la voiture roule. Vos visiteurs voient des pages à moitié construites, et la moindre erreur casse tout.
La règle est simple : vous montez une copie du site, vous travaillez dessus, et vous basculez quand tout fonctionne.
Utiliser la préproduction de votre hébergeur
Si votre hébergeur propose un service de préproduction (staging), c'est la solution la plus confortable, surtout si vous débutez.
Vous cliquez sur un bouton : votre site est dupliqué sur une adresse de test. Un second bouton permet ensuite de publier cette version.
Travailler en local sur votre ordinateur
Le local, c'est un serveur installé sur votre machine. Votre site tourne sans connexion internet.
Pour travailler en local, plusieurs solutions gratuites existent. Avec WordPress, LocalWP est probablement la plus simple à prendre en main.
Remarque : entre la version en ligne et la version locale, l’adresse du site change dans la base de données. Better Search Replace permet de remplacer toutes les occurrences de l'ancienne adresse.
Étape 5 : réaliser la refonte graphique du site web
La refonte graphique, c'est l'apparence visuelle de votre site : couleurs, typographies, mise en page.
Quand vous débutez, installer puis personnaliser un thème WordPress existant est souvent la solution la plus accessible pour modifier rapidement l’apparence d’un site.
Tout se passe dans « Apparence », puis « Thèmes », et enfin « Ajouter des thèmes ».
Il existe des thèmes gratuits et payants. Pour ma part, je trouve le design des thèmes gratuits peu soigné dans la grande majorité des cas. Les thèmes payants offrent un rendu plus travaillé. Pour quelques dizaines d’euros, l’investissement peut valoir le coup.
Étape 6 : préparer la refonte SEO et les redirections
Quand vous refaites votre site, les adresses de certaines de vos pages changent. Pour Google, chaque adresse correspond à une page différente. Si vous changez l'URL d'une page, Google considère donc qu’il s’agit d’une autre page. Elle repart alors de zéro en SEO, sans rien récupérer de l’ancienne.
Pour éviter cela, il faut indiquer à Google où chaque ancienne page a été déplacée.
Préparer le plan de redirection
Reprenez la liste des pages existantes obtenue pendant l’audit et ajoutez une colonne « Nouvelle URL ». Pour chaque ancienne adresse, indiquez ce qu’elle deviendra sur le nouveau site :
- L’adresse reste identique : rien à prévoir.
- L’adresse change : indiquez la nouvelle URL.
- La page est fusionnée avec une autre : indiquez l’URL de la page qui reprend son contenu.
- La page est supprimée, mais une autre page traite un sujet suffisamment proche : indiquez l’URL de cette page.
- La page est supprimée et aucune page suffisamment proche n’existe : aucune redirection à prévoir.
Poser les redirections 301
Une redirection 301 signale qu'une page a changé d'adresse de façon définitive. Elle remplit deux rôles :
- Les visiteurs et Google arrivent directement sur la nouvelle page, sans erreur.
- Les signaux SEO associés à l’ancienne adresse sont transmis à la nouvelle. Cela permet de limiter l’impact de la migration sur votre référencement.
Pour créer vos redirections, vous pouvez utiliser l'extension Redirection.
Une fois l'extension installée, allez dans « Outils », puis « Redirection ». Renseignez l'ancienne adresse dans le champ « URL source », la nouvelle dans « URL cible », puis cliquez sur « Ajouter une redirection ».
Astuce : si une page a déjà changé d'adresse par le passé, faites pointer la plus ancienne directement vers l'adresse finale. Vous évitez ainsi les redirections en chaîne, qui ralentissent l'affichage.
Étape 7 : monter le nouveau site vitrine WordPress
Votre copie de travail est prête, votre thème est installé. Vous entrez dans la partie la plus longue de la refonte de site WordPress.
Installer les extensions
Reprenez les fonctionnalités retenues lors de l’audit et installez les extensions nécessaires pour les mettre en place.
Pour un site vitrine WordPress, les besoins courants peuvent généralement être couverts par quelques extensions :
- le SEO : Yoast SEO ou Rank Math,
- les formulaires : Contact Form 7 ou WPForms Lite,
- les sauvegardes : UpdraftPlus,
- la gestion des cookies : Complianz ou CookieYes.
Avant d’installer une extension, vérifiez qu’elle est toujours maintenue (la date de sa mise à jour), sa compatibilité avec votre version de WordPress et son nombre d’installations.
Conseil : installez uniquement les extensions dont vous avez réellement besoin. Chaque extension peut créer des conflits ou ralentir le site.
Construire les modèles de page
Pour les pages qui partagent la même structure, créez un modèle par type : pages de service, articles de blog, réalisations du portfolio, etc.
Les pages uniques, comme l’accueil, la page À propos ou la page Contact, sont conçues séparément.
Intégrer les contenus
Reprenez la liste des pages complétée lors de la construction de l’arborescence. Parcourez-la page par page et intégrez dans le modèle correspondant les textes, images et autres contenus préparés pour le nouveau site.
À prévoir : les deux pages obligatoires, les mentions légales et la politique de confidentialité.
Étape 8 : tester le nouveau site avant la mise en ligne
Votre nouveau site semble prêt. Avant de remplacer l’ancien, quelques contrôles permettent de repérer les problèmes.
Tester l’expérience utilisateur
Ouvrez les pages principales, cliquez sur les liens et les boutons, testez le menu, etc. Vérifiez également les fonctionnalités importantes : prise de rendez-vous, formulaire de contact, etc.
Vérifier l’affichage sur différentes tailles d’écran
Ouvrez votre site dans Chrome, appuyez sur F12, puis cliquez sur l’icône représentant un téléphone et une tablette en haut des outils de développement.
Faites varier la largeur de l’écran et vérifiez que la mise en page s’adapte et que tous les éléments s'affichent correctement (refonte responsive).
Contrôler la santé du site WordPress
WordPress intègre également son propre outil de diagnostic. Dans l’administration, allez dans « Outils », puis « Santé du site ». puis consultez l’onglet « État ».
WordPress y classe les anomalies entre problèmes critiques et améliorations recommandées. Occupez-vous en priorité des problèmes critiques avant la mise en ligne.
Étape 9 : mettre en ligne le nouveau site WordPress
Vos tests sont terminés et votre copie est prête. Il reste à remplacer l'ancien site par la nouvelle version.
Commencez par sauvegarder l'ancien site en entier, fichiers et base de données. Si la mise en ligne tourne mal, vous pourrez restaurer cette version et recommencer au calme.
La méthode dépend ensuite de l’environnement dans lequel vous avez travaillé :
- En préproduction chez votre hébergeur : utilisez l’option prévue pour publier cette version sur votre site.
- Sur un serveur local : transférez les fichiers et la base de données vers votre serveur. Remplacez ensuite l’adresse locale par l’adresse publique du site dans la base de données, par exemple avec Better Search Replace.
Plusieurs contrôles vous attendent alors
- Assurez-vous que le site peut être indexé : dans « Réglages », puis « Lecture », l’option « Demander aux moteurs de recherche de ne pas indexer ce site » doit être décochée.
- Testez les redirections préparées à l’étape 6. Chacune doit vous emmener vers la page qui la remplace.
Faites le point sur votre refonte
Nous identifions ensemble les étapes que vous pouvez gérer seul et celles qu’il vaut mieux déléguer.
Étape 10 : finaliser la refonte après la mise en ligne
Votre nouveau site est en ligne. De votre côté, le chantier est fini… ou presque. Du côté de Google, il démarre.
Demander l’indexation des nouvelles pages à Google
Pour accélérer la prise en compte des pages par Google, collez leur adresse dans la barre de recherche en haut de la Google Search Console, puis cliquez sur « Demander une indexation ».
Remarque : Google applique une limite quotidienne. Bien qu’il n’existe pas de chiffre officiel, par expérience, elle se situe autour d’une douzaine de demandes.
En complément des demandes d’indexation, transmettez votre sitemap à Google. Dans le menu de gauche, cliquez sur « Sitemaps », entrez l’adresse de votre fichier, puis validez avec « Envoyer ».
Après une refonte, les positions peuvent fluctuer pendant plusieurs semaines. Il est préférable d’attendre ce laps de temps avant de tirer des conclusions.
Effectuer les contrôles techniques
Relancez Screaming Frog sur l’adresse de votre site. Le logiciel repère notamment les liens cassés, les erreurs, les redirections et les problèmes de balises title ou meta description.
Lancez également un test de performance web avec Google PageSpeed Insights. L'outil vous indique les points qui ralentissent vos pages et les corrections à apporter.
Refonte WordPress : avancer seul ou se faire accompagner ?
Vous connaissez maintenant les principales étapes d’une refonte WordPress, de l’audit de l’existant jusqu’aux contrôles après la mise en ligne. Certaines vous paraîtront probablement accessibles, et d’autres plus difficiles à réaliser seul.
C’est sur ce principe que je propose d’accompagner mes clients : vous pouvez avancer vous-même sur votre refonte et me confier uniquement les étapes pour lesquelles vous avez besoin d’aide.
Pour mes interventions, j’utilise un tarif journalier de 280 €, qu’il s’agisse de webdesign, de SEO, de développement ou de migration. Le coût d’une refonte WordPress dépend donc essentiellement du temps nécessaire.
Si vous ne savez pas encore quelles étapes vous pouvez prendre en charge et lesquelles il serait préférable de déléguer, je vous propose un entretien gratuit de 30 minutes pour faire le point sur votre projet.