Comment créer une page “site en construction” efficace

Refondre ou réparer votre site web peut sembler intimidant. D'abord, il faut masquer le site pendant les travaux, impossible de laisser les visiteurs fouiner partout. Ensuite, quand le site devient inaccessible, les visiteurs se posent des questions. Personne ne veut perdre des clients, du trafic ou son positionnement Google à cause d'une indisponibilité temporaire.

La bonne nouvelle ? La solution est simple : créez une page "site en construction". Bien conçue, elle protège votre image de marque et évite les problèmes de référencement.

Voici comment créer et mettre en ligne votre page site en construction de manière efficace.

Qu'est-ce qu'une page « Site en construction » ?

Une page site en construction, c'est un écran temporaire qui s'affiche quand votre site subit des changements importants. Son rôle ? Informer les visiteurs que le site est indisponible pour le moment. Pendant les travaux, impossible de naviguer sur le site. Ça évite aux utilisateurs de tomber sur des liens brisés ou du contenu incomplet. Imaginez l'enseigne "Fermé pour travaux" sur une vitrine de magasin, c'est exactement ça.

Pourquoi créer une page "Site en construction" ?

Une page site en construction améliore l'expérience de vos visiteurs : ils comprennent pourquoi le site a changé et quand il reviendra. C'est aussi un bon moyen de renforcer votre notoriété, surtout si vous lancez une nouvelle entreprise. Transformez ces travaux en opportunité marketing : créez du buzz, collectez des adresses e-mail en attendant la mise en ligne. Entre-temps, redirigez votre trafic vers Instagram, Facebook ou LinkedIn pour garder le contact avec vos clients.

Quand activer le mode "site en construction" ?

Activez le mode construction dès que vous devez effectuer des modifications ou mises à jour importantes :

• Refonte complète du site. Changement de plateforme d'hébergement, nouveau design de marque, restructuration de vos catégories produits... Bref, quand vous rénovez tout de A à Z.
• Maintenance technique. Parfois, pour des raisons de sécurité, vous devez faire des mises à jour critiques ou corriger des bugs qui nécessitent de mettre le site hors ligne temporairement.
• Avant le lancement initial. Vous venez d'acheter votre nom de domaine mais votre boutique n'est pas encore prête ? La page site en construction informe les visiteurs que vous travaillez dessus. Quand la date de lancement approche, passez à une page "Bientôt disponible".

Quand utiliser une page « Bientôt disponible »

Les deux fonctionnent de la même façon, ce sont des pages temporaires, mais elles n'ont pas le même objectif.

Une page "site en construction" suggère qu'il y a un problème à régler. C'est du contrôle des dégâts : vous gérez les attentes pendant l'indisponibilité.

Une page "Bientôt disponible", c'est du marketing pur. Vous créez de l'excitation pour votre nouveau site ou votre nouvelle boutique. Vous encouragez l'engagement via des inscriptions e-mail, des abonnements sur les réseaux sociaux, voire des précommandes.

Utilisez une page "Bientôt disponible" dans ces cas :

• Lancement d'un nouveau site. Créez du buzz et récoltez des e-mails avant l'ouverture de votre boutique e-commerce.
• Nouveau produit ou collection. Annoncez une nouvelle ligne, testez la demande avec des précommandes, laissez les clients réserver avant la sortie officielle.
• Changement d'identité de marque. Teasez votre nouveau look pour susciter l'intérêt.
• Vente ou événement à venir. Annoncez une vente flash, un événement saisonnier ou une promo spéciale, et collectez des inscriptions pour les notifications.

Comment mettre votre site Shopify « en construction »

Lorsque votre site web nécessite des corrections ou une maintenance majeure, vous devez activer le mode construction (parfois appelé mode maintenance), qui masque votre site et alerte les visiteurs intéressés de revenir plus tard. Shopify propose un moyen rapide et facile de le faire :

Utilisez la page protégée par mot de passe intégrée de Shopify

C'est la façon la plus rapide et simple de mettre votre boutique en construction. Shopify fournit une page protégée par mot de passe par défaut que vous pouvez activer et personnaliser. Aucune connaissance en codage n'est requise. Suivez simplement ces étapes :

1. Allez dans l'administration Shopify.

2. Allez dans Boutique en ligne > Préférences.

3. Trouvez la section Restreindre l'accès à la boutique/Protection par mot de passe.

4. Cochez la case à côté de « Restreindre l'accès aux visiteurs avec le mot de passe ».

5. Entrez un mot de passe dans le champ fourni que vous partagerez avec toute personne à qui vous souhaitez accorder l'accès (comme les membres de l'équipe et les testeurs bêta).

6. Ajoutez un message pour vos visiteurs dans le champ de texte fourni. Ne laissez pas le champ vide, sinon les visiteurs seront confus. Quelques lignes suffisent généralement.

7. Cliquez sur Enregistrer.

