Comment cloner un site Web pour une mise en scène facile avec Website Pro

Avant de lancer les sites Web que vous créez et revendez pour les clients, il est essentiel que vous exécutiez plusieurs tests pour vous assurer que les nouvelles fonctionnalités (et les nouveaux sites Web) fonctionnent correctement. Le clonage et la mise en scène des sites Web de vos clients vous permettent de créer des copies exactes pour tester toutes les nouvelles modifications et mises à jour, vous aidant à assurer la tranquillité d'esprit sans bogues ou erreurs en direct.

Commencez à diversifier votre source de revenus. Obtenez dès maintenant votre « Guide en 6 étapes pour vendre des services de site Web aux entreprises locales ».

Dans cet article, vous en apprendrez plus sur les conseils et les meilleures pratiques pour cloner un site Web pour la mise en scène, et comment Website Pro facilite ce processus pour garantir le succès des tests et du lancement du site Web.

Table des matières

• Quand et pourquoi auriez-vous besoin de cloner un site Web ?
  • Pour sauvegarder un site Web
  • Pour tester la compatibilité
  • Déménagement vers un nouveau serveur
  • Apporter des modifications importantes à votre site Web
• Pourquoi vous devez cloner un site Web pour créer un environnement de staging
• Meilleures pratiques pour savoir comment cloner un site Web pour la mise en scène
  • Choisissez la bonne méthode de clonage
  • Mettez à jour vos plugins WordPress
  • Supprimer les thèmes et plugins inutilisés
  • Examiner et mettre à jour les URL
  • Créer des sauvegardes régulières
• Comment cloner un site Web pour la mise en scène avec Website Pro
  • Accéder au constructeur visuel
  • Réinitialiser le site intermédiaire
  • Poussez la mise en scène pour vivre
• Conseils importants sur la façon de cloner un site Web pour la mise en scène
  • Migrer la base de données vers un nouvel emplacement
  • Mettre à jour les URL des sites
  • Désactiver l'indexation des moteurs de recherche
  • Sécuriser le site de staging
  • Sauvegardez, mettez à jour et testez souvent le site intermédiaire
• Erreurs courantes à éviter lors du clonage d'un site Web
  • Échec de la mise à jour des plug-ins ou logiciels actifs
  • Remplacer le site de production
  • Ignorer les problèmes de compatibilité
  • Ignorer le processus de nettoyage
• Questions fréquemment posées
  • Qu'est-ce qu'un environnement de mise en scène ?
  • Quelle est la différence entre les environnements de staging et de production ?

Quand et pourquoi auriez-vous besoin de cloner un site Web ?

Le clonage d'un site Web est comme il se doit : tout prendre d'un site et créer une copie exacte. Le plus souvent, le clonage d'un site Web vous permet de créer une copie exacte de votre site Web existant et permet aux développeurs de l'utiliser comme environnement intermédiaire pour tester toute nouvelle modification avant sa mise en ligne pour les utilisateurs.

Le test des modifications du site Web sur le site Web cloné réduit également les risques d'erreurs transmises à l'utilisateur final, permettant aux développeurs Web d'effectuer des mises à jour et d'expérimenter de nouvelles fonctionnalités sans risquer de casser le site en direct. Vous trouverez ci-dessous quelques-uns des cas d'utilisation supplémentaires que vous devriez envisager pour cloner le site Web de votre client à des fins de mise en scène.

Pour sauvegarder un site Web

En cas de problèmes inattendus avec le site Web de votre client, tels que des plantages, des pertes de données ou des cyberattaques, le fait d'en avoir une copie de sauvegarde garantit que vous aurez toujours une autre version du site pour la restaurer. Puisqu'un clone est une copie exacte du code de votre site Web, vous pouvez également l'utiliser pour créer un autre site Web à partir de zéro ou lancer une nouvelle version de l'original.

Pour tester la compatibilité

C'est une bonne pratique d'apporter des modifications et des mises à jour sur un site de développement avant de le mettre en ligne, comme un tout nouveau thème ou un plug-in WordPress. Cela garantit que toute nouvelle fonctionnalité ou fonctionnalité mise à jour s'intègre bien à l'infrastructure du site Web actuel et fonctionne de manière optimale sans aucun problème de compatibilité.

