Avez-vous besoin d'un site de staging ?

Un site de staging est une copie privée de votre site WordPress où vous pouvez tester les modifications avant leur mise en ligne. C'est l'un de ces outils que les développeurs expérimentés ne jurent que par, mais que de nombreux propriétaires de sites négligent car cela leur semble être une charge de travail supplémentaire.

Voici pourquoi cela pose problème.

Les mises à jour WordPress causent des dysfonctionnements. Des conflits entre plugins surviennent sans avertissement. Une simple modification CSS peut entraîner un désastre au niveau de la mise en page.

Lorsque ces problèmes surviennent sur votre site en ligne, ils affectent les visiteurs réels, les clients et les robots d'indexation des moteurs de recherche.

Un site de staging vous offre une sécurité supplémentaire. Il s'agit d'un clone complet de votre site web, mais isolé de votre environnement de production.

Vous pouvez casser des choses, tester des mises à jour, résoudre des conflits et essayer de nouvelles fonctionnalités sans risquer d'interrompre votre activité.

Dans cet article, je vais vous expliquer pourquoi vous avez tout intérêt à utiliser un site de test et comment en créer un !

En voici les principaux enseignements :

• Un site de staging est un clone privé de votre site web en ligne où vous pouvez tester en toute sécurité les mises à jour et les modifications sans affecter les visiteurs réels.
• Vous avez besoin d'une mise en scène pour éviter les temps d'arrêt coûteux dus aux conflits de plugins, aux mises à jour de thèmes et aux mises à niveau du cœur de WordPress.
• La mise en scène protège vos revenus, votre réputation et votre classement SEO en détectant les erreurs avant qu'elles n'atteignent votre site de production.
• Les risques potentiels liés à la mise en scène comprennent le remplacement accidentel de données actives et le temps de maintenance supplémentaire requis.
• Les boutiques en ligne, les agences et les sites à fort trafic tirent le meilleur parti des environnements de staging.
• Vous pouvez créer un environnement de test soit via le panneau de contrôle de votre hébergeur web, soit en utilisant un plugin de migration tel que Duplicator.

Table des matières

Résumé rapide : avez-vous besoin d'un site de préproduction ?

Oui, vous avez besoin d'un site de test. Un site de test est une copie privée de votre site web en ligne où vous pouvez tester en toute sécurité les mises à jour des plugins, les changements de thème et les modifications de code sans risquer de temps d'arrêt ou de perturber votre site de production. Il permet d'éviter les erreurs coûteuses qui surviennent lorsque vous mettez à jour le cœur de WordPress, testez de nouvelles fonctionnalités ou résolvez des conflits directement sur votre site en ligne, où les clients peuvent voir tout ce qui ne fonctionne pas.

Avantages et inconvénients des sites de staging

Soyons honnêtes sur ce dans quoi vous vous embarquez.

Pour :

• Environnement de test sans risque: vous pouvez tout casser sans conséquences. Testez une mise à jour de plugin ou essayez un nouveau code sans afficher d'erreurs sur votre site web à la vue des visiteurs.
• Meilleur dépannage: activez le mode débogage WordPress, vérifiez les journaux d'erreurs et identifiez réellement les causes des conflits sans effrayer les clients avec des messages d'avertissement.
• Tranquillité d'esprit pendant les mises à jour: mettez à jour les plugins, les thèmes et le cœur de WordPress sans vous inquiéter. Si quelque chose ne fonctionne plus, votre site en ligne continue de fonctionner comme si de rien n'était.

Cons :

• Configuration et synchronisation: vous gérez désormais deux versions de votre site. Cela demande du temps et de l'attention supplémentaires.
• Coûts potentiels: certaines sociétés d'hébergement facturent des frais supplémentaires pour les environnements de test. Les formules d'hébergement mutualisé moins chères ne les incluent souvent pas du tout.
• Dérive des données: pendant que vous testez les modifications sur le site de test, des événements réels se produisent sur votre site en ligne. Lorsque vous transférez vos modifications du site de test vers le site en ligne, vous risquez d'écraser toutes ces nouvelles données.

Qu'est-ce qu'un site de staging ?

Un site de staging est un clone indépendant de votre site web qui réside dans son propre coin d'Internet.

En général, il se trouve sur un sous-domaine tel que staging.votresite.com. Vous pouvez le voir, mais le public ne le peut pas, et les moteurs de recherche ne peuvent pas l'indexer. Il est invisible pour tout le monde, sauf pour les personnes qui doivent travailler dessus.