Une fois que vous activez la protection par mot de passe, une page de mot de passe s'affiche chaque fois que quelqu'un visite votre site web, empêchant l'accès non désiré. Ceci devient, en effet, la page « En construction » (ou page « Bientôt disponible »). La page a quelques fonctionnalités spéciales :

• Ses propres sections d'en-tête et de pied de page dans l'éditeur de thème, distinctes des pages typiques du site
• Une section de bannière d'inscription e-mail pour donner aux clients un moyen de s'abonner afin qu'ils reçoivent des notifications lorsque votre site web rouvrira

Modifier les paramètres de la page de mot de passe

La page de mot de passe est entièrement personnalisable. Modifiez votre contenu, palette de couleurs et polices dans l'éditeur de thème Shopify. Les paramètres de personnalisation varient selon le thème et les modèles. Explorez les options d'édition en suivant ces étapes :

1. Depuis votre administration Shopify, allez dans Boutique en ligne > Thèmes.

2. Trouvez le thème à modifier et cliquez sur Personnaliser.

3. Cliquez sur le menu déroulant Page d'accueil, puis cliquez sur Mot de passe.

Pour modifier les sections de la page de mot de passe :

1. Cliquez sur la section que vous souhaitez modifier. La plupart des thèmes permettent de modifier les sections d'en-tête, de contenu, de modèle de construction et de pied de page.

2. Apportez des modifications. Par exemple, ajoutez le logo de votre marque à l'en-tête, ajoutez une bannière d'inscription e-mail et un message personnalisé, et ajoutez des liens de médias sociaux au pied de page.

3. Optionnellement, ajoutez d'autres sections et blocs à votre page de mot de passe avec plus de détails.

4. Cliquez sur Enregistrer.

Comment utiliser un plug-in pour mettre votre boutique en construction

Une autre façon de configurer une page « En construction » est d'utiliser un plugin WordPress ou une application Shopify similaire du Shopify App Store. Les plugins gèrent les complexités techniques, vous permettant de concevoir et activer la page sans connaissances en codage.

Voici les étapes générales pour WordPress, une plateforme populaire pour ces plugins :

1. Connectez-vous. Connectez-vous à votre tableau de bord d'administration WordPress. Allez sur votredomaine.com/wp-admin.

2. Trouvez un plugin. Naviguez vers Extensions dans la barre latérale, cliquez sur Ajouter nouveau. Dans la barre de recherche, tapez le nom du plugin de modèle en construction que vous avez choisi. Certains plugins l'appellent une page de mode maintenance.

3. Installez le plugin. Localisez le plugin dans les résultats de recherche, cliquez sur Installer maintenant, puis Activer.

Vous pouvez ajuster les paramètres sous le menu Réglages (ou un nouveau menu dédié pour le plugin dans votre barre latérale WordPress). Les paramètres exacts varieront selon le plugin, mais généralement, vous suivrez ces étapes :

1. Activez le mode page en construction ou maintenance. Cherchez un bouton bascule ou une option de statut pour activer le mode.

2. Concevez votre page. Choisissez l'un des modèles de site web de construction puis personnalisez le contenu. Modifiez le titre, sous-titre et texte principal pour communiquer clairement que votre site est en construction et pourquoi.

3. Téléchargez les éléments. Téléchargez votre logo et sélectionnez les couleurs de marque et polices. Incluez des éléments clés comme un compte à rebours, un formulaire d'inscription e-mail, des liens de médias sociaux et des informations de contact.

4. Exceptions optionnelles. Vous pourriez vouloir exclure certains utilisateurs (ex. : administrateurs, éditeurs) de voir la page « En construction », pour que votre équipe puisse toujours accéder et travailler sur le site en direct pendant que les visiteurs voient la page temporaire.

4. Gérez les paramètres SEO. Configurez le titre SEO, la méta-description et les mots-clés pour votre page « En construction ». Assurez-vous que le plugin envoie le bon code de statut HTTP (un 503 Service Unavailable pour le mode maintenance), qui indique aux moteurs de recherche de revérifier plus tard, sans nuire à votre classement dans les résultats de recherche.

5. Intégrez avec l'e-mail marketing. Certains plugins peuvent s'intégrer avec des services d'e-mail marketing (comme Mailchimp et ConvertKit) qui facilitent l'ajout de nouvelles inscriptions à vos listes.

6. Prévisualisez et publiez. Utilisez la fonction de prévisualisation du plugin pour voir comment votre page apparaîtra aux visiteurs sur différents appareils (ordinateur, tablette, mobile). Une fois satisfait, enregistrez vos modifications et activez-les.

Comment rendre votre site web à nouveau accessible

Lorsque vous êtes prêt à remettre le site web en ligne, si vous avez utilisé le paramètre de protection par mot de passe intégré sur Shopify, retournez simplement dans la même section et décochez la case Restreindre l'accès, puis enregistrez la modification.