L'utilisation d'un environnement de mise en scène vous permet également d'expérimenter différentes dispositions et configurations pour voir si les utilisateurs et les parties prenantes réagissent bien à la nouvelle apparence.

Déménagement vers un nouveau serveur

Si vous envisagez un nouveau fournisseur d'hébergement Web parce que les sites Web de vos clients ont besoin de meilleures performances et d'une meilleure sécurité pour répondre aux demandes de leurs utilisateurs, c'est là qu'une version clonée de leur site est utile. Cela vous permet de tester le site et de déterminer s'il fonctionnera de la même manière ou mieux sur les nouvelles solutions d'hébergement sans que cela n'affecte le site Web ou le serveur existant.

Lorsque vous décidez de migrer vos sites Web d'AWS vers Google Cloud, vous pouvez facilement le mettre en ligne via le site cloné. Cela rendra le site Web de votre client accessible aux utilisateurs tout au long du processus de migration sans aucune interruption.

Apporter des modifications importantes à votre site Web

Pour offrir une expérience utilisateur positive en ligne, vous devez vous assurer que le site Web de votre client est à jour avec les dernières caractéristiques et fonctionnalités Web applicables à son entreprise. Si vous êtes chargé d'un projet majeur de refonte de site Web qui comprend des refontes complètes, l'ajout de nouvelles fonctionnalités ou la modification de la mise en page, cela doit toujours être fait dans un environnement de mise en scène pour s'assurer que tous les changements fonctionnent et fonctionnent correctement ensemble.

Pourquoi vous devez cloner un site Web pour créer un environnement de staging

Assurer la sécurité et la fonctionnalité du site Web de votre client est primordial pour le succès de vos offres de services de gestion de site Web, en particulier pour :

1. Test : étant donné que le site de développement pour WordPress est une copie du site Web de votre client, il vous permet de tester les modifications et les mises à jour du site Web avant de les diffuser en direct au public. C'est également un excellent moyen d'identifier et de gérer les erreurs, bogues ou problèmes avant qu'ils ne s'aggravent.
2. Flexibilité : si vous cherchez à tester et à expérimenter de nouvelles fonctionnalités sur un site Web client, l'utilisation d'un environnement de staging atténue tout risque d'effets négatifs sur d'autres composants du site Web en ligne.
3. Collaboration : non seulement un environnement de mise en scène vous aide, vous et votre équipe de conception Web, à collaborer pour créer le site Web, mais il vous aide également à fournir à votre client une conception fictive sur laquelle il peut fournir des commentaires.
4. Sécurité : dans certains cas, l'introduction de nouveaux plug-ins, codes ou extensions sur un site Web peut entraîner des failles de sécurité ou des risques supplémentaires s'ils ne fonctionnent pas correctement avec le site. L'utilisation d'un environnement de simulation dans ce cas vous donne la possibilité de tester et de confirmer si ces violations pourraient se produire sur le site Web en direct.
5. Efficacité : les modifications et les mises à jour apportées à un site intermédiaire peuvent être testées plus rapidement et plus efficacement, car il faudrait moins de temps et de ressources pour réparer et restaurer la version intermédiaire d'un site.

Meilleures pratiques pour savoir comment cloner un site Web pour la mise en scène

Lorsque vous revendez des sites Web en marque blanche à vos clients, il est important de vous assurer que la version en direct de leur site est diffusée sans aucun problème. Voici quelques bonnes pratiques à suivre lorsque vous clonez le site Web de votre client à des fins de mise en scène.

Choisissez la bonne méthode de clonage

Lors du clonage d'un site Web pour la mise en scène, le choix de la bonne méthode est essentiel pour assurer une migration facile et fiable. Un plugin de mise en scène, tel que WP Staging ou Duplicator, est l'une des méthodes les plus populaires. Cela vous permet de créer rapidement et facilement une réplique exacte de votre site Web sur une URL distincte. Vous pouvez ensuite tester les modifications ou les mises à jour avant de les mettre en ligne.

Cependant, vous pouvez facilement cloner un site Web à l'aide de l'outil de staging sur Website Pro (que nous verrons ci-dessous). Quelle que soit la méthode que vous choisissez, suivez les meilleures pratiques, comme effectuer des sauvegardes régulières de votre site et tester soigneusement les modifications avant de les mettre en ligne.

Mettez à jour vos plugins WordPress

