Comment refondre un site WordPress  (sans interruption)

Votre site web a-t-il toujours l'apparence qu'il avait il y a quelques années ? Un site web peut rapidement sembler démodé, et vous pourriez remarquer qu'il ne capte plus autant l'attention des visiteurs qu'auparavant.

Il ne s'agit pas seulement de vouloir un nouveau look ; vous voulez que votre site web soit un outil puissant qui propulse votre entreprise vers l'avant.

Une refonte est une démarche stratégique pour rafraîchir votre présence en ligne et garantir que votre site WordPress travaille le plus dur possible pour vous.

Si elle est bien faite, une refonte peut stimuler l'engagement, les conversions et la notoriété de la marque. Mais comment s'y prendre ?

Dans ce tutoriel, je vais vous montrer comment refondre votre site web WordPress !

Voici les points clés à retenir :

• Utilisez des sites de staging pour refondre sans interruption : Travaillez sur votre refonte en privé pendant que votre site en direct reste en ligne.
• Duplicator Pro simplifie l'ensemble du processus : Créez des sauvegardes et migrez les modifications vers et depuis votre environnement de staging en toute simplicité.
• Définissez d'abord des points de référence de performance : Suivez les métriques actuelles avec MonsterInsights pour mesurer le succès de la refonte.
• Créez toujours des points de récupération en cas de catastrophe : Sauvegardez votre site d'origine avant de le mettre en ligne pour permettre des retours en arrière instantanés si nécessaire.
• Des audits complets post-lancement sont essentiels : Vérifiez les liens brisés, les problèmes de SEO et les problèmes de fonctionnalité après la refonte.

Résumé rapide : Comment refondre un site WordPress

Table des matières

Pourquoi refondre votre site WordPress ?

Vous pourriez repousser la refonte de votre site parce que vous craignez qu'elle ne prenne trop de temps ou ne mette votre site web en mode maintenance. Cependant, voici quelques situations où une refonte serait utile.

• Design obsolète

Si votre site web semble démodé, manque de fonctionnalités modernes ou ne répond pas aux normes de conception actuelles, il est peut-être temps de le refondre.

Une conception de site web mise à jour peut améliorer l'expérience de vos visiteurs et rendre votre site plus attrayant et professionnel.

• Expérience utilisateur médiocre

Si les utilisateurs ont du mal à naviguer sur votre site web ou si les temps de chargement des pages sont lents, cela peut entraîner un taux de rebond élevé et une diminution des conversions.

Refondre votre site WordPress en mettant l'accent sur l'expérience utilisateur (UX) peut aider à résoudre ces problèmes et à maintenir l'engagement de votre public.

• Non responsive ou non adapté aux mobiles

Beaucoup de gens utilisent leurs appareils mobiles pour naviguer sur Internet. Cela signifie qu'il est important d'avoir un site web responsive qui s'adapte à différentes tailles d'écran.

Si votre site web actuel n'est pas adapté aux mobiles ou manque de réactivité, il est peut-être temps de le refondre pour maximiser l'accessibilité.

• Changements de marque ou de message

Si votre marque a subi des changements importants ou si vous souhaitez remanier votre message, une refonte de site web peut vous donner une nouvelle identité de marque. Avoir cette cohérence dans la marque et le message renforcera votre image globale et vous aidera à atteindre votre public cible.

• Améliorations du référencement naturel (SEO)

Les moteurs de recherche mettent fréquemment à jour leurs algorithmes, et les meilleures pratiques SEO évoluent avec le temps. La refonte d'un site web offre une opportunité d'optimiser la structure de votre site, d'améliorer la vitesse de chargement des pages et d'implémenter des éléments favorables au SEO pour augmenter votre trafic organique.

• Nouvelles fonctionnalités

Au fur et à mesure que votre entreprise évolue, vous pourriez avoir besoin d'ajouter une boutique e-commerce, un blog ou des flux de médias sociaux à votre site web. Avec une refonte, vous pouvez intégrer ces nouvelles fonctionnalités de manière transparente et vous assurer qu'elles correspondent à votre conception globale et à l'expérience utilisateur.

Que faire avant de refondre votre site WordPress