Pour les plugins, vous pouvez retourner dans les paramètres du plugin et basculer le statut sur désactivé. Votre site web complet redeviendra alors visible au public.

Que faut-il inclure dans une page « Site en construction » ?

• Titre accrocheur et texte explicatif
• Date de lancement prévue ou ou indicateur de progression
• Visuels professionnels
• Appels à l'action clairs (CTA)
• Optimisation SEO
• Informations de contact
• Liens de réseaux sociaux

Voici ce qu'il faut inclure sur votre page « En construction » :

Titre accrocheur et texte explicatif

Rédigez un message convivial informant les visiteurs que le site est temporairement indisponible ou en cours de construction. Gardez un ton positif et expliquez brièvement pourquoi le site est en construction. Les visiteurs apprécient d'être dans la boucle.Répondez aux questions importantes comme :

• Pourquoi le site est-il fermé ?
• Quand ouvrira-t-il ?
• Puis-je aller ailleurs pour faire affaire avec vous ?
• Comment puis-je vous contacter ?

Baking a Difference montre comment une page site en construction peut prendre soin de son audience. Le message informe que la boutique est en construction suite à un souci technique, avec une date de réouverture pour gérer les attentes. Le logo renforce la marque, et les visiteurs peuvent s'inscrire pour recevoir une notification. Les icônes réseaux sociaux sont en bas de page. Simple, direct, informatif, aucun mystère sur l'indisponibilité.

Date de lancement prévue ou ou indicateur de progression

Quand c'est possible, ajoutez un calendrier : quand votre boutique sera-t-elle opérationnelle ? Date précise, date estimée ou barre de progression, peu importe. Ça dit aux visiteurs de rester à l'écoute et leur donne une raison de revenir. Une page blanche sans explication ? Les visiteurs ne comprendront pas pourquoi le site est fermé. C'est une occasion ratée d'informer et d'engager.

Par exemple, cette page SKYLRK utilise un logo et un fond coloré, mais n'explique rien : pourquoi le site est fermé ? Quand revient-il ? Résultat : confusion.

Comparez-la à la page « En construction » du détaillant de bijoux gothiques GRIM. On a quelques infos (le site ouvre bientôt), un peu de contexte en haut (le site est en test), et le lien "Entrer avec mot de passe" en haut à droite. Pas de calendrier, mais au moins le visiteur comprend ce qui se passe. Et l'icône sociale en bas permet de suivre l'actu.

Visuels professionnels

Même une page temporaire doit être pro. Utilisez des images de qualité, votre logo, un fond ou une couleur qui reflète votre identité. Rien ne fait plus amateur qu'une page site en construction générique, ou pire, rien du tout. Les clients et Google pourraient croire que le site a disparu pour de bon.

La page « En construction » de la boutique de vêtements Moonless inclut les couleurs de marque, le logo, un carrousel de produits et une inscription e-mail. Notez la date de sortie bien visible, ça fixe des attentes claires.

Appels à l'action clairs (CTA)

Guidez vos visiteurs : que doivent-ils faire ensuite ? Ajoutez un bouton de call to action. Proposez une inscription e-mail, des liens réseaux sociaux pour garder l'intérêt et capturer des leads.

Chez BYTAVI, une boutique de mode équitable, le message personnalisé annonce l'ouverture prochaine avec un bouton d'inscription e-mail. Facebook et Instagram sont dans le pied de page pour que les clients intéressés puissent suivre et rester connectés. Police et couleurs personnalisées pour une touche branding.

Optimisation SEO

Quand votre site est hors ligne, votre référencement doit rester sous perfusion. Ne laissez pas votre classement Google s'effondrer. Pour maintenir un SEO actif, intégrez des mots-clés pertinents dans le titre, la meta description et le texte de votre page site en construction. Ça donne aux moteurs de recherche quelque chose à analyser, votre site a toujours un pouls, même s'il est temporairement fermé.

Si vous utilisez un plug-in, vérifiez qu'il envoie un code HTTP 503 Service Unavailable aux moteurs de recherche. Ce code leur dit "revenez plus tard", sans pénaliser votre référencement. Avec Shopify, c'est automatique.

Informations de contact

Facilitez la prise de contact pour les clients et partenaires qui ont des demandes urgentes. E-mail, téléphone ou formulaire de contact simple, tout ce que vous mettriez sur une page "Nous contacter".

Par exemple, le détaillant de vêtements athleisure Athleia House of Versatile affiche un message positif avec le logo en haut. Au centre, un simple formulaire de contact. Plusieurs icônes sociales en bas. Les visiteurs comprennent que le site est en construction, et qu'il sera dévoilé bientôt.

Liens de réseaux sociaux

Ajoutez des liens vers vos profils Instagram, LinkedIn, Facebook, etc. Ça donne à vos clients un canal alternatif pour interagir avec votre marque en attendant la réouverture. Sur vos réseaux, vous pouvez poster des mises à jour sur l'avancement et répondre aux questions.