Les versions obsolètes des plug-ins peuvent parfois contenir des vulnérabilités qui peuvent constituer un risque de sécurité pour le site Web de votre client et ses utilisateurs. De plus, vous pouvez rencontrer des problèmes qui ne peuvent pas être résolus pour les anciennes versions de vos plug-ins, car le support peut être réduit pour cela.

Non seulement la mise à jour de vos plug-ins apporte de nouvelles fonctionnalités au site Web de votre client, mais les mises à jour logicielles des plug-ins contiennent souvent des corrections de bogues et des améliorations de performances qui garantissent la compatibilité avec la version de WordPress utilisée.

Supprimer les thèmes et plugins inutilisés

Dans le même ordre d'idées, les thèmes ou modèles inutilisés, ainsi que les plug-ins, peuvent considérablement ralentir les performances d'un site Web. C'est pourquoi il est important de supprimer ceux que vous n'utilisez pas actuellement. Les thèmes inutilisés doivent être supprimés du serveur, tandis que les plugins actifs doivent être désactivés puis supprimés.

Il est également important de garder une trace des plugins actuellement utilisés sur le site d'origine pour éviter les problèmes lors de la mise à jour ou du clonage à des fins de mise en scène. De plus, c'est une bonne idée d'identifier et de supprimer tout logiciel obsolète ou incompatible qui pourrait également causer des problèmes.

Examiner et mettre à jour les URL

Lors du clonage d'un site Web à des fins de mise en scène, la révision et la mise à jour des URL sont essentielles pour garantir que le contenu est fidèlement reflété sur le nouveau site.

Les meilleures pratiques pour mettre à jour les URL incluent la recherche de liens codés en dur dans le code source et la vérification des ressources externes telles que les fichiers CSS et JavaScript pour s'assurer que toutes les destinations de lien sont exactes. C'est aussi une bonne idée de tester le nouveau site par la suite pour vérifier que tout fonctionne correctement.

De plus, il peut être nécessaire d'ajuster la structure de l'URL pour s'assurer que les utilisateurs peuvent toujours accéder à leurs comptes ou à d'autres contenus sans rencontrer d'erreurs.

Créer des sauvegardes régulières

La création de sauvegardes régulières de votre site Web est une étape essentielle pour éviter les pertes de données ou d'autres problèmes. Les sauvegardes doivent être créées au moins une fois par semaine et enregistrées dans des emplacements sécurisés, idéalement hors site, pour une protection supplémentaire.

Pour de meilleurs résultats, essayez de stocker les fichiers de sauvegarde sur un serveur différent de celui hébergeant le site pour vous assurer que vous disposez d'une copie disponible en cas d'urgence. De plus, envisagez d'automatiser le processus à l'aide d'un plugin ou d'un script pour gagner du temps et des efforts.

Comment cloner un site Web pour la mise en scène avec Website Pro

Si vous gérez plusieurs sites WordPress pour des clients, vous aurez besoin d'une solution qui crée et gère également les versions intermédiaires de leurs sites. Heureusement, Website Pro facilite le clonage de n'importe quel site Web. Tout ce que tu dois faire est:

Source

1. Ouvrez le tableau de bord Website Pro.
2. Ouvrez le menu de la barre latérale et accédez à la vue de mise en scène.
3. Dans la vue intermédiaire, vous pouvez soit cliquer sur :
   1. Créez une zone de transit à partir d'une sauvegarde.
   2. Activer une zone de staging à partir de zéro.

À partir de là, tout ce que vous avez à faire est d'attendre quelques minutes que le site Web soit cloné, et vous aurez accès à plusieurs options pour créer et réinitialiser votre environnement de staging. Voici quelques-unes des fonctionnalités dont vous pouvez profiter à partir du tableau de bord de mise en scène.

Accéder au constructeur visuel

Website Pro vous permet de modifier et de mettre à jour facilement votre site de développement en appuyant simplement sur un bouton. Tout ce que vous avez à faire est de cliquer sur le bouton "modifier mon site" sur le tableau de bord de staging pour commencer à travailler sur votre environnement de staging pour tester, un nouveau site Web, des fonctionnalités, des plug-ins ou des thèmes.

Réinitialiser le site intermédiaire