Plus tard, nous vous montrerons comment refondre complètement votre site WordPress. Cependant, il y a quelques étapes que vous devriez suivre au préalable.

Évaluez votre conception actuelle

Avant de refondre votre site web, considérez sa conception actuelle. Vous voudrez être conscient de ses bonnes fonctionnalités, ainsi que de tout ce que vous aimeriez améliorer.

Assurez-vous de noter ce que vous aimez de votre site web d'origine. Au fur et à mesure de la refonte, vous voudrez conserver ces fonctionnalités et caractéristiques.

Cependant, considérer ses points faibles est important pour une bonne refonte. En corrigeant les mauvaises mises en page et les palettes de couleurs, vous aurez un site web performant et agréable à regarder.

Vérifiez vos points de référence actuels

Pour savoir si une refonte a été efficace, vous devrez connaître vos statistiques de site actuelles.

Vous pouvez facilement vérifier vos points de référence actuels en installant MonsterInsights. C'est un plugin qui connecte Google Analytics à votre back-end WordPress, compilant toutes vos données de performance en un seul endroit.

Une fois que vous ajoutez MonsterInsights à votre site web, trouvez le rapport Articles/Pages les plus populaires. Ici, vous verrez combien de visiteurs vous recevez :

Si vous souhaitez enregistrer des données de MonsterInsights, cliquez sur le bouton Exporter le rapport PDF. Cela téléchargera un fichier zip avec vos vues de page, sessions utilisateur, taux de rebond, et plus encore :

En enregistrant ces statistiques, vous pouvez facilement voir si votre refonte en valait la peine. Vous pourrez comparer les analyses avant et après la mise en ligne du nouveau design.

Vous voulez voir ce que MonsterInsights peut faire d'autre ? Lisez notre avis complet !

Ayez des objectifs pour la refonte

Une fois que vous connaissez vos points de référence de performance, vous pouvez fixer des objectifs pour la refonte.

Avec une bonne refonte, vous pouvez :

• Accélérer le temps de chargement
• Augmenter les taux de conversion
• Réduire le taux de rebond
• Augmenter le temps moyen passé sur la page
• Améliorer l'expérience utilisateur
• Et plus encore !

Vous pourriez également essayer un rebranding avec de nouvelles couleurs, logos ou mises en page. Assurez-vous d'enregistrer vos points de référence de performance avant et après la refonte. Ces métriques vous aident à décider si la refonte a été réussie ou non.

Définir un budget

Enfin, vous devrez décider quel sera votre budget pour le projet. Certains coûts de base pour une refonte incluent l'achat d'un nouveau thème ou l'embauche d'un concepteur web professionnel.

Si vous souhaitez économiser de l'argent pour d'autres domaines de votre entreprise, nous vous recommandons de faire votre refonte vous-même. Avec un bon theme builder, vous n'aurez pas besoin de compétences en codage pour construire votre nouveau site.

Comment refondre un site WordPress

Une fois que vous décidez d'améliorer la conception de votre site, vous ne savez peut-être pas comment vous y prendre. Ne vous inquiétez pas, je vous guiderai à chaque étape !

• Étape 1 : Installer Duplicator Pro : Un plugin de sauvegarde et de migration facilite la migration de votre site vers une zone de staging pour la refonte.
• Étape 2 : Créer une copie de votre site web en direct : Générez une sauvegarde complète de votre site actuel et téléchargez-la.
• Étape 3 : Créer un site de staging : Mettez en place un environnement de test sécurisé en utilisant LocalWP ou les outils de staging de votre hébergeur.
• Étape 4 : Importer votre sauvegarde : Téléchargez la sauvegarde de votre site dans l'environnement de staging pour importer vos données en direct.
• Étape 5 : Créer votre nouveau design : Utilisez SeedProd ou d'autres outils de conception pour créer votre site web redessiné.
• Étape 6 : Lancer votre nouveau site web : Créez des points de récupération après sinistre, puis migrez votre refonte terminée vers le serveur en direct.
• Étape 7 : Auditer votre site redessiné : Vérifiez les erreurs, les liens brisés, les problèmes de SEO et la fonctionnalité globale.

Étape 1 : Installer Duplicator Pro