Il s'agit de la même installation WordPress, des mêmes plugins, du même thème et du même contenu. Tout est identique à votre site en ligne.

Mais voici le point important : il est complètement isolé. Lorsque vous testez quelque chose sur le site de staging, cela n'affecte pas votre site en ligne.

Les passerelles de paiement doivent être désactivées ou mises en mode test. Les notifications par e-mail doivent être désactivées afin d'éviter d'envoyer accidentellement des spams à de vrais clients.

C'est votre site web, mais sans tous les éléments dangereux.

Vous pouvez le casser. Le reconstruire. Tester des idées farfelues. Et quand, inévitablement, quelque chose tournera mal (car ça arrivera), votre activité continuera de fonctionner comme si de rien n'était.

Pourquoi utiliser un site de préproduction ?

Voyons plus précisément dans quels cas la mise en scène peut être bénéfique pour votre site WordPress.

Mises à jour des plugins

Voici un scénario réel : vous mettez à jour un plugin, mais la nouvelle version entre en conflit avec un autre plugin.

Sur un site en ligne, vous pourriez ne pas remarquer l'erreur pendant plusieurs jours. Si vos formulaires de contact ou votre passerelle d'achat ne fonctionnent pas correctement, vous perdrez des clients.

En phase de test ? Vous annulez immédiatement la mise à jour. Vous pouvez résoudre le problème avant qu'il n'affecte les visiteurs réels.

Mises à jour majeures du noyau

WordPress publie régulièrement des mises à jour de version. Vous devrez peut-être mettre à niveau votre logiciel WordPress ou votre version PHP afin de garantir le bon fonctionnement de votre site.

Il ne s'agit pas de changements mineurs. En raison de cette mise à jour, l'ancien code pourrait ne plus fonctionner ou certaines fonctions obsolètes pourraient cesser de fonctionner. Les plugins qui n'ont pas été mis à jour depuis des années pourraient soudainement générer des erreurs.

C'est pourquoi vous devriez d'abord tester toute mise à jour sur un site de test. Vous verrez ainsi comment elle affectera votre site web sans prendre aucun risque.

Modifications de conception

Peut-être êtes-vous en train d'ajuster le CSS, de corriger des problèmes de remplissage ou de réaligner votre en-tête.

Sans mise en scène, vos visiteurs vous regardent travailler en temps réel. Ils voient la mise en page défectueuse, ce qui n'est pas très esthétique.

Vous devrez suivre l'ensemble du processus de conception sur le site de test et migrer les modifications lorsque vous serez certain de leur efficacité.

Changement de thème

Les différents thèmes gèrent les codes courts de manière différente. Les constructeurs de pages ne les traduisent pas toujours. Votre page d'accueil soigneusement conçue pourrait se transformer en un mur de texte brut de codes courts.

Cette transformation doit se faire en privé (dans votre zone de préparation), et non devant les clients qui essaient d'acheter quelque chose.

Quels sont les risques liés à la non-utilisation d'un site de staging ?

Ne pas disposer d'un site de test présente des risques importants pour votre site web. En voici quelques-uns.

temps d'arrêt

Combien vous coûte une heure d'indisponibilité?

Pour un site de commerce électronique qui rapporte 10 000 dollars par jour, cela représente une perte de plus de 400 dollars. Pour une entreprise SaaS, ce sont des inscriptions manquées que vous ne récupérerez jamais. Pour un site de génération de prospects, ce sont des clients potentiels qui ont cliqué ailleurs et ont appelé votre concurrent à la place.

Et voici le plus dur : les temps d'arrêt durent rarement une heure seulement. Vous devez déterminer ce qui ne fonctionne plus, chercher une solution et résoudre le problème.

Cela représente une demi-journée. Parfois plus.

Avec un site de staging, vous auriez détecté le problème avant qu'il n'atteigne la production.

Ce conflit de plugin ou cette erreur PHP ? Vous l'auriez vu lors des tests. Votre site en ligne serait resté accessible tout ce temps.

Réputation

Les sites défectueux donnent une image peu professionnelle. Les visiteurs ne se disent pas « Oh, ils doivent être en train de mettre à jour quelque chose ». Ils pensent plutôt « Cette entreprise n'est pas capable de maintenir son site web en état de marche ».

La confiance s'évapore rapidement. La regagner prend une éternité.

Un site de staging vous permet de tester en privé les modifications de conception, les mises à jour de thème et les refontes majeures.

Vos visiteurs ne voient jamais les mises en page défectueuses, les boutons mal alignés ou la page d'accueil à moitié terminée. Ils ne voient que le résultat final soigné.

Impact SEO

