Votre site internet, lancé il y a quelques années, montre des signes de fatigue. Vous en êtes persuadé : il nécessite un bon rafraîchissement. Son contenu est dépassé. L’affichage sur mobile n’est pas optimal. Les temps de chargement des pages sont trop lents. Pis encore, le trafic provenant de Google est en forte baisse. Il n’y a pas de doute : une refonte de votre site WordPress s’impose ! Mais attention, vous savez que cette opération technique peut être délicate si elle n’est pas exécutée correctement. Cet article a pour vocation de vous guider. À l’issue de cette lecture, vous connaîtrez toutes les étapes nécessaires pour mener à bien une refonte professionnelle sans compromettre votre site actuel. Grâce à notre guide complet, accessible aussi bien aux novices qu’aux utilisateurs plus expérimentés, vous bénéficierez d’exemples concrets pour savoir ce qu’il faut faire et ce qu’il faut éviter lors d’une refonte.
Définition d’une refonte de site WordPress
Refondre un site WordPress consiste en une opération technique qui vise à renouveler et à moderniser un site internet avec deux objectifs principaux : s’adapter aux exigences de vos utilisateurs et répondre à vos ambitions, qu’il s’agisse d’augmenter les ventes sur votre boutique en ligne, de présenter vos services de manière plus claire, d’obtenir davantage de devis, d’encourager le téléchargement de ressources telles qu’un livre blanc, ou de dynamiser les abonnements à votre newsletter, entre autres.
Engager une refonte permet d’intervenir sur plusieurs aspects : modifier l’interface utilisateur (UI) pour une navigation plus ergonomique ; améliorer les performances (vitesse de chargement des pages) afin de rendre l’expérience utilisateur (UX) plus plaisante ; optimiser le référencement naturel (SEO) afin d’accroître le volume de visites et maximiser le trafic sur vos pages ; mettre à jour le contenu pour refléter les évolutions de votre activité ; et intégrer de nouvelles fonctionnalités.
Selon vos attentes, vos compétences techniques, le temps dont vous disposez, et votre budget, vous pouvez gérer un ou plusieurs des aspects mentionnés. Reste à savoir comment orchestrer tout cela. Découvrez les étapes à suivre dans les sections suivantes.
Phase 1 : étapes préalables à la refonte
Avant toute chose, les étapes de la refonte de votre site WordPress présentées ci-après forment un schéma idéal à suivre. Considérez-les comme une feuille de route complète adaptable. Par exemple, vous n’aurez pas besoin de créer de maquettes, de wireframes ou d’intégrer une nouvelle esthétique si votre souhait est uniquement de travailler votre SEO. Faites preuve de flexibilité et réappropriez-vous les méthodes de cet article en fonction de votre contexte.
Fixer les objectifs de la refonte
La première tâche consiste à définir pourquoi vous voulez revitaliser votre site WordPress, cela vous permettra de déterminer si cette opération est réellement nécessaire. Pour ce faire, nous vous suggérons d’effectuer un audit de votre site actuel. Vous pourrez ainsi mettre en évidence des obstacles et des possibilités d’amélioration. Concentrez-vous sur les éléments fondamentaux d’un site WordPress professionnel et performant, en vous interrogeant sur plusieurs niveaux : la structure et le design web. La navigation est-elle intuitive ? L’ergonomie est-elle bien conçue ? Le design reflète-t-il votre identité de marque ? Est-il conforme à votre charte graphique ? La performance concerne-t-elle le temps de chargement des pages ? Utilisez Google PageSpeed Insights pour en avoir le cœur net.
Par ailleurs, réfléchissez à votre stratégie SEO : le trafic généré par votre site répond-il à vos attentes ? Est-il en déclin ? Votre site est-il bien optimisé pour les moteurs de recherche ? Utilisez Google Analytics et la Google Search Console pour analyser votre trafic et repérer les points faibles. N’oubliez pas non plus à la sécurité de votre CMS WordPress : est-il protégé contre les virus, malwares et autres vulnérabilités ? Avez-vous mis en œuvre des bonnes pratiques en la matière ? En ce qui concerne le contenu, ce dernier est-il à jour et reflète-t-il l’évolution de votre activité ? Et vos articles de blog répondent-ils aux intentions de recherche et aux besoins de votre audience ? Enfin, quelles sont les fonctionnalités que vous désirez ajouter (création d’une boutique WooCommerce, passage au multilinguisme, etc.) ? Les fonctionnalités actuellement en place sont-elles toujours opérationnelles ?
Prendre en compte le budget et le timing
En fonction des découvertes effectuées, vous serez plus à même de préciser vos aspirations, que vous pourrez répertorier dans un outil collaboratif comme Google Docs, Google Sheets, Trello ou Asana. Par exemple, si vous constatez que votre site reçoit peu de visites, ce qui affecte vos conversions, l’objectif de votre refonte sera d’améliorer la stratégie SEO. Pensez aussi au budget dont vous disposez pour cette refonte. Si vous faites appel à un professionnel, cela impliquera un coût plus élevé que si vous réalisez tout vous-même. Incluez également les éventuels coûts des outils, tels que WordPress ou un constructeur de page comme Divi Builder ou Elementor, si vous souhaitez opérer une nouvelle conception de votre site.
Pensez également à associer vos objectifs aux contraintes temporelles. Quelle est votre disponibilité pour mener à bien ce projet, et quel est le délai souhaité ? Notre conseil : Pour plus de clarté, fixez des objectifs suivant le modèle SMART (spécifiques, mesurables, atteignables, réalistes et temporellement définis). Par exemple, dans le cadre d’une refonte visant à améliorer le SEO, un objectif SMART pourrait être : « Je souhaite accroître le trafic organique sur mon blog de 30 % durant le premier semestre de l’année en cours. »
Structurer le contenu de votre site
Élaborer l’arborescence
Une fois vos objectifs établis, concentrez-vous sur une étape essentielle de la refonte de votre site WordPress : l’arborescence. Cela se réfère à l’organisation, la catégorisation et les connexions entre vos contenus. Cette « structure », souvent représentée sous forme de schéma, permet principalement de : simplifier l’expérience utilisateur, en rendant la recherche d’informations plus fluide ; et optimiser le SEO, en gardant une structure hiérarchique et centrée sur des thématiques cernées. Cela facilité également l’exploration et l’indexation par les moteurs de recherche comme Google.
Pour construire une arborescence efficace, partez de vos objectifs. Ensuite, prenez en conta votre cible afin de répondre à ses besoins et de résoudre ses problèmes. Pour cela, élaborez un persona – une image fictive de votre client idéal – à l’aide d’un outil adapté. Enfin, analysez ce que font vos concurrents et inspirez-vous des meilleures pratiques observées sur leurs sites pour les adapter au vôtre.
Quant aux outils dédiés à la création de l’arborescence, nous préconisons d’utiliser un logiciel tel que GlooMaps (gratuit), MindMeister (freemium) ou DYNO Mapper (payant).
Créer des wireframes et maquettes
Suite à cela, il est temps de passer à la représentation graphique de votre arborescence. Cela va vous permettre de visualiser l’apparence de votre site avec des détails variés. Commencez par élaborer des wireframes, qui sont des croquis fonctionnels et schématiques des divers éléments d’une page. Ils vous aideront à représenter l’interface utilisateur (UI) plus clairement que l’arborescence seule.
Pour créer vos wireframes, utilisez des outils en ligne comme MockFlow (gratuit) ou Balsamiq (payant). Si besoin, vous pourrez à terme intégrer votre design dans des maquettes via des outils comme Figma (freemium), Sketch (payant) ou Adobe XD (payant). Cette phase est cruciale si vous désirez procéder à une refonte graphique complète de votre site. Dans ce cas, n’oubliez pas de rédiger ou de concevoir une nouvelle charte graphique. Si vous ne prévoyez que des modifications mineures sur un thème existant, vous pouvez faire l’impasse sur la création de maquettes.
Un cahier des charges pour votre projet
Si jamais vous travaillez sur une refonte de site WordPress pour un client, il est conseillé de rassembler la majorité des étapes évoquées dans un cahier des charges. Ce document présente les éléments clés liés à un projet de création ou de refonte d’un site WordPress, y compris les besoins, contraintes, idées, concepts, et objectifs de l’entité voulant concevoir ou refondre un site internet. Vous trouverez de l’aide pour le rédiger dans notre guide dédié.
Phase 2 : lancement de votre refonte de site WordPress
Mettre en place un environnement de travail adéquat
Pour commencer cette phase de refonte, il est crucial de ne pas travailler directement sur votre site en ligne, sauf pour des modifications très mineures. Cela vous protège d’éventuels bugs ou dysfonctionnements qui peuvent rendre votre site inaccessible, nuisant à votre image de marque. Par souci de tranquillité d’esprit, deux choix s’offrent à vous :
Réaliser la refonte de votre site WordPress localement, c’est-à-dire sur votre machine, en utilisant des outils comme WAMP, Local ou DevKinsta. Utiliser un environnement de développement, en travaillant soit sur un sous-domaine, soit sur un sous-répertoire créé par votre hébergeur. Vous pouvez également opter pour un environnement de staging à l’aide d’extensions comme WP Staging.
Développer le design, le contenu et les fonctionnalités
Lorsque votre environnement de travail est prêt, les actions à entreprendre vont dépendre, encore une fois, de vos objectifs initiaux. Bien qu’il soit impossible de détailler tous les possibles ici, voici quelques étapes générales qui vous orienteront durant le processus : appliquez le design élaboré sur vos maquettes sur le site à refondre. Si vous utilisez l’éditeur Gutenberg de WordPress, pensez à créer des blocs et modèles de pages. La démarche sera semblable avec un constructeur de page.
Ajoutez les fonctionnalités que vous souhaitez, comme des formulaires de contact, des barres de recherche, des pop-ups, une boutique en ligne, ou d’autres outils de conformité RGPD. Pour cela, configurez et testez les plugins adaptés. Incorporez ou modifiez le contenu de vos pages clés ou de votre blog, que ce soit sous forme de texte, d’images ou de vidéos. Prenez soin d’optimiser le poids de vos images par exemple avec des extensions comme Imagify. Assurez-vous de suivre les meilleures pratiques de référencement (métabalises, URL optimisées, sitemap XML, fichier robots.txt, etc.). Pour cela, utilisez une extension dédiée comme Yoast SEO, Rank Math ou SEOPress.
Phase 3 : Publication de la refonte en 4 étapes
Transférer le site de test en préproduction et effectuer des tests
Pour débuter cette troisième phase de refonte, déplacez votre site de test vers un environnement de préproduction (également appelé staging). Vous allez transférer le site que vous avez développé localement sur un serveur en ligne (auprès de votre hébergeur) qui présente des caractéristiques similaires à celles de votre site final. Ce ne sera accessible qu’à vous et à votre client, mais pas à vos visiteurs, ce qui vous permettra de tester et de garantir que tout fonctionne comme prévu avant la mise en ligne définitive.
Pour établir cet environnement de préproduction, il faut : sauvegarder votre site actuel (fichiers + base de données) ; configurer un environnement de préproduction en instaurant un sous-domaine (ex : staging.votresite.fr) ou un sous-répertoire (ex : votresite.fr/staging) ; cloner votre site vers l’environnement de staging, que ce soit manuellement ou grâce à des extensions de migration ; et procéder à des tests. Il s’agit de vérifier que toutes les fonctions de votre site opèrent correctement (liens, boutons, formulaires, menus, plugins, etc.). N’hésitez pas à contrôler l’affichage de votre site sur divers navigateurs et formats d’écran (responsive).
Mettre le site en maintenance
Après avoir effectué les vérifications nécessaires, il est temps de passer votre ancien site en mode maintenance, avant de procéder à son transfert de préproduction à production. Cela présente plusieurs avantages : vous évitez d’endommager l’expérience utilisateur pendant la transition (de la préprod à la prod) ; vous tenez informés vos visiteurs qu’une maintenance est faite pour une certaine période ; si des erreurs ou bugs se produisent, ils ne seront visibles que par vous, préservant ainsi votre image de marque.
Déployer le nouveau site en ligne
Tout étant prêt, vous pouvez migrer votre site vers la ligne en suivant ces étapes : sauvegardez à nouveau votre site, ce conseil est essentiel ; déplacez le site de préproduction vers l’environnement de production. Pour les utilisateurs aguerris, cela peut se faire manuellement, mais pour éviter des erreurs, adoptez un plugin comme All-in-One WP Migration ou Duplicator ; réactivez vos extensions et outils tiers, tels que vos plugins de cache, de sécurité et d’analyse de données Google Analytics. Redirigez toutes les URLs selon le plan de redirection établi.
Assurer le suivi de la refonte de votre site WordPress
Dès votre refonte en ligne, n’oubliez pas d’effectuer quelques actions cruciales après lancement : surveillez le fonctionnement de votre site, surtout dans les jours et heures suivant son déploiement, corrigez rapidement tout problème identifié ; soyez attentif aux retours des utilisateurs qui peuvent signaler des dysfonctionnements ; contrôlez les performances de votre site (temps de chargement, trafic SEO, conversions, etc.) ; maintenez régulièrement votre site WordPress, sauvegardez fréquemment et faites les mises à jour nécessaires (plugins, thèmes et cœur de WordPress) ; communiquez sur la refonte via vos canaux de communication : newsletter, réseaux sociaux, etc. Et enfin, assurez-vous d’avoir atteint vos objectifs initiaux, puis ajustez votre stratégie en fonction des résultats obtenus.
En résumé, la refonte de votre site WordPress vous permettra de moderniser et d’optimiser votre présence en ligne. Ce processus, à la fois technique et exigeant, nécessitera une analyse approfondie, une planification rigoureuse, ainsi qu’un déploiement agile pour assurer une transition fluide vers un site refondu et performant. Avec une attention particulière portée sur les bonnes pratiques et des compétences techniques solides, vous éviterez de compromettre votre site et de perdre votre trafic. Vous souhaitez bénéficier de conseils ou d’un accompagnement d’une agence spécialisée et reconnue en refonte WP ? Faites appel à G2RD, expert dans le domaine, qui saura répondre à vos besoins avec efficacité et professionnalisme.