Si vous envisagez une refonte, vous ne voudrez pas construire une nouvelle installation WordPress à partir de zéro. Même si vous refaites entièrement votre site web, il est important de conserver tous vos articles, pages, plugins et autres détails clés.

Pour éviter toute perte de données, je vous recommande de créer une copie de votre site web en direct et de la déplacer vers un site de staging. Ici, vous pouvez créer un nouveau design sans affecter vos utilisateurs en direct.

Le meilleur outil pour cette tâche est Duplicator. Ce plugin WordPress est un outil puissant pour les sauvegardes, les migrations et le clonage. Il télécharge votre site web entier sous forme d'un seul fichier zip, ce qui facilite son déplacement.

Vous ne savez pas si vous avez besoin de Duplicator pendant le processus de refonte ? Découvrez comment Rock Lobster Webdesign augmente l'efficacité de la conception avec Duplicator !

Tout d'abord, sélectionnez un abonnement pour Duplicator Pro. Il existe une version gratuite, mais Duplicator Pro offre des migrations par glisser-déposer. Cela peut vous aider à mettre votre refonte en place rapidement.

Après avoir terminé votre achat, copiez votre clé de licence. Ensuite, ouvrez le tableau de bord de votre site WordPress en direct et installez Duplicator.

Ensuite, allez dans Duplicator Pro » Paramètres » Général.

Collez votre clé de licence et cliquez sur le bouton Activer. Vous êtes maintenant prêt à commencer le processus de refonte !

Étape 2 : Créez une copie de votre site web en direct

Pour l'étape suivante, vous devrez créer une copie (ou sauvegarde) de votre site web. Les sauvegardes manuelles peuvent être un travail ardu, mais Duplicator le rend simple pour les débutants.

Duplicator fonctionne en sauvegardant tous vos fichiers WordPress, thèmes, plugins et tables de base de données dans un fichier zip. Une fois que vous créez une sauvegarde, vous pouvez facilement la déplacer vers un serveur entièrement nouveau.

Tout d'abord, allez dans Sauvegardes » Ajouter une nouvelle.

Vous pouvez utiliser des balises dynamiques pour nommer la sauvegarde. Sous Stockage, sélectionnez Local.

Dans votre refonte, vous pourriez vouloir supprimer certaines parties de votre site. Dans ce cas, vous pouvez personnaliser le fichier d'archive. Développez simplement la section Sauvegarde et décochez les composants que vous ne souhaitez pas inclure.

Pour sauvegarder l'intégralité de votre site, n'apportez aucune modification. Ensuite, cliquez sur Suivant. 

Duplicator effectuera un scan complet de votre site web en direct. Assurez-vous de vérifier toutes les notifications avant de créer la sauvegarde.

Une fois votre sauvegarde créée, vous pouvez la télécharger.

Si vous prévoyez d'utiliser un environnement de staging local comme LocalWP, ce logiciel installera souvent WordPress pour vous. Dans ce cas, vous n'aurez qu'à télécharger le fichier d'archive.

Cependant, pour téléverser votre sauvegarde directement sur un serveur avec un client FTP ou cPanel, assurez-vous de sauvegarder également le script installer.php. 

Étape 3 : Créez un site de staging

Lors de la préparation d'une tâche importante comme une refonte, il est essentiel d'avoir un site de staging. Il s'agit d'une version clonée de votre site web que vous pouvez utiliser pour tester les modifications sans affecter la fonctionnalité ou l'apparence de votre site en direct. 

Si vous refaites la conception de votre site web en direct, vous pourriez accidentellement publier des bugs à votre public.

En utilisant un site de staging, vous disposerez d'un espace sûr et contrôlé pour vous assurer que tout fonctionne correctement avant la mise en ligne. De plus, vous n'aurez pas à mettre votre site web existant en mode maintenance pendant que vous le refaites. 

Parfois, votre fournisseur d'hébergement web créera automatiquement une zone de staging pour vous. Cependant, vous pouvez également en créer une facilement vous-même ou avec un plugin de staging WordPress.

Pour ce tutoriel, nous utiliserons LocalWP, qui est un logiciel de développement local convivial pour les débutants. Il configurera et hébergera une installation WordPress sur votre ordinateur personnel. De plus, son utilisation est gratuite.

