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.
• La mise en scène en un clic de Duplicator Pro simplifie l'ensemble du processus : Créez un site de staging directement depuis votre tableau de bord à partir de n'importe quelle sauvegarde complète du site.
• Définissez d'abord les références de performance : Suivez les métriques actuelles avec MonsterInsights et Google Search Console 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 redirections 301, les Core Web Vitals, 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 :

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

Vous devriez également extraire vos scores Core Web Vitals de Google Search Console. Allez dans Expérience » Core Web Vitals et exportez vos rapports mobile et desktop.

Ce sont les métriques de performance que Google utilise pour évaluer l'expérience utilisateur, et il est utile de les suivre avant et après une refonte pour confirmer que vous avez amélioré (et non dégradé) vos performances de recherche.

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.

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éez un site de staging : Utilisez Duplicator pour transformer instantanément la sauvegarde de votre site en direct en un site de staging
• Étape 4 : Créez votre nouveau design : Utilisez SeedProd ou d'autres outils de conception pour créer votre site web refondu
• Étape 5 : Lancez 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 6 : Auditez votre site refondu : 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. 

La mise en place d'un environnement de staging était autrefois la partie la plus frustrante d'une refonte. Vous deviez soit comprendre les outils de staging de votre hébergeur, configurer un environnement de développement local comme LocalWP, soit copier manuellement les fichiers vers un sous-domaine.

Duplicator Pro élimine tout cela. Avec la mise en scène en un clic, vous pouvez créer un site de staging directement depuis votre tableau de bord WordPress.

Allez dans Duplicator Pro » Staging et créez votre premier site de staging.

Choisissez la sauvegarde que vous avez créée à l'étape précédente. Donnez un titre au site et un schéma de couleurs d'administration personnalisé afin qu'il soit facile de savoir que vous modifiez votre site de staging, et non le site en direct.

Une fois le clonage terminé, connectez-vous au tableau de bord d'administration de votre site de staging. Tout ressemble et fonctionne exactement comme votre site en direct. Votre public ne voit rien.

Si vous êtes un développeur qui préfère travailler localement, LocalWP reste une option solide. Téléchargez la version qui correspond à votre système d'exploitation, ajoutez un nouveau site et importez une sauvegarde Duplicator. Mais pour la plupart des propriétaires de sites, la mise en scène en un clic est la voie la plus rapide.

Étape 4 : 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 5 : 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. 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 6 : 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
• Vérifiez votre site par rapport aux normes de base d'accessibilité WCAG 2.2
• Comparez vos scores Core Web Vitals aux références que vous avez enregistrées avant la refonte. Portez une attention particulière au LCP (vitesse de chargement), à l'INP (interactivité) et au CLS (décalage de mise en page).
• 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)

Il est temps d'arrêter de refondre sur votre site en direct

La plupart des propriétaires de sites WordPress sautent l'étape du staging car cela donnait l'impression d'un travail supplémentaire. La configuration de LocalWP, la configuration d'un sous-domaine et le transfert manuel de fichiers étaient suffisamment complexes pour que sauter cette étape semble raisonnable.

Cette excuse a disparu. Le staging en un clic de Duplicator Pro transforme ce qui était autrefois une configuration de 30 minutes en un simple clic sur un bouton. Votre site en direct reste en ligne, vos visiteurs ne voient rien, et vous obtenez un environnement privé pour casser des choses sans conséquences.

L'aspect SEO d'une refonte nécessite toujours une attention après le lancement. Un beau nouveau design qui casse vos URL les plus performantes ou fait chuter vos scores Core Web Vitals peut causer de réels dommages dans les classements de recherche avant que vous ne vous en rendiez compte. Effectuez un audit avant de considérer le projet comme terminé.

Vous n’avez pas à passer beaucoup de temps à déplacer manuellement votre site Web vers et depuis une zone de staging. Essayez le staging en un clic de Duplicator Pro à partir de n’importe quelle sauvegarde complète du site !

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