Tester son site avant la mise en ligne

Le site est « terminé ». Vous testez le formulaire de contact : rien n'arrive dans votre boîte mail. Vous ouvrez le menu sur votre téléphone : il déborde de l'écran. Et sur la page « À propos », le texte provisoire « Lorem ipsum » est toujours là. Ces petits défauts se voient en dix minutes, mais ils coûtent cher s'ils sont découverts par vos clients plutôt que par vous.

La recette (on parle aussi de « recettage ») est l'étape qui sert à les trouver avant la mise en ligne : on vérifie que le site livré fonctionne et correspond à ce qui était prévu. Ce guide vous donne une méthode simple et une checklist de 45 points, pour tester un site sans être technicien.

La recette, c'est quoi, et qui la fait ?

Dans un projet de création de site, deux rôles se complètent. Le prestataire contrôle sa réalisation : il connaît la technique. Vous, vous validez ce qui compte pour votre activité : vous savez si le tarif affiché, la formulation d'un service ou le parcours d'une demande de devis sont justes. Aucun des deux ne peut se substituer à l'autre.

Deux règles évitent bien des malentendus. D'abord, on teste sur une version de préproduction (une copie du site non publiée), jamais en direct devant les visiteurs. Ensuite, on distingue un défaut (ce qui ne fonctionne pas comme prévu) d'une évolution (ce que vous auriez aimé en plus). Seuls les défauts bloquent la mise en ligne.

Trois niveaux de défauts, trois décisions

Quand vous notez un problème, classez-le. Cela évite de retarder la publication pour un détail, ou de publier avec un défaut grave.

Tester par parcours, pas page par page

Un visiteur ne lit pas votre site page après page : il cherche à faire quelque chose. Testez donc quatre parcours, comme un client : comprendre ce que vous faites, vous contacter, acheter ou demander un devis, puis revenir plus tard depuis son téléphone. Chaque parcours traverse plusieurs pages et révèle des défauts qu'un contrôle page par page ne voit pas.

La checklist de recette en 45 points

Neuf familles de cinq contrôles. Cochez-les au fur et à mesure et notez pour chaque défaut la page, ce que vous voyez et le niveau de gravité.

1. Contenus

• Aucun texte provisoire : ni « Lorem ipsum », ni « à compléter ».
• Textes relus : fautes, noms propres, cohérence du vocabulaire.
• Coordonnées exactes : téléphone, e-mail, adresse, horaires.
• Services, offres et informations conformes à ce que vous proposez vraiment.
• Images définitives, nettes, sans image de démonstration.

2. Liens et navigation

• Chaque entrée du menu et du pied de page mène à la bonne page.
• Les boutons d'appel à l'action mènent où ils le promettent.
• Aucun lien ne pointe vers l'adresse de test du site.
• Les liens externes s'ouvrent correctement.
• Une adresse inexistante affiche une page d'erreur claire, avec un chemin pour repartir.

3. Formulaires et messages

• Envoyez un vrai message de test depuis chaque formulaire.
• Le message arrive dans la bonne boîte, et pas dans les courriers indésirables.
• Le visiteur voit une confirmation claire après l'envoi.
• Les champs obligatoires et les erreurs sont compréhensibles.
• La protection anti-spam ne bloque pas un message légitime (voir le formulaire de contact efficace).

4. Mobile et navigateurs

• Parcourez le site sur téléphone, en vertical puis en horizontal.
• Le menu s'ouvre, se ferme et reste utilisable au pouce.
• Les boutons et liens sont assez grands pour être touchés sans erreur.
• Les tableaux et images ne débordent pas de l'écran.
• Vérifiez sur au moins deux navigateurs différents (voir penser mobile d'abord).

5. Vitesse et confort

• Mesurez la page d'accueil et une page riche en images avec un outil de test de vitesse.
• Les images sont optimisées, sans fichiers démesurés.
• La page ne se décale pas pendant son chargement.
• Aucune fenêtre surgissante n'empêche de lire le contenu.
• Testez avec une connexion mobile et pas seulement avec le réseau du bureau.

6. Référencement technique

• Le site est ouvert aux moteurs de recherche le jour de la publication : la consigne de non-indexation du site de test est levée, mais seulement à ce moment-là.
• Chaque page a un titre et une description qui lui sont propres.
• Chaque page a un seul titre principal (H1).
• Les adresses des pages sont lisibles et stables.
• Si vous remplacez un ancien site, les redirections sont prêtes (voir refondre sans perdre son référencement).

7. Mesure et statistiques

• L'outil de statistiques est installé une seule fois, sans doublon.
• Les actions importantes (envoi de formulaire, appel, commande) sont bien enregistrées.
• Votre propre trafic est exclu, ou du moins identifié.
• La propriété du site est vérifiée dans les outils de suivi du référencement.
• Le bandeau de consentement bloque bien les traceurs avant accord (voir le bandeau cookies et le RGPD).

8. Légal et confiance

• Les mentions légales sont complètes et accessibles depuis toutes les pages.
• La politique de confidentialité correspond à vos vrais usages des données (voir le RGPD pour une PME).
• Le bandeau cookies propose un refus aussi simple que l'acceptation.
• Si vous vendez en ligne, les CGV sont accessibles depuis le panier.
• Aucun avis, label ou chiffre affiché ne peut être faux ou périmé.

9. Sécurité et sauvegarde

• Le site s'affiche en HTTPS, sans alerte du navigateur.
• Les comptes de test et les accès provisoires sont supprimés.
• Les comptes d'administration ont des mots de passe robustes.
• Les mises à jour disponibles sont faites avant la publication.
• Une sauvegarde complète existe, et vous savez qui peut la restaurer.

Cette liste ne remplace pas un avis juridique : ce guide n'est pas un conseil juridique, et les points légaux doivent être validés par un professionnel.

Si vous vendez en ligne

Ajoutez un parcours complet : choisir un produit, remplir le panier, passer la commande et recevoir les e-mails de confirmation. Testez aussi un retour ou un remboursement, comme le ferait un vrai client. Les étapes de lancement d'une boutique sont détaillées dans créer une boutique en ligne.

Comment consigner vos retours

Un tableau simple suffit : la page concernée, ce que vous constatez, une capture d'écran, le niveau de gravité. Regroupez vos retours en une seule liste plutôt qu'en messages dispersés : le prestataire les traite plus vite et vous suivez ce qui reste à faire. Après correction, retestez le point corrigé, et aussi ce qui l'entoure : une réparation peut en casser une autre. Si vous venez de migrer un site existant, ajoutez le contrôle des contenus transférés (voir migrer de Wix vers WordPress).

Un exemple (illustratif)

Un traiteur fait créer un site avec une demande de devis en ligne. Pendant la recette, il envoie un devis de test : le message arrive bien, mais dans les courriers indésirables de sa messagerie, et la page de confirmation reste vide. Deux défauts sont classés « bloquant » et « gênant ». Le prestataire corrige l'envoi des messages et ajoute un texte de confirmation, puis le traiteur refait le test de bout en bout avant de valider la mise en ligne. L'exemple est illustratif.

Valider, puis publier

Quand plus aucun défaut bloquant ne subsiste, validez par écrit : un e-mail qui liste ce qui a été contrôlé suffit à garder une trace. La recette est une phase du projet à part entière, dont la durée dépend de la taille du site et de votre disponibilité pour tester (voir les phases de création d'un site). Pour situer cette étape dans un projet, voir le coût d'un site internet et notre service de création de site, ainsi que la page Tarifs.

À lire aussi : Mise en ligne WordPress : la checklist jour J ; Votre site est en ligne. Et maintenant ?.