Si vous rencontrez des erreurs lors de vos tests et de votre mise en scène et que vous souhaitez restaurer votre site de mise en scène vers une version spécifique, cliquez simplement sur le bouton "Réinitialiser la zone de mise en scène à partir d'un bouton de sauvegarde". Vous pouvez réinitialiser le site intermédiaire sur les paramètres suivants :

Source

1. Réinitialisez sur le site en direct. Cela restaurera le site intermédiaire à la dernière version du site en ligne.
2. Réinitialiser à partir d'une sauvegarde. Vous permet de restaurer le site à partir de n'importe quel fichier de sauvegarde de votre choix.
3. Réinitialiser à partir d'un modèle. Cela vous permet de choisir parmi une liste de modèles et d'installer un nouveau modèle de site Web dans votre environnement de développement, ce qui modifiera la mise en page et la conception du site.

Poussez la mise en scène pour vivre

Une fois que vous êtes satisfait des modifications et des mises à jour que vous avez apportées au site Web de votre client, vous pouvez facilement appliquer ces modifications au site Web en direct avec le bouton push to live site. À partir de là, vous avez la possibilité de remplacer uniquement le système de fichiers ou l'ensemble du site avec sa base de données et son système de fichiers.

Vous avez même la possibilité de conserver les fichiers de mise en scène pour des modifications ultérieures, si vous en avez besoin.

Conseils importants sur la façon de cloner un site Web pour la mise en scène

Migrer la base de données vers un nouvel emplacement

Que vous testiez de nouvelles fonctionnalités, modifiiez la mise en page ou installiez de nouveaux plug-ins, il est important de migrer la base de données vers un nouvel emplacement avec une réplique exacte de la base de données du site d'origine, mais pas l'original. Cela garantit que tout le contenu et les données du site d'origine restent présents et actifs dans la version en direct sans qu'ils ne soient affectés par les modifications ou les expérimentations effectuées sur le site de développement.

Mettre à jour les URL des sites

Par précaution, assurez-vous que les URL de l'environnement de staging sont complètement différentes et identifiables de la version en direct du site Web. Non seulement cela aide à atténuer les risques que les utilisateurs tombent accidentellement sur la version intermédiaire du site, mais cela vous aide également à éviter toute confusion avec la version sur laquelle vous travaillez simplement en regardant l'URL elle-même.

L'utilisation des mêmes URL que la version en direct peut également causer des problèmes de référencement, car les moteurs de recherche peuvent considérer le site Web clone comme un contenu en double et pénaliser les deux sites dans le processus.

Désactiver l'indexation des moteurs de recherche

Pour une assurance supplémentaire sur les performances du trafic SEO de votre site en direct, il est préférable de s'assurer que le site Web cloné reste désindexé des moteurs de recherche. Cela empêchera les moteurs de recherche de l'explorer et de le classer et de cannibaliser le site en direct dans les pages de résultats de recherche. Assurez-vous de modifier le fichier robots.txt de votre site Web afin que le site intermédiaire ne soit pas exploré, mais si vous souhaitez gagner du temps, envisagez d'utiliser un plug-in pour le modifier sans tracas.

Sécuriser le site de staging

Comme pour tout autre site Web, la cybersécurité est également primordiale avec le site de développement. Lorsque vous travaillez dans un environnement intermédiaire, ne laissez que les utilisateurs autorisés travailler sur le site afin que personne d'autre ne puisse voler ou corrompre les données, car tout compromis pourrait également affecter le site en direct.

Par mesure de précaution supplémentaire, gardez toujours une trace de chaque utilisateur accédant au site intermédiaire et assurez-vous qu'il ne s'agit que d'utilisateurs autorisés. Vous devez également vous assurer que chaque mot de passe de connexion est fort et mettre en œuvre des mesures de sécurité supplémentaires, telles que des pare-feu et des scanners de logiciels malveillants.

Sauvegardez, mettez à jour et testez souvent le site intermédiaire

Il est avantageux de créer des habitudes de maintenance régulières du site Web, même pour la version intermédiaire du site Web de votre client.

