Aidez-moi à vérifier mon site web

Notre recommandation, d’emblée. Nous éditons Proxy Mail QA, nous ne sommes donc pas neutres. Ceci est un plan pour vérifier tout un site web, et la plus grande partie n’a pas du tout besoin de Proxy Mail QA. Nous le recommandons pour les étapes qui dépendent d’un e-mail : l’inscription, la connexion par code ou lien, la réinitialisation du mot de passe, les invitations et les confirmations envoyées par vos formulaires. Pour la vitesse, l’accessibilité, les liens, le référencement et la sécurité, nous citons des outils gratuits qui ne sont pas les nôtres. Proxy Mail QA ne juge ni le design ni les textes, et ne reçoit pas de SMS.

1. Utilisez-le comme un visiteur (15 minutes)

Sur votre téléphone d’abord, puis sur un ordinateur portable, parcourez chaque page comme quelqu’un qui n’a jamais vu le site :

• Comprenez-vous en cinq secondes à quoi sert le site et quoi faire ensuite ?
• Chaque bouton et chaque lien font-ils ce qu’ils annoncent ?
• Quelque chose semble-t-il cassé, se chevauche-t-il ou se retrouve-t-il sous le clavier du téléphone ?
• Quelque chose est-il assez lent pour que vous abandonniez ?

Notez tout, même le plus petit détail. Cela trouve plus de problèmes que n’importe quel outil.

2. Chaque formulaire

Pour chaque formulaire (contact, newsletter, inscription, réservation, paiement) :

• Envoyez-le vide, puis avec une erreur. Chaque erreur doit apparaître au niveau du champ, en toutes lettres.
• Envoyez-le correctement. La page doit indiquer ce qui se passe ensuite.
• S’il envoie un e-mail (une confirmation, un reçu, un « nous vous recontacterons »), vérifiez qu’il arrive, qu’il se lit bien et que ses liens fonctionnent.

Utilisez une nouvelle adresse de test Proxy Mail QA pour chaque formulaire, afin de savoir quel e-mail vient d’où et qu’aucun n’atteigne votre propre boîte de réception. Vous pouvez aussi vérifier les e-mails marketing et la désinscription en activant Marketing and offer emails dans Labs.

3. Les comptes, si votre site en a

C’est là que Proxy Mail QA fait l’essentiel de son travail :

1. Inscrivez-vous avec une nouvelle adresse de test. Avec Proxy Mail QA for Chrome, un clic remplit l’e-mail, le nom, le nom d’utilisateur, la date de naissance et le mot de passe, et le code de vérification s’affiche dans la page dès son arrivée.
2. Vérifiez le compte, puis assurez-vous que vous êtes connecté.
3. Déconnectez-vous et reconnectez-vous. L’extension propose le compte de test et son mot de passe enregistré.
4. Réinitialisez le mot de passe, et vérifiez que l’ancien ne fonctionne plus.
5. Changez l’adresse e-mail, si votre site le permet, et vérifiez que l’ancienne et la nouvelle adresse sont prévenues.
6. Lisez chaque e-mail une fois en entier dans l’application : l’expéditeur, l’objet, chaque lien. Un lien vers localhost sur un site de préproduction est signalé.

4. Vitesse

Lancez Lighthouse (Chrome DevTools → Lighthouse, en mobile) sur votre page d’accueil et les deux pages les plus importantes, comme les tarifs et l’inscription. Corrigez d’abord les plus gros éléments ; ce sont souvent les images. PageSpeed Insights ajoute les données de vrais visiteurs une fois que vous avez du trafic.

5. Accessibilité

• Lancez axe DevTools ou WAVE sur les mêmes pages.
• Utilisez chaque page au clavier seul : parcourez-la avec Tab et vérifiez que vous voyez toujours où vous êtes.
• Essayez un formulaire avec un lecteur d’écran (VoiceOver sur Mac ou iPhone, NVDA sur Windows).

Les outils automatiques trouvent certains problèmes, pas tous. Le clavier et le lecteur d’écran trouvent le reste.

6. Liens et pages

• Lancez un vérificateur de liens (le W3C Link Checker, ou un robot comme Screaming Frog) et corrigez les liens cassés.
• Visitez une page qui n’existe pas. Votre page 404 doit aider les gens à revenir.

7. Référencement

• Chaque page a son propre titre et sa propre description.
• Votre site est dans Google Search Console, avec un sitemap envoyé.
• Les pages que vous ne voulez pas voir trouvées (préproduction, administration) ne sont pas indexées.

8. Bases de sécurité

• Chaque page se charge en HTTPS. Qualys SSL Labs vérifie la configuration, et Security Headers vérifie les en-têtes.
• Aucune clé secrète dans le code source de la page ni dans JavaScript.
• Les pages d’administration exigent une connexion.
• npm audit ou Dependabot, si votre site utilise des paquets.

Ce n’est pas un test de sécurité. Si votre site traite des paiements ou des données personnelles, faites-en faire un correctement.

9. Confiance et mentions légales

• Une politique de confidentialité et des conditions qui correspondent à ce que fait réellement le site.
• Un moyen de vous contacter.
• Un bandeau cookies, si vous utilisez des cookies qui en exigent un là où se trouvent vos visiteurs.

10. Après le lancement

• Un outil de surveillance de disponibilité (UptimeRobot, Better Stack) pour vous prévenir quand le site est hors ligne.
• Un suivi des erreurs (Sentry), pour voir ce qui a cassé avant que quelqu’un vous écrive.

Les étapes où Proxy Mail QA vous aide

Demandez à votre agent de le faire

Si vous développez avec Qoder, connectez Proxy Mail QA depuis la Qoder Marketplace (ou installez son plugin, qui ajoute huit skills, dont account-email-audit), puis demandez :

Check my site at https://staging.acme.dev. Start a Proxy Mail QA run.
1. Trigger every account email the site sends (sign-up verification and its resend,
   password reset, sign-in code or link, invite, email change) with new test
   addresses, check each with check_email, and list what to fix.
2. Submit the contact form with a new test address and check the confirmation email.
3. Run Lighthouse on mobile for the home, pricing and sign-up pages.
4. Check every internal link.
Finish the run and give me one list, most serious first: things that are broken, then
confusing, then slow.

Quoi corriger en premier

1. Cassé : quelqu’un ne peut pas s’inscrire, l’e-mail n’arrive pas, un formulaire perd ce qui a été saisi, une page renvoie une erreur.
2. Déroutant : les gens ne savent pas quoi faire ensuite, ou une erreur n’explique pas comment la corriger.
3. Lent : des pages qui prennent plus de quelques secondes sur un téléphone.
4. Tout le reste.

Pour tous les outils réunis, consultez Outils pour créer et vérifier mon site web.