Tester après la mise en ligne
Module 5: Mise en ligne et votre propre domaine · Temps de lecture : 9 minutes
Objectif pédagogique : À la fin de cette leçon, vous saurez tester votre site de manière méthodique après sa mise en ligne : liens, images, formulaire, affichage mobile, https et contrôle de sécurité. Vous saurez aussi reconnaître une ancienne version affichée par votre navigateur et la faire disparaître.
Notions clés : série de tests, fenêtre de navigation privée, cache du navigateur, actualisation forcée, lien mort, contrôle de sécurité, Vérifier maintenant, page d'erreur, message de test
Pourquoi tester sur le vrai site
L'aperçu dans l'outil de création n'est pas exactement votre site. Certaines choses ne fonctionnent que sur la version publiée :
- votre formulaire de contact n'envoie d'e-mails que sur le vrai site, et uniquement si votre site fait partie d'une formule ;
- le code personnalisé ajouté dans Paramètres > Intégrations n'est pas exécuté dans l'aperçu, mais il l'est sur votre vrai site ;
- la bannière de cookies et les services qui ne se chargent qu'après consentement ne fonctionnent vraiment que sur votre site ;
- le https, la redirection de http vers https et de www vers l'adresse principale (leçon 5.2) n'existent que sur votre vrai domaine.
C'est pourquoi, après chaque mise en ligne et après chaque modification importante, vous faites une série de tests sur la vraie adresse. Cela prend un quart d'heure et vous évite que ce soit le premier client qui appelle qui découvre l'erreur.
D'abord : voyez-vous bien la version la plus récente ?
Votre navigateur conserve pendant un certain temps les pages, les photos et la mise en forme : c'est le cache du navigateur. Cela rend votre site rapide, mais après Publier les modifications, vous voyez parfois encore l'ancienne version. Testez donc de cette manière :
- ouvrez votre site dans une fenêtre de navigation privée (incognito) ; elle démarre sans pages enregistrées ;
- ou faites une actualisation forcée : Ctrl+F5 sous Windows, Cmd+Shift+R sur un Mac ;
- testez aussi sur votre téléphone, de préférence avec les données mobiles plutôt qu'en wifi.
Si la fenêtre de navigation privée affiche la nouvelle version et votre fenêtre habituelle l'ancienne, votre site n'a aucun problème. Si la fenêtre privée affiche elle aussi l'ancienne version, vérifiez dans l'outil de création que vous avez bien publié : si Publier les modifications est encore affiché en haut à droite alors que vous venez de faire une modification, votre dernière version n'est pas encore en ligne.
La série de tests, étape par étape
Voici comment Schildersbedrijf Example procède, dans une fenêtre de navigation privée :
- Toutes les pages via le menu. Cliquez sur chaque entrée du menu, y compris les éléments d'un sous-menu. Chaque page s'affiche-t-elle, avec le bon titre en haut ?
- Tous les boutons et tous les liens. Cliquez sur chaque bouton : « Demander un devis », « Nous appeler », les liens du pied de page. Chaque bouton mène-t-il à la bonne page ou à la bonne section ? Les liens vers votre numéro de téléphone et votre adresse e-mail ouvrent le téléphone ou le logiciel de messagerie.
- Les liens vers d'autres sites. Votre page Facebook, un label de qualité, un itinéraire : fonctionnent-ils et ouvrent-ils la bonne page ?
- Les images. Chaque photo se charge-t-elle, y compris plus bas sur les pages longues ? S'il en manque une, vous voyez un espace vide.
- Le formulaire, pour de vrai. Remplissez le formulaire de contact avec une autre de vos adresses. Le message arrive-t-il à l'adresse indiquée dans Envoyer les messages à, et le texte ou la page de remerciement s'affiche-t-il ? Voir la leçon 5.3 pour les détails.
- Mobile. Ouvrez le site sur votre téléphone. Le menu s'ouvre-t-il, les boutons sont-ils assez grands pour appuyer dessus, aucun texte ne dépasse-t-il de l'écran ? Dans l'outil de création, vous pouvez déjà vérifier à l'avance avec Mobile dans la barre du haut, mais votre propre téléphone reste le vrai test.
- Le https et l'adresse. Tapez
http://example.cometwww.example.com. Arrivez-vous dans les deux cas à la même adresse, avec https et un cadenas ? - Une page qui n'existe pas. Tapez une adresse comme
https://example.com/bestaat-niet. Vous voyez ainsi ce qu'obtient un visiteur qui suit un lien ancien ou erroné. Si votre propre site contient encore un lien vers une telle adresse, corrigez-le. - Bannière de cookies et widgets. Si vous utilisez des services d'autres prestataires (une carte, une vidéo ou des statistiques), la bannière apparaît-elle, et la carte ne se charge-t-elle qu'après consentement (leçon 7.2) ?
- Deuxième langue. Si vous avez une deuxième langue, le sélecteur de langue fonctionne-t-il et les nouveaux textes existent-ils aussi dans cette langue ?
Notez ce que vous trouvez. Corrigez-le dans l'outil de création, publiez avec Publier les modifications, puis testez à nouveau uniquement ce point.
Le contrôle de sécurité dans l'outil de création
L'outil de création dispose de son propre contrôle, dans le panneau Sécurité de la barre d'outils à gauche. Cliquez sur Vérifier maintenant. En une trentaine de secondes, l'outil examine tout ce qui vient de l'extérieur : les liens de votre site, les widgets et intégrations, votre code personnalisé et la bannière de cookies. Il visite réellement les liens.
Vous obtenez une liste À examiner, par exemple :
- « Le lien ne fonctionne plus (404) : ... » : un lien mort, souvent vers une page d'un autre site qui a été déplacée ;
- « Lien non sécurisé sans https : ... » : un lien qui commence par
http://; remplacez-le par la version https ; - « Le lien n'a pas pu être vérifié automatiquement (le site le bloque) : ... » : ce n'est pas une erreur, certains sites refusent les contrôles automatiques ; cliquez vous-même sur ce lien ;
- « Les messages de votre formulaire sont envoyés à ..., et non à l'adresse e-mail de votre compte. Est-ce correct ? » : une question, pas une erreur.
Un point est souvent accompagné d'un bouton, comme Demander à l'IA ou Modifier le widget. Le contrôle est gratuit et vous pouvez le lancer au maximum 3 fois par heure. Il ne remplace pas votre propre série de tests : il ne vérifie pas si vos photos sont bien présentées ni si votre formulaire arrive à destination.
Pièges à éviter
- Tester dans l'aperçu au lieu de votre vrai site. Vous n'y voyez pas réellement fonctionner le formulaire ni le code personnalisé.
- Tester uniquement sur votre propre ordinateur. Votre navigateur y est habitué à l'ancienne version et vous êtes souvent encore connecté à certains services. Une fenêtre de navigation privée et votre téléphone donnent une image plus fidèle.
- Vérifier un lien externe une fois, puis plus jamais. Les autres sites changent. Relancez de temps en temps le contrôle de sécurité.
- Oublier les messages de test. Prévenez les collègues qui lisent aussi la boîte de réception que des messages de test vont arriver.
- Tirer des conclusions trop vite après une modification DNS. Si un appareil affiche le nouveau site et un autre l'ancien, c'est souvent encore le DNS (leçon 5.2), et non une erreur de l'outil de création.
Dans l'outil de création : comment procéder
- Publiez votre dernière version avec Publier les modifications.
- Ouvrez votre site dans une fenêtre de navigation privée et parcourez les dix étapes ci-dessus.
- Dans l'outil de création, ouvrez le panneau Sécurité et cliquez sur Vérifier maintenant.
- Corrigez chaque point, ou décidez en connaissance de cause qu'il est en ordre.
- Publiez les corrections et testez à nouveau les éléments modifiés.
Résumé
- Testez sur votre vrai site : le formulaire, le code personnalisé, le https et la bannière de cookies ne fonctionnent réellement que là.
- Utilisez une fenêtre de navigation privée ou une actualisation forcée pour être sûr de voir la version la plus récente.
- Vérifiez le menu, les boutons, les liens, les images, le formulaire, l'affichage mobile, le https, la page d'erreur, la bannière de cookies et la deuxième langue.
- Le panneau Sécurité avec Vérifier maintenant détecte les liens morts et non sécurisés et examine les widgets et le code personnalisé, gratuitement et au maximum 3 fois par heure.
- Après chaque correction : publiez et testez à nouveau ce point.
Quiz
Exercice
Exercice A5.4 : Tous les liens et toutes les images fonctionnent. Saisissez l'adresse web de votre site AI Builder, l'adresse gratuite ou votre propre domaine. Le programme lit le plan du site (sitemap), visite toutes les pages qui y figurent comme le ferait un visiteur, et vérifie :
- que chaque page est accessible ;
- que tous les liens vers d'autres pages de votre propre site fonctionnent ;
- que toutes les images de ces pages se chargent ;
- que
http://redirige vershttps://.
Pour chaque ligne, vous voyez du vert, de l'orange ou du rouge, avec la page et le lien ou l'image qui ne fonctionne pas. Le programme effectue au maximum 25 requêtes par contrôle : sur un grand site, il ne vérifie donc pas tout, et votre propre série de tests reste nécessaire. Si vous obtenez du rouge, corrigez le problème dans l'outil de création, publiez avec Publier les modifications et lancez un nouveau contrôle.