• La sauvegarde du site intermédiaire ajoute souvent une tranquillité d'esprit supplémentaire pour vous assurer de ne pas perdre de données si des problèmes ou des erreurs se produisent pendant les tests. Cela vous permet de le restaurer facilement dans la version la plus récente du site avant d'apporter les modifications.
• La mise à jour du site de développement empêche fréquemment les vulnérabilités de sécurité ou les bogues de passer, et que votre site de développement reste compatible avec les derniers logiciels et plugins disponibles.
• Tester régulièrement le site de développement vous aide à détecter les problèmes ou les erreurs suffisamment tôt pour que vous puissiez apporter les modifications et les mises à jour nécessaires avant leur mise en ligne.

Erreurs courantes à éviter lors du clonage d'un site Web

Le clonage d'un site Web est un processus simple. Mais éviter de faire des erreurs lors du clonage d'un site est essentiel, car elles peuvent entraîner des problèmes. Voici quelques-unes des erreurs les plus courantes :

Échec de la mise à jour des plug-ins ou logiciels actifs

Avant le clonage, tous les plugins actifs doivent être mis à jour (ou désactivés et supprimés) pour éviter les conflits potentiels sur le serveur intermédiaire. De plus, assurez-vous de tester soigneusement le site cloné par la suite pour vérifier les erreurs qui auraient pu être causées par le fait de ne pas avoir mis à jour les plugins et les logiciels au préalable.

Que vous testiez de nouveaux thèmes, des plug-ins ou même différentes versions de WordPress pour le site Web de votre client, résolvez les problèmes de compatibilité dès qu'ils surviennent. Cela garantira que chaque fonctionnalité fonctionne sur la version intermédiaire du site avant d'être mise en ligne et atténuera tout problème potentiel en cours de route.

Remplacer le site de production

Dans tous les cas, avec un site intermédiaire, ne remplacez ou ne supprimez jamais les fichiers originaux du site Web en direct qui ont été migrés vers le site Web cloné pour la mise en scène. Cela pourrait entraîner des problèmes de compatibilité futurs avec les outils et les logiciels, ainsi que des pertes de données permanentes et des perturbations du site Web lorsque des modifications sont mises en ligne.

Ignorer les problèmes de compatibilité

Ignorer tout problème de compatibilité peut entraîner des problèmes de fonctionnalité pour les utilisateurs et potentiellement endommager le site en ligne lorsque ces modifications sont mises en ligne sans diligence raisonnable. Comme nous l'avons mentionné précédemment, la mise à jour régulière des plug-ins et des thèmes du site Web de votre client permet d'éviter que des problèmes de fonctionnalité ne s'accumulent et ne causent des problèmes plus importants aux utilisateurs à l'avenir.

Ignorer le processus de nettoyage

Avant de créer un environnement intermédiaire pour le site Web de votre client, vous devez prendre l'habitude d'optimiser ou de supprimer toutes les données ou tous les fichiers inutiles que vous n'utiliserez plus. Cela garantit que toutes vos données sont optimisées et rationalisées, permettant au site Web de se charger plus rapidement et de fonctionner plus facilement tout en atténuant les problèmes ou les erreurs lors des tests. Commencez par supprimer tous les plug-ins, thèmes ou images inutilisés, ainsi que les informations inutiles de votre base de données.

Autre conseil, assurez-vous que les informations personnelles ou sensibles de l'utilisateur, telles que les identifiants de connexion ou les informations de paiement, ne sont pas importées dans le site de test pendant que vous testez. Ceci pour garantir que les données utilisateur ne sont pas écrasées ou compromises, et pour atténuer les risques de sécurité potentiels.

Questions fréquemment posées

Qu'est-ce qu'un environnement de mise en scène ?

Un environnement de staging est une copie de votre site Web en direct. Il teste de nouvelles fonctionnalités, plugins et thèmes avant qu'ils ne soient mis en ligne sur le site principal. Un environnement intermédiaire permet aux développeurs de sites Web d'auditer toute modification ou mise à jour pour savoir s'ils peuvent fonctionner correctement avec la version actuelle du site Web en direct.

Quelle est la différence entre les environnements de staging et de production ?

Un environnement de production contient la version en direct d'un site Web accessible à toute personne disposant d'une connexion Internet. Tout déploiement de fonctionnalité ou de mise à jour effectué sur l'environnement de production aura un impact sur l'utilisateur final du site Web. Pendant ce temps, l'environnement de staging est principalement utilisé par les développeurs de sites Web pour tester et déboguer les outils et les configurations avant de les pousser sur le site Web en direct.