Pour commencer, assurez-vous de télécharger la version de LocalWP qui correspond au système d'exploitation de votre ordinateur. Ensuite, ajoutez un nouveau site en cliquant sur l'icône + .

Ensuite, nommez votre site de staging. Si vous êtes un développeur, n'hésitez pas à configurer une version personnalisée de PHP, Apache et MySQL. Alternativement, l'option Préférée permettra de créer un site WordPress de base.

En dernière étape, entrez un nom d'utilisateur, un mot de passe et une adresse e-mail WordPress. Vous utiliserez ces informations d'identification pour accéder au tableau de bord de votre site de staging.

Vous pourriez vouloir héberger votre site de staging sur le même serveur que votre site web en direct. Cela garantira qu'il n'y aura pas d'erreurs lors de la migration des modifications entre les deux sites.

Pour vous aider dans cette démarche, consultez notre tutoriel sur la création d'un site de staging WordPress. 

Étape 4 : Importez votre sauvegarde

Après que LocalWP a créé votre site de staging, il s'agira d'une installation WordPress par défaut. Pour qu'il ressemble et se comporte comme votre site en direct, vous pouvez simplement importer votre sauvegarde enregistrée.

Sur votre application locale, sélectionnez votre site et cliquez sur WP Admin. Cela ouvrira le tableau de bord du site local.

Ici, installez et activez Duplicator Pro en tant que plugin. Ensuite, trouvez la page Importer des sauvegardes et téléchargez le fichier d'archive que vous avez enregistré précédemment.

Duplicator vous informera lorsque la sauvegarde sera téléchargée. Cliquez sur Continuer pour démarrer l'installation.

Sur la page suivante, cliquez sur Lancer l'installateur.

Après cela, vous verrez des instructions étape par étape pour déployer l'installation de votre site.

Acceptez les termes et les avis. Ensuite, cliquez sur Suivant.

Enfin, examinez les paramètres d'installation. S'ils semblent corrects, cliquez sur OK.

Duplicator remplacera alors le site local par défaut par une copie exacte de votre site en direct ! Vous pouvez utiliser le bouton Connexion administrateur pour accéder à votre nouveau tableau de bord. 

Étape 5 : Créez votre nouveau design

Maintenant que vous avez un site de staging, vous pouvez effectuer une refonte complète pendant que votre site Web d'origine est toujours en ligne.

Bien que vous puissiez concevoir votre site Web avec les éditeurs WordPress intégrés, ceux-ci ne sont pas très conviviaux ni flexibles. 

Pour concevoir facilement tout type de site Web, je vous recommande d'utiliser SeedProd. SeedProd est le meilleur constructeur de sites Web car il offre une édition par glisser-déposer, plus de 150 modèles de pages de destination et même des thèmes de site Web préconçus.

Bien que SeedProd ait commencé comme un constructeur de pages de destination, il a évolué pour personnaliser chaque partie de votre site Web. En utilisant son constructeur de thèmes, vous pouvez facilement concevoir de nouvelles pages, en-têtes, pieds de page, et plus encore.

Pour profiter de toutes ces fonctionnalités, installez et activez SeedProd sur votre site WordPress local. Ensuite, allez dans SeedProd » Constructeur de thèmes » Kits de modèles de thèmes.

Cela vous donnera de nombreux kits de thèmes préconçus parmi lesquels choisir. Plutôt que de coder manuellement chaque modèle de page à partir de zéro, SeedProd peut accélérer le processus de conception.

Vous y trouverez des sites Web pour des portfolios, des entreprises en ligne, des blogs, et bien plus encore.

Une fois que vous avez sélectionné un nouveau thème, vous aurez des modèles pour votre page d'accueil, vos articles, vos en-têtes et vos pieds de page. Pour modifier l'un d'eux, cliquez sur Modifier la conception.

Vous pouvez ensuite utiliser le constructeur de pages SeedProd pour personnaliser entièrement votre thème. N'hésitez pas à faire glisser et déposer de nouveaux blocs sur la page, à modifier les polices, à mettre à jour les couleurs par défaut et à apporter toute autre modification.

