Les probl\u00e8mes du jour du lancement sont rarement exotiques. C’est un site de pr\u00e9production mis en ligne avec les moteurs de recherche bloqu\u00e9s, un formulaire de contact qui se soumet avec succ\u00e8s sans avertir personne, et une carte de redirections qui couvrait les pages dont quelqu’un se souvenait.<\/p>\n\n\n\n
Voici treize v\u00e9rifications, dans l’ordre o\u00f9 nous les faisons. Les deux premi\u00e8res expliquent l’essentiel des d\u00e9g\u00e2ts que l’on nous a appel\u00e9s \u00e0 r\u00e9parer.<\/p>\n\n\n\n
S’il s’agit d’une relance plut\u00f4t que d’un premier lancement, c’est la v\u00e9rification qui prot\u00e8ge tout ce que vous avez d\u00e9j\u00e0 gagn\u00e9. Explorez le site en ligne, exportez chaque URL, et associez chacune \u00e0 exactement une adresse du nouveau site. Les documents comptent. Les PDF se positionnent et attirent des liens externes pour eux-m\u00eames.<\/p>\n\n\n\n
Utilisez des redirections permanentes, un seul saut chacune, jamais de cha\u00eene. Puis appelez chaque ancienne URL et confirmez qu’elle aboutit \u00e0 une page vivante plut\u00f4t qu’\u00e0 une erreur 404 ou \u00e0 une autre redirection. Un tableur qui affirme que la carte est compl\u00e8te n’\u00e9quivaut pas \u00e0 un test qui le prouve.<\/p>\n\n\n\n
L’erreur de lancement la plus co\u00fbteuse sous WordPress consiste \u00e0 mettre en ligne avec l’option \u00ab Demander aux moteurs de recherche de ne pas indexer ce site \u00bb toujours coch\u00e9e dans R\u00e9glages, Lecture. Des sites sont rest\u00e9s invisibles pendant des mois ainsi, et le sympt\u00f4me ressemble exactement \u00e0 celui d’un site qui n’est simplement pas encore positionn\u00e9.<\/p>\n\n\n\n
V\u00e9rifiez le r\u00e9glage, puis appelez Lisez \u00e0 voix haute, parce que l’\u0153il saute ce que l’oreille attrape. Faites relire par quelqu’un qui n’a pas \u00e9crit le texte. V\u00e9rifiez les endroits que personne ne relit : \u00e9tiquettes de formulaires, messages d’erreur, \u00e9crans de confirmation, libell\u00e9s de boutons, page 404, gabarits de courriel et titres de pages.<\/p>\n\n\n\n Si vous publiez dans deux langues, v\u00e9rifiez que chaque page fran\u00e7aise est bel et bien fran\u00e7aise. Les gabarits partiellement traduits, avec des messages de validation en anglais, sont extr\u00eamement courants et imm\u00e9diatement visibles pour les gens que vous cherchez \u00e0 servir.<\/p>\n\n\n\n Soumettre un formulaire et voir un message de remerciement prouve que l’interface fonctionne. Cela ne prouve rien sur la livraison. Soumettez chaque formulaire pour de vrai et confirmez que la notification arrive, \u00e0 la bonne adresse, avec les valeurs des champs intactes et une adresse de r\u00e9ponse \u00e0 laquelle vous pouvez r\u00e9ellement r\u00e9pondre.<\/p>\n\n\n\n V\u00e9rifiez le dossier de pourriel, parce qu’un nouveau site qui envoie du courrier depuis un nouveau serveur y atterrit fr\u00e9quemment. Si vous avez des enregistrements SPF, DKIM et DMARC, validez-les maintenant plut\u00f4t que de d\u00e9couvrir le probl\u00e8me par les demandes que vous n’avez jamais re\u00e7ues. Testez aussi les chemins d’\u00e9chec : soumettez avec des champs obligatoires vides et confirmez que les erreurs sont claires et annonc\u00e9es aux technologies d’assistance.<\/p>\n\n\n\n L’outillage automatis\u00e9 d\u00e9tecte environ le tiers des probl\u00e8mes : lancez-le, puis faites la partie manuelle. Parcourez chaque gabarit au clavier seul et confirmez que vous atteignez et actionnez tout, que le focus reste toujours visible, et que rien ne vous pi\u00e8ge. V\u00e9rifiez le contraste des couleurs contre l’exigence de 4,5:1 pour le texte courant. Confirmez que les images porteuses de sens ont un texte alternatif et que les images d\u00e9coratives ont un attribut alt vide.<\/p>\n\n\n\n Si vous avez une obligation envers une norme pr\u00e9cise, qu’il s’agisse des WCAG 2.2 niveau AA, du SGQRI 008 3.0 au Qu\u00e9bec ou de la LAPHO en Ontario, consignez le r\u00e9sultat par crit\u00e8re plut\u00f4t qu’en r\u00e9ussite ou \u00e9chec global.<\/p>\n\n\n\n Chaque page a besoin d’exactement un H1, et les titres doivent descendre dans l’ordre sans sauter de niveau, parce que cette structure est la fa\u00e7on dont naviguent les utilisateurs de lecteurs d’\u00e9cran autant que la fa\u00e7on dont les moteurs lisent la page.<\/p>\n\n\n\n Chaque page a aussi besoin de sa propre balise titre et de sa propre m\u00e9ta description. Les doublons \u00e0 l’\u00e9chelle d’un site constituent le probl\u00e8me le plus fr\u00e9quent que nous trouvons, et ils viennent g\u00e9n\u00e9ralement d’une valeur par d\u00e9faut de gabarit que personne n’a remplac\u00e9e. Les mots-cl\u00e9s m\u00e9ta sont morts depuis des ann\u00e9es : ignorez toute extension qui propose encore le champ.<\/p>\n\n\n\n Testez la page d’accueil, une page de contenu, une page de liste et tout formulaire ou tunnel de paiement, sur un t\u00e9l\u00e9phone de milieu de gamme plut\u00f4t que sur votre portable. Largest Contentful Paint sous 2,5 secondes, Interaction to Next Paint sous 200 millisecondes, Cumulative Layout Shift sous 0,1.<\/p>\n\n\n\n Le d\u00e9calage de mise en page est celui qu’on manque le plus souvent avant le lancement, et il vient habituellement d’images sans attributs de largeur et de hauteur, de polices web qui se substituent tardivement, ou d’une banni\u00e8re inject\u00e9e au-dessus du contenu apr\u00e8s le rendu.<\/p>\n\n\n\n Servez des formats modernes, dimensionnez les images \u00e0 la taille r\u00e9elle d’affichage, et activez le chargement diff\u00e9r\u00e9 sous la ligne de flottaison tout en l’excluant explicitement pour votre plus grande image visible d’embl\u00e9e. V\u00e9rifiez sur une connexion lente, pas sur le r\u00e9seau du bureau.<\/p>\n\n\n\n Le texte alternatif d\u00e9crit la fonction de l’image dans son contexte, pas son contenu. Si une image est purement d\u00e9corative, un attribut alt vide est la bonne r\u00e9ponse, et vaut mieux qu’un nom de fichier.<\/p>\n\n\n\n Les versions courantes de Chrome, Safari, Firefox et Edge, plus Safari sur un v\u00e9ritable iPhone et Chrome sur un v\u00e9ritable appareil Android. Le rendu n’a pas \u00e0 \u00eatre identique au pixel pr\u00e8s. Tout doit fonctionner.<\/p>\n\n\n\n Testez en mode sombre si les appareils de vos visiteurs peuvent y \u00eatre, et testez \u00e0 200 pour cent de zoom du navigateur, ce qui est \u00e0 la fois une exigence d’accessibilit\u00e9 et un moyen rapide de trouver les mises en page qui cassent.<\/p>\n\n\n\n Mettez les statistiques en place avant le lancement pour disposer d’une base de r\u00e9f\u00e9rence d\u00e8s le premier jour. Confirmez que le suivi se d\u00e9clenche sur chaque gabarit et non uniquement sur la page d’accueil, et qu’une banni\u00e8re de consentement ne le bloque pas silencieusement.<\/p>\n\n\n\n Validez la propri\u00e9t\u00e9 dans la Google Search Console en m\u00eame temps. Si vous avez chang\u00e9 de domaine, ajoutez les deux propri\u00e9t\u00e9s et utilisez l’outil de changement d’adresse. D\u00e9finissez ce qu’est une conversion et confirmez que vous pouvez en voir une avant d’avoir \u00e0 en rendre compte.<\/p>\n\n\n\n Appelez le plan de site et lisez-le. Confirmez qu’il liste les pages que vous voulez indexer et qu’il ne liste pas de brouillons, d’URL de pr\u00e9production, de pages de pi\u00e8ces jointes ni de doublons pagin\u00e9s. Soumettez-le ensuite dans la Search Console et revenez quelques jours plus tard v\u00e9rifier les erreurs de couverture, l\u00e0 o\u00f9 une mauvaise configuration se r\u00e9v\u00e8le en premier.<\/p>\n\n\n\n Quelqu’un arrivera sur une URL qui n’existe plus, si bonne que soit votre carte de redirections. Une page 404 qui propose la recherche, vos grandes sections et un chemin vers le contact transforme un cul-de-sac en visite r\u00e9cup\u00e9r\u00e9e. Confirmez qu’elle renvoie un v\u00e9ritable code 404 plut\u00f4t qu’un 200, parce qu’un faux 404 embrouille les moteurs et vous cache le probl\u00e8me dans vos rapports.<\/p>\n\n\n\n Une sauvegarde non test\u00e9e est une croyance, pas une protection. Prenez une sauvegarde compl\u00e8te des fichiers et de la base de donn\u00e9es, conserv\u00e9e ailleurs que sur le serveur d’origine, puis restaurez-la r\u00e9ellement quelque part et confirmez que le site se rel\u00e8ve.<\/p>\n\n\n\n Pendant que vous s\u00e9curisez : confirmez que le HTTPS est impos\u00e9 sur tout le site sans avertissement de contenu mixte, supprimez le compte administrateur par d\u00e9faut et les comptes de test, activez l’authentification \u00e0 deux facteurs pour les administrateurs, et notez qui d\u00e9tient le domaine, le DNS et les acc\u00e8s d’h\u00e9bergement.<\/p>\n\n\n\n Le lancement ne termine pas la liste. Durant la premi\u00e8re semaine, surveillez les erreurs d’exploration et les changements de couverture dans la Search Console, surveillez les 404 issues de trafic r\u00e9el dans vos journaux de serveur, confirmez que l’indexation progresse, et v\u00e9rifiez que les formulaires livrent toujours. Attendez-vous \u00e0 un creux temporaire de visibilit\u00e9 apr\u00e8s une relance. Ce qui doit inqui\u00e9ter, c’est un creux qui ne se r\u00e9sorbe pas, et qui remonte presque toujours \u00e0 la v\u00e9rification num\u00e9ro un ou \u00e0 la num\u00e9ro deux.<\/p>\n\n\n\n\/robots.txt<\/code> et lisez-le. Confirmez qu’il n’interdit rien que vous vouliez indexer, et qu’il pointe vers votre plan de site. V\u00e9rifiez ensuite quelques gabarits \u00e0 la recherche d’une balise noindex<\/code> oubli\u00e9e par une extension ou une option de th\u00e8me.<\/p>\n\n\n\n3. Relisez tout, \u00e0 voix haute, dans chaque langue publi\u00e9e<\/h2>\n\n\n\n
4. Testez chaque formulaire de bout en bout, courriel compris<\/h2>\n\n\n\n
5. Faites un passage d’accessibilit\u00e9<\/h2>\n\n\n\n
6. Un seul H1, un titre et une description uniques par page<\/h2>\n\n\n\n
7. V\u00e9rifiez les Core Web Vitals sur les gabarits qui comptent<\/h2>\n\n\n\n
8. Optimisez les images et donnez-leur un vrai texte alternatif<\/h2>\n\n\n\n
9. V\u00e9rifiez sur de vrais navigateurs et de vrais appareils<\/h2>\n\n\n\n
10. Installez et validez les statistiques et la Search Console<\/h2>\n\n\n\n
11. Soumettez le plan de site XML<\/h2>\n\n\n\n
12. Construisez une page 404 qui r\u00e9cup\u00e8re la visite<\/h2>\n\n\n\n
13. Sauvegardez, puis prouvez que la sauvegarde se restaure<\/h2>\n\n\n\n
Les petites choses, rapidement<\/h2>\n\n\n\n
\n
Le lendemain<\/h2>\n\n\n\n