Le robot d'indexation de Google se moque bien que vous soyez en train de réparer quelque chose. Il se présente, détecte les erreurs ou les pages endommagées, et prend des notes.

Si votre site renvoie des erreurs 500 lors d'une exploration, Google commence à se demander s'il doit continuer à vous classer. Si vous affichez suffisamment de pages défectueuses, vous verrez votre classement baisser.

La mise en scène empêche complètement cela. Vous testez les mises à jour, détectez les erreurs et les corrigez avant le déploiement. Google ne voit jamais de page défectueuse, car vous n'en publiez jamais.

Sans mise en scène, vous prenez un risque à chaque fois que vous mettez à jour quelque chose, en espérant que Google n'explore pas votre site pendant les 20 minutes où il est hors service.

Quels sont les inconvénients liés à l'utilisation d'un site de staging ?

La mise en scène n'est pas parfaite, alors laissez-moi vous montrer quelques problèmes réalistes auxquels vous serez confronté.

Remplacement des données en temps réel

Vous passez deux jours à développer de nouvelles fonctionnalités sur le serveur de test. Tout fonctionne. Vous êtes prêt à les mettre en ligne, alors vous cliquez sur le bouton « Déployer ».

Pour un site de commerce électronique, cela supprimera toutes les commandes passées au cours de ces deux jours. Chaque nouvelle inscription d'utilisateur, chaque commentaire sur le blog et chaque formulaire de contact envoyé disparaîtra.

Pourquoi ? Parce que vous avez transféré votre base de données de staging vers la production, et que votre base de données de staging date de deux jours. Elle ne sait rien de ce qui s'est passé sur le site en ligne pendant que vous travailliez.

Cela arrive tout le temps aux gens, et cela peut être dévastateur.

Frais généraux d'entretien

Vous gérez désormais deux sites web.

Votre site de test doit rester à jour. S'il devient trop ancien, il ne sera plus utile pour les tests. Tester les mises à jour des plugins sur des données datant de trois mois ne vous apprendra pas grand-chose sur leur comportement avec votre configuration actuelle.

Vous êtes donc constamment en train de reconstruire la mise en scène, de synchroniser les bases de données et de vous assurer que tout correspond.

C'est du travail supplémentaire. Il n'y a pas moyen de contourner cela.

Qui a besoin d'un site de staging ?

Si vous appartenez à l'une de ces catégories, la mise en scène n'est pas facultative.

Boutiques en ligne

Une heure d'indisponibilité de votre système de paiement peut vous coûter des milliers d'euros. Une seule écriture en remplacement dans votre base de données peut entraîner la perte définitive des données de vos clients.

Vous ne pouvez pas tester les processus de paiement sur une boutique en ligne active. Vous ne voulez pas risquer de perturber la passerelle de paiement pendant que de vrais clients essaient d'acheter.

Si votre site traite des transactions financières, vous avez besoin d'une zone de test pour déboguer les erreurs tout en garantissant le bon fonctionnement de votre boutique en ligne.

Agences et pigistes

Pour les freelances ou les agences, vos clients doivent approuver les modifications avant leur mise en ligne.

Vous ne pouvez pas leur montrer les travaux en cours sur le site de production. Ils doivent voir le nouveau design de la page d'accueil, cliquer ici et là, demander des modifications et donner leur accord, tout cela avant que les visiteurs réels ne voient quoi que ce soit.

De plus, chaque site client est unique. Vous avez besoin d'un endroit sûr pour tester si vos modifications entraîneront des conflits.

Sites à fort trafic

Si vous recevez des milliers de visiteurs par jour, les temps d'arrêt peuvent être coûteux. Vous ne pouvez pas non plus vous permettre que les visiteurs voient des mises en page défectueuses ou des messages d'erreur pendant les heures de pointe.

Il est important de tout tester d'abord en environnement de staging. Ensuite, déployez les modifications pendant les périodes de faible trafic.

Comment créer un site de préproduction

Il existe plusieurs façons de configurer votre premier site de staging. La méthode appropriée dépend de votre hébergeur et du niveau de technicité que vous souhaitez atteindre.

Passons en revue les deux principales approches.

