Recettage : l'étape que les PME découvrent le jour de la livraison
Dans la plupart des projets de site que nous reprenons, la même phrase revient : « on n'a pas vraiment eu le temps de tester ».
Ce n'est pas de la négligence. C'est une étape que personne n'a expliquée au client au moment du planning, qui arrive au pire moment, et pour laquelle rien n'a été prévu ni budgété. Résultat, la validation se fait en une heure, sur un ordinateur, en cliquant sur trois pages. Les problèmes apparaissent deux semaines plus tard, en production, découverts par les visiteurs.
Le recettage est pourtant l'étape la moins coûteuse d'un projet et celle qui évite le plus d'ennuis. Encore faut-il savoir ce qu'on doit vérifier, et à qui revient ce travail.
Cet article explique ce qu'est le recettage, comment il se répartit entre l'agence et le client, la checklist que nous appliquons, et le temps qu'il faut réellement y consacrer.
TL;DR : le recettage est la vérification structurée d'un site avant sa mise en ligne. Il couvre le fonctionnement, le contenu, l'affichage sur les appareils réels, l'accessibilité et les points techniques liés au référencement. Une partie revient à l'agence, une partie au client, et cette répartition doit être écrite avant le début du projet, pas la veille de la livraison.
En bref. Recetter un site consiste à vérifier point par point qu'il fait ce qui était prévu avant de le rendre public. C'est un travail méthodique, pas une relecture. Il se prépare avec une liste de contrôle et un environnement de test dédié.
Sommaire
- Ce qu'est le recettage
- Qui fait quoi entre l'agence et le client
- La checklist en cinq blocs
- Le bloc accessibilité, souvent oublié
- Combien de temps y consacrer
- Les erreurs qui coûtent le plus cher
- Questions fréquentes
Ce qu'est le recettage
Définition. Le recettage est la phase de vérification d'un livrable avant sa mise en service. Sur un projet web, il consiste à parcourir méthodiquement le site pour vérifier que chaque fonctionnalité, chaque contenu et chaque affichage correspond à ce qui était convenu.
Est-ce la même chose que la relecture ? Non. La relecture porte sur les textes. Le recettage porte sur le comportement du site : formulaires, liens, affichage sur différents appareils, temps de chargement, redirections. Les deux sont nécessaires et ne se font pas au même moment.
Le mot est très employé en France, moins ailleurs, ce qui explique qu'on le retrouve rarement dans les documentations anglophones sous ce terme. La pratique, elle, est universelle.
Qui fait quoi entre l'agence et le client
C'est la question qui règle la plupart des tensions de fin de projet, et elle doit être tranchée au démarrage.
| Vérification | Agence | Client |
|---|---|---|
| Fonctionnement technique, formulaires, liens | Oui | Contrôle par sondage |
| Affichage sur navigateurs et appareils | Oui | Sur ses propres appareils |
| Exactitude des contenus métier | Non | Oui, c'est son domaine |
| Mentions légales et conditions | Non | Oui, avec son conseil |
| Redirections des anciennes adresses | Oui | Fournit la liste des pages clés |
| Coordonnées, horaires, tarifs | Non | Oui |
Le point le plus mal compris est celui du contenu métier. Une agence peut vérifier qu'un tableau tarifaire s'affiche correctement, elle ne peut pas savoir que le tarif indiqué a changé le mois dernier. Ce contrôle appartient au client, et il faut lui laisser le temps de le faire.
À l'inverse, demander au client de tester le comportement du site sur cinq navigateurs n'a aucun sens. C'est le travail de l'agence.
La checklist en cinq blocs
Voici celle que nous appliquons, dans l'ordre où nous la déroulons.
Bloc fonctionnel. Chaque formulaire est envoyé pour de vrai, et on vérifie que le message arrive dans la bonne boîte, avec un objet exploitable. Chaque lien du menu et du pied de page est cliqué. Les liens sortants s'ouvrent correctement. Les documents téléchargeables se téléchargent.
Bloc contenu. Titres, coordonnées, horaires, tarifs, noms des personnes. Toutes les images ont un texte alternatif. Aucun contenu de remplissage ne subsiste, ce qui arrive plus souvent qu'on ne le croit sur les pages secondaires.
Bloc affichage. Sur téléphone réel et pas seulement en réduisant la fenêtre du navigateur. En orientation portrait et paysage. Sur les principaux navigateurs. Avec une connexion mobile, hors du bureau.
Bloc technique et référencement. Redirections des anciennes adresses en place, page d'erreur personnalisée, certificat de sécurité actif, sitemap déclaré, aucune page laissée en interdiction d'indexation par oubli. Ce dernier point est le plus classique : le site de test interdit l'indexation, et l'interdiction part en production avec lui. Nous détaillons ces vérifications dans notre article sur comment ne pas perdre son référencement lors d'une refonte.
Bloc mesure. L'outil d'analyse est installé, les conversions sont déclarées, le bandeau de consentement fonctionne et ne bloque pas la navigation.
Le bloc accessibilité, souvent oublié
Il mérite d'être traité à part, parce qu'il est presque toujours absent des recettages de PME et qu'il est plus abordable qu'on ne l'imagine.
Le W3C met à disposition une méthode publique pour tester et évaluer l'accessibilité d'un site, avec une distinction utile entre les contrôles simples, réalisables par n'importe qui, et l'évaluation complète qui demande un spécialiste.
Pour un recettage de PME, quatre contrôles simples couvrent déjà beaucoup.
La navigation au clavier seul, en parcourant la page avec la touche de tabulation. On doit voir en permanence où se trouve le focus, et pouvoir atteindre les liens et les champs.
Le contraste entre le texte et son fond, mesurable avec des outils gratuits.
La présence d'un texte alternatif sur les images porteuses d'information.
La structure des titres, qui doit suivre une hiérarchie logique et non être choisie pour sa taille d'affichage.
Vous préparez une mise en ligne et vous voulez une liste de contrôle adaptée à votre site ? Nous la fournissons dans le cadre de chaque projet de création ou de refonte, réponse sous 24 heures.
Combien de temps y consacrer
L'ordre de grandeur que nous provisionnons, côté client comme côté agence.
| Taille du site | Recettage agence | Recettage client |
|---|---|---|
| Site vitrine, 10 à 20 pages | 1 journée | 3 à 4 heures |
| Site 30 à 60 pages avec formulaires | 2 à 3 jours | 1 journée |
| Site avec espace client ou boutique | 4 à 6 jours | 2 journées |
Le temps client est celui qui saute en premier, parce qu'il tombe pendant une période chargée et qu'il n'apparaît pas sur le devis. C'est pourtant celui qui détecte les erreurs les plus visibles pour vos clients, puisqu'il porte sur le contenu métier.
Notre recommandation est simple : bloquez ce créneau dans l'agenda au moment de la signature, pas la semaine de la livraison. Et prévoyez une deuxième passe quelques jours après la mise en ligne, comme décrit dans notre guide de la refonte de site pour PME.
Les erreurs qui coûtent le plus cher
Recetter sur l'environnement de production. Les corrections se font alors sous les yeux des visiteurs, et une erreur devient publique immédiatement.
Valider en réunion, à plusieurs, sur un vidéoprojecteur. Personne ne teste vraiment, tout le monde commente le design. Le recettage se fait seul, avec une liste.
Ne pas tester le formulaire pour de vrai. C'est l'élément le plus critique du site et le plus souvent survolé. Un formulaire qui s'affiche n'est pas un formulaire qui envoie.
Oublier les pages secondaires. Mentions légales, page d'erreur, page de remerciement. Elles ne sont jamais dans le parcours de démonstration et contiennent souvent du texte de remplissage.
Livrer un vendredi. L'incident est découvert le lundi, avec trois jours de perdus. Nous ne mettons plus jamais un site en ligne un vendredi, et c'est une règle qui vient d'une mauvaise expérience.
Questions fréquentes
Le recettage est-il inclus dans un devis d'agence ? Le recettage de l'agence, en général oui. Le temps de validation côté client, presque jamais, et c'est une source fréquente de malentendu. Demandez que la répartition soit écrite.
Peut-on recetter un site sans compétence technique ? La partie contenu et affichage, oui, et c'est justement celle qui vous revient. La partie technique demande des outils et de l'expérience.
Combien de retours sont normaux à la première passe ? Sur un site de trente pages, quelques dizaines de remarques est un chiffre habituel et sain. Zéro remarque signifie généralement que personne n'a regardé.
Faut-il un environnement de test séparé ? Oui, systématiquement. Recetter directement en production expose vos visiteurs aux corrections en cours.
Que faire des remarques qui arrivent après la mise en ligne ? Les regrouper et les traiter par lots plutôt qu'au fil de l'eau. Une correction isolée déployée dans l'urgence est la première cause de régression.
Ce qu'il faut retenir
Le recettage n'est pas une formalité de fin de projet, c'est ce qui sépare un site livré d'un site qui fonctionne. Il coûte peu, il évite beaucoup, et il échoue presque toujours pour la même raison : personne n'avait prévu le temps de le faire.
Bloquez ce créneau dès la signature, et exigez que la répartition des vérifications soit écrite noir sur blanc.
Vous préparez une mise en ligne dans les prochains mois ? Parlons de votre projet, réponse sous 24 heures et sans engagement.
À propos de l'auteur
Nicolas Bardot est cofondateur de Najumi, agence web basée dans la métropole de Lyon. Designer de formation, il conçoit les parcours et les interfaces des sites livrés par l'agence et pilote les phases de validation avant mise en ligne. Il travaille principalement avec des dirigeants de PME qui veulent un site compréhensible par leurs clients plutôt qu'un site qui impressionne leurs concurrents. Il écrit sur le blog Najumi les arbitrages de conception et de méthode rencontrés sur les projets réels, y compris ceux qui vont à l'encontre des habitudes du secteur.
