Beaucoup de concepteurs de sites WordPress redoutent souvent les missions de refonte, et c’est compréhensible étant donné la multitude d’éléments à maîtriser et d’étapes à ne pas négliger pour mener à bien ces projets ! De l’analyse de l’existant à la planification de la structure, en passant par l’implémentation du design, la migration du contenu, et la gestion des redirections, chaque étape peut être source de confusion. Pour vous aider à aborder vos futures refontes de site en toute tranquillité, WPMarmite a élaboré une liste exhaustive des étapes incontournables pour une refonte réussie de votre site WordPress.
Cet article découle directement de mon expérience personnelle lors de la migration du site Sweet Baby. Confronté aux défis et aux complexités inhérents à ce processus, j’ai réalisé l’importance cruciale d’une planification minutieuse et d’une approche méthodique pour garantir le succès de la refonte d’un site WordPress. Chaque étape décrite dans cet article est le fruit de mes propres apprentissages et découvertes lors de cette expérience. De l’évaluation initiale de l’existant à la phase de recette finale, j’ai été amené à surmonter des obstacles et à trouver des solutions pratiques pour mener à bien cette transition. En partageant ces connaissances acquises à travers cette expérience, j’espère offrir aux lecteurs des conseils pratiques et des astuces éprouvées pour aborder sereinement leurs propres projets de migration de site.
Préparer la refonte
1. Évaluation de l’existant
- Identifier les contenus à maintenir, supprimer ou ajouter.
- Analyser les éventuels obstacles sur le site, tels qu’une navigation complexe, des processus de vente à optimiser, ou des incitations à l’action à mettre en avant.
- Assurer la clarté du site pour les visiteurs : est-il compréhensible en moins de 10 secondes ?
- Examiner la structure du site pour déterminer s’il convient de la maintenir telle quelle ou s’il faut apporter des modifications, voire supprimer des URL.
- Consulter le client sur ses préférences en matière de design et de couleur : souhaite-t-il conserver la même charte graphique ? Recueillir une liste de sites qu’il apprécie et une liste de ceux qu’il n’aime pas afin de mieux cerner ses attentes.
2. Élaboration du design
- Création de wireframes pour esquisser la structure du site sans éléments de design, afin de positionner les différents éléments de chaque page.
- Intégration de la charte graphique et du design final à travers des maquettes réalisées sur des plateformes telles que Figma ou Adobe.
3. Choix des solutions techniques
- Sélection du thème WordPress adapté aux besoins du projet.
- Évaluation des extensions existantes : sont-elles toutes maintenues et compatibles avec la version actuelle de WordPress ?
- Identification des nouvelles extensions nécessaires pour répondre aux exigences du nouveau site.
- Décision sur l’utilisation d’un constructeur de page.
- Analyse des fonctionnalités requises qui pourraient nécessiter un développement personnalisé.
Il est primordial de bien aborder ces aspects afin d’estimer correctement le temps nécessaire et de minimiser les risques liés à des choix techniques inadaptés, évitant ainsi des ajustements majeurs en cours de développement.
4. Évaluation et migration des contenus
- Identifier l’ensemble des contenus et des données à transférer lors du déploiement du site pour garantir aucune perte d’information, incluant articles, pages, utilisateurs, métadonnées, commandes, abonnements, points de fidélité, codes promotionnels, etc.
- Évaluer la quantité de données à migrer et déterminer la méthode de transfert la plus adaptée (extension, outil d’export de WordPress ou migration manuelle) pour préserver l’intégrité de l’historique du site.
5. Élaboration d’un plan de redirection
- En cas de modification des URL de page pour simplification ou réorganisation du site, élaborer un plan de redirection afin d’éviter les erreurs 404 et de préserver le référencement du site client.
- Assurer la conservation de chaque modification effectuée pour rediriger chaque URL modifiée vers sa nouvelle destination sur le nouveau site.
Lancer la refonte
1. Établissement d’un environnement de travail optimal
- Choisissez l’environnement de travail adapté, que ce soit en local avec des outils comme Local, sur une URL de préproduction sur votre serveur, ou même sur un sous-domaine du site en production.
- Vous pouvez également envisager l’utilisation d’InstaWP, un service pratique qui simplifie le déploiement tout en facilitant le partage avec le client.
- L’objectif principal est d’avoir un environnement de développement le plus proche possible de celui de production pour éviter les surprises.
2. Intégration du design
- Une fois que tout est en place, passez à l’intégration du design. Assurez-vous de vérifier le rendu sur différents appareils, y compris ordinateurs, tablettes et smartphones.
3. Migration du contenu
- Le design est finalisé ? Il est alors temps de migrer les données du site original, si nécessaire, pour que votre site de développement soit à jour et identique en termes de contenu.
- Si vous avez bien anticipé la migration du contenu lors de la phase de préparation de la refonte, tout devrait se dérouler sans problème.
Publier la refonte
1. Déploiement en préproduction sur le serveur final
- Avant d’effectuer la migration définitive, installez le nouveau site sur le serveur du client en utilisant une URL de préproduction. Cela permet de vérifier son bon fonctionnement et de s’assurer que le rendu correspond aux attentes.
2. Phase de recette
- La recette revêt une importance cruciale. C’est à ce stade que les derniers bogues sont corrigés et que le bon fonctionnement global du site est vérifié.
- Impliquez le client dans cette phase pour bénéficier d’un regard neuf sur le projet et le rassurer avant la mise en ligne finale.
3. Passage du site initial en mode maintenance
- Mettez le site initial en mode maintenance pour éviter toute interaction pendant le transfert vers le nouveau site.
- Cette étape est essentielle pour éviter la perte de données lors de la migration, notamment lors de commandes ou de commentaires qui pourraient être effectués pendant ce laps de temps.
4. Migration du nouveau site vers la production
- Une fois tout vérifié, migrez le site de préproduction vers la production.
- Assurez-vous de sauvegarder les deux sites avant le transfert pour disposer d’une solution de secours en cas de problème.
- Vous pouvez également effectuer cette migration manuellement via des outils tels que SFTP et PHPMyAdmin.
5. Vérification post-mise en ligne
- Répétez la vérification effectuée lors de la phase de recette pour garantir que tout fonctionne correctement après la mise en ligne.
6. Communication sur la refonte
- Informez le public de la nouvelle version du site via les réseaux sociaux, des campagnes publicitaires, des newsletters ou des événements.
- Une communication efficace contribuera à attirer de nouveaux visiteurs sur le site.
7. Analyse des résultats
- Suivez les performances du site après la refonte, notamment en termes de référencement, de performances, de taux de conversion et de trafic.
- Ces indicateurs permettront de mesurer les bénéfices de la refonte pour le client.
Félicitations pour avoir suivi cette checklist jusqu’au bout ! Votre parcours à travers ces étapes devrait maintenant vous fournir une vision plus claire du processus nécessaire pour mener à bien une refonte intégrale d’un site WordPress.