Assurez-vous de sauvegarder vos modifications une fois terminé. Ensuite, publiez chaque modèle de thème. En haut de la page, activez le nouveau thème SeedProd.

Si vous souhaitez un guide plus approfondi sur la conception d'un site Web avec SeedProd, consultez cet article sur comment créer un thème WordPress personnalisé sans code. 

Étape 6 : Lancez votre nouveau site web

Une fois que vous avez entièrement refait la conception de votre nouveau site Web, il est temps de publier vos modifications !

Avec Duplicator, tout ce que vous aurez à faire est de créer une sauvegarde du site de staging. Ensuite, téléchargez le fichier d'archive de la sauvegarde.

Avant d'importer cela sur votre site Web en direct, envisagez de créer un point de récupération après sinistre. Fondamentalement, cela sauvegardera votre site juste avant la mise à jour de sa conception. Si vous remarquez des erreurs critiques que vous avez manquées lors du développement, vous pouvez simplement revenir à cette sauvegarde.

Pour ce faire, créez une sauvegarde de votre site d'origine. Assurez-vous de sélectionner Local comme emplacement de stockage.

Continuez à créer la sauvegarde. Une fois terminé, cliquez sur l'icône de la maison bleue.

Cliquez sur Définir la récupération après sinistre.

À ce stade, copiez le lien de récupération ou téléchargez le fichier du lanceur. Si vous les enregistrez dans un endroit sûr, vous pouvez les utiliser pour récupérer instantanément votre site.

Il est maintenant temps d'importer votre refonte. Pour ce faire, allez à la page Importer les sauvegardes et téléchargez le fichier zip de votre site de staging. Ensuite, Duplicator vous guidera dans l'importation de votre sauvegarde sur le site Web. 

Pour plus de détails, consultez notre tutoriel sur comment déplacer un site WordPress local vers un serveur en direct.

Étape 7 : Auditez votre site refondu

Même si vous avez vérifié les erreurs sur votre site de staging, vous pourriez en manquer. Après avoir mis en ligne votre refonte, il est important de vérifier minutieusement votre site Web pour vous assurer qu'il est beau et fonctionne correctement.

Pour vous assurer que votre optimisation pour les moteurs de recherche (SEO) est parfaite, envisagez de faire un audit SEO complet. All-in-One SEO est le meilleur plugin SEO pour cela car il vous donne une liste de suggestions SEO conviviale pour débutants pour votre site Web.

Je recommanderais également de créer un formulaire de ticket de support. De cette façon, votre public peut signaler tout bug ou erreur 404 qui impacte leur expérience sur votre site.

En utilisant un plugin comme WPForms, vous pouvez commencer avec un modèle de ticket de support et modifier le formulaire de contact pour répondre à vos besoins spécifiques.

Voici quelques autres tâches que vous devriez effectuer juste après une refonte :

• Vérifiez les liens brisés et ajoutez des redirections si nécessaire
• Revoyez à nouveau vos pages et articles Web les plus performants
• Assurez-vous que les titres, en-têtes et méta-descriptions sont restés cohérents avant et après la migration
• Testez la vitesse de chargement de votre page
• Supprimez les plugins qui ne sont pas activement utilisés
• Vérifiez votre sitemap XML et corrigez les erreurs
• Testez votre refonte sur différents navigateurs

Après tout cela, vous aurez une belle refonte qui attirera de nouveaux visiteurs et les incitera à revenir encore et encore sur votre site Web ! 

Questions fréquemment posées (FAQ)

Conclusion

C'est tout ! Vous avez appris comment refondre un site WordPress.

Pendant que vous êtes ici, vous pourriez aimer ces tutoriels WordPress et ces critiques de plugins :

• 15 meilleurs thèmes WordPress pour créer un site Web époustouflant
• Comment nettoyer un site WordPress (11 astuces d'experts)
• Comment changer votre thème WordPress
• Comment créer une sauvegarde WordPress dans le cloud
• 9 meilleurs plugins pour cloner un site WordPress
• Comment optimiser votre base de données WordPress

Vous n'avez pas besoin de passer beaucoup de temps à déplacer manuellement votre site Web vers et depuis une zone de staging. Téléchargez Duplicator Pro pour commencer à utiliser les migrations par glisser-déposer !