• Méthode 1: utilisez l'outil de staging de votre hébergeur dans votre panneau de contrôle, s'il est disponible.
• Méthode 2: Utilisez le plugin Duplicator pour transformer n'importe quelle sauvegarde complète du site en site de test
• Méthode 3: Installez le plugin Duplicator sur votre site en ligne, créez une sauvegarde, puis migrez-la vers un sous-domaine ou un autre serveur (fonctionne avec n'importe quel hébergeur)

Méthode 1 : créer un site de test avec votre hébergeur web

De nombreux hébergeurs WordPress gérés intègrent des environnements de test dans leurs panneaux de contrôle.

Bluehost, SiteGround et WP Engine proposent tous la création d'un environnement de test en un seul clic. Il vous suffit de vous connecter à votre tableau de bord d'hébergement, de trouver l'option de test, de cliquer sur un bouton et d'attendre quelques minutes pendant que votre site est cloné.

L'interface vous offre généralement la possibilité de répercuter les modifications sur la production. Certains hébergeurs vous permettent de tout transférer. D'autres vous laissent choisir entre transférer uniquement les fichiers ou l'intégralité de la base de données.

Mais voici le hic : les plans d'hébergement mutualisé moins chers n'incluent souvent pas cette fonctionnalité. Vous devrez peut-être passer à un niveau supérieur. Certains hébergeurs facturent un supplément pour l'accès à la préproduction.

Méthode 2 : Créer un site de test avec Duplicator

Quel que soit votre hébergeur, vous pouvez créer un site de test avec Duplicator. Il s'agit d'un plugin de sauvegarde et de migration qui crée une copie de votre site web et permet de l'utiliser instantanément comme modèle pour un nouvel environnement de test.

Il vous suffit d'installer Duplicator et de créer une sauvegarde complète de votre site web.

Une fois l'installation terminée, rendez-vous sur la page « Staging » de Duplicator. Cliquez sur « Créer votre premier site de préproduction ».

Sélectionnez la sauvegarde que vous venez de créer comme « Sauvegarde source ». Donnez un nom au site de test et attribuez-lui un thème d'administration WordPress unique. Cela vous permettra de distinguer facilement les différents tableaux de bord.

Dans le programme d'installation de Duplicator, acceptez les conditions générales et les mentions légales. Cliquez sur Suivant.

Une fenêtre contextuelle s'ouvrira pour vous demander de confirmer les paramètres d'installation. Cliquez sur OK pour terminer.

Votre site de test est prêt à l'emploi ! Connectez-vous au tableau de bord à l'aide des identifiants d'administrateur de votre site en production. Vous y retrouverez toutes les configurations de votre site réel, à l'exception d'un tableau de bord d'administration aux couleurs différentes.

Apportez toutes les modifications que vous souhaitez, en sachant qu'elles n'auront aucune incidence sur votre site en ligne.

Méthode 3 : Transférer votre site web vers un environnement de test

Duplicator permet de créer une copie de votre site web et de la transférer vers n'importe quel environnement compatible avec WordPress. Je l'utilise volontiers pour mettre en place des sites de test sur des serveurs locaux ou sur différents serveurs de production.

Installez Duplicator sur votre site en ligne. Créez une sauvegarde complète du site et téléchargez-la.

Vous pouvez installer cette sauvegarde sur un sous-domaine ou sur un serveur complètement différent. Vous pouvez même l'installer localement sur votre ordinateur à l'aide d'un outil tel que LocalWP.

Choisissez l'emplacement qui vous convient le mieux. Trouvez le répertoire racine du nouveau site et téléchargez vos fichiers de sauvegarde originaux.

Ouvrez le programme d'installation à l'aide d'une URL telle que celle-ci : https://example.com/installer.php

Duplicator vous guidera tout au long du processus d'installation. Vous devrez vous connecter à la base de données du nouveau site et confirmer la migration.

Vous disposez désormais d'une copie de votre site sur un serveur de test. Elle contient le même contenu et les mêmes paramètres, vous pouvez donc l'utiliser pour faire des essais sans crainte.

Cette méthode vous offre un contrôle total. Vous choisissez où se trouve la zone de préparation. Vous décidez comment la gérer. Vous n'êtes pas lié à ce que votre hébergeur vous fournit.

Meilleures pratiques pour l'utilisation de votre site de staging

Avoir un site de staging est une chose. L'utiliser correctement en est une autre. Voici comment éviter les erreurs courantes.

Toujours cloner frais

Ne testez pas les mises à jour majeures sur un site de test datant de trois mois. Les tests effectués sur des données obsolètes ne vous renseignent en rien sur le comportement des modifications dans votre environnement actuel.

Votre site en ligne a changé depuis lors. Il peut comporter de nouveaux plugins, des paramètres différents ou du contenu mis à jour.

Avant de commencer les tests, remplacez votre site de test par les données récentes issues de la production. Clonez à nouveau votre site d'origine afin de disposer d'une réplique exacte de ce qui est actuellement en ligne.

Données récentes = tests précis.

Avec Duplicator, supprimez à tout moment vos anciens sites de test. Utilisez la procédure de clonage simple pour créer un nouveau site de test avec vos nouvelles données.

Désactiver les e-mails et l'indexation

Votre site de test ne doit pas envoyer d'e-mails à de vrais clients.

Sur votre site de staging, désactivez votre plugin SMTP. Passez votre service de messagerie en mode test.

Sinon, vous risquez d'envoyer accidentellement des confirmations de commande test à l'ensemble de votre liste de clients. Ou d'envoyer à quelqu'un un e-mail de réinitialisation de mot de passe parce que vous testiez le processus de connexion.

Vous ne souhaitez pas non plus que Google indexe votre site de test. Vous pouvez désactiver l'indexation dans le tableau de bord d'administration de votre site de test.

Si vous utilisez la fonctionnalité de mise en place en un clic de Duplicator, l'indexation et les e-mails seront automatiquement désactivés !

Protégez votre site de staging avec un mot de passe

Des personnes au hasard ne devraient pas tomber par hasard sur votre site web de préproduction. En le protégeant par un mot de passe, vous préserverez la confidentialité de vos tests et éviterez les problèmes de contenu dupliqué avec les moteurs de recherche.

Vous pouvez ajouter une protection par mot de passe auprès de votre hébergeur web. Bluehost gère cette fonctionnalité dans la section « Directory Privacy » (Confidentialité des répertoires).

Recherchez le répertoire de votre site de staging. Cochez la case Protéger ce répertoire par mot de passe.

Entrez un nom pour le répertoire protégé. Ajoutez un nom d'utilisateur et un mot de passe que vous seul (ou votre équipe) connaissez.

Pousser de manière sélective

Lorsque vous êtes prêt à passer des modifications de la phase de test à la phase de production, ne transférez que les fichiers lorsque cela est possible.

Cela concerne les thèmes, les plugins et les médias téléchargés. Pas la base de données.

Pourquoi ? Parce que votre base de données en direct contient de nouvelles données dont la base de staging n'a pas connaissance. Si vous transférez votre base de données de staging vers la production, toutes ces nouvelles données disparaîtront. Elles seront écrasées par votre ancienne base de données de staging.

Lorsque vous êtes prêt à mettre en ligne les modifications, créez une sauvegarde de votre site de test qui inclut tout sauf la base de données. Duplicator facilite cette opération grâce à des cases à cocher pour les composants de sauvegarde.

Une fois cette sauvegarde téléchargée sur votre site de production, votre base de données ne sera pas écrasée. Vous conserverez les nouvelles commandes, les nouveaux clients et les autres données.

Ne touchez pas à la base de données, sauf si vous devez absolument la modifier. Si tel est le cas, effectuez d'abord une sauvegarde de la production.

Foire aux questions (FAQ)

Arrêtez le codage sauvage sur votre site en ligne

Vous pouvez passer 30 minutes à configurer un site de test dès maintenant, ou vous pouvez passer des heures à paniquer plus tard lorsque quelque chose ne fonctionnera plus sur votre site en ligne.

La plupart des propriétaires de sites WordPress finissent par adopter la mise en scène. Non pas parce que quelqu'un les a convaincus que c'était une bonne idée, mais parce qu'ils ont appris à leurs dépens après qu'une mise à jour ait mis leur site hors service au pire moment possible.

Vous n'avez pas besoin d'apprendre cette leçon à vos dépens.

Si vous avez besoin d'un moyen simple pour déplacer votre site entre différents environnements (qu'il s'agisse de créer de nouveaux sites de test ou de répercuter les modifications sur le site en ligne), Duplicator Pro se charge du processus de migration. Clonez votre site, déplacez-le là où vous en avez besoin et conservez une sauvegarde fiable avant toute mise à jour importante.

Essayez Duplicator Pro dès aujourd'hui pour profiter d'une mise en production en un clic, de migrations par glisser-déposer, de sauvegardes personnalisées, d'un stockage dans le cloud et bien plus encore !

Pendant que vous êtes ici, je pense que vous aimerez ces autres ressources WordPress :

• 9 meilleurs plugins WordPress Staging (+ les avis de nos experts)
• Comment créer un site de mise en scène WordPress (pour des tests en toute sécurité)
• Comment déplacer un site WordPress vers un hébergeur local (en toute simplicité)
• 10 meilleurs environnements de développement local (choix des experts)
• Coder plus intelligemment, pas plus difficilement : Les outils du développeur WordPress pour tous les professionnels