Les 20 points à vérifier avant de mettre en ligne un site construit avec Claude

Celui-ci ne répare rien. Il établit la ligne de base, et tu en as besoin avant de toucher au code.

Voici mon site : [colle le dépôt, le dossier ou l'URL en ligne]

Audite-le contre une checklist de mise en production. Vérifie : page 404
personnalisée, bouton d'action visible sans scroller, titres de page uniques,
meta descriptions, image Open Graph, jeu de favicons, robots.txt, sitemap.xml,
textes alternatifs, points de rupture mobiles, bouton fixe en bas sur mobile,
états de chargement, états d'erreur des formulaires, page de remerciement,
politique de confidentialité, conditions d'utilisation, bandeau cookies, outil
de mesure, moyen de contact réel, compression des images.

Pour chacun, dis-moi : présent, partiel ou absent. Puis classe tout ce qui est
absent par ordre de ce qui casse le plus la confiance d'un premier visiteur.
Ne corrige rien pour l'instant.

C'est la passe la plus rentable, et celle que presque personne ne fait, parce que rien de ce qu'elle produit n'est visible sur la page.

Corrige la couche de découvrabilité de ce site.

1. Donne à chaque page un titre unique de moins de 60 caractères qui dit à quoi
   sert la page.
2. Donne à chaque page une meta description entre 120 et 155 caractères.
3. Ajoute les balises Open Graph et Twitter Card, image comprise, pour que les
   liens s'affichent correctement au partage.
4. Génère un jeu de favicons complet, y compris l'icône Apple Touch.
5. Crée robots.txt et sitemap.xml couvrant toutes les pages publiques.

Liste chaque fichier créé ou modifié, et montre-moi la section head finale
d'une page pour que je vérifie.

La partie la plus rapide à générer et la plus facile à rater. Claude te donne 80 pour cent d'un brouillon en une minute. Les 20 pour cent restants sont exactement là où se trouve le risque.

Rédige les pages légales de ce site.

Contexte : mon site collecte [emails / paiements / données de compte / rien].
Il utilise [outil de mesure] et [prestataire de paiement]. Mes utilisateurs
sont principalement en [pays ou région]. J'opère en tant que [auto-entrepreneur
/ société immatriculée / pas encore immatriculé].

Rédige : une politique de confidentialité, des conditions d'utilisation, et un
bandeau cookies avec accepter et refuser.

Puis donne-moi une liste séparée de chaque clause où tu as dû deviner, et de
tout ce qu'un juriste de ma juridiction doit relire avant la mise en ligne.

La seconde liste est la vraie sortie de ce prompt. C'est elle qui te dit où tu es exposé.

Ton site a été conçu sur un écran d'ordinateur et sera vu sur un téléphone. Tout l'écart est là.

Parcours ce site à 390 px de large, page par page.

Corrige : tout défilement horizontal, tout texte sous 16 px, toute zone
cliquable sous 44 px, toute mise en page cassée à cette largeur, et toute
navigation impossible au pouce.

Ajoute ensuite un bouton d'action fixe en bas d'écran, sur mobile uniquement,
pointant vers l'action principale.

Dis-moi page par page ce qui était cassé et ce que tu as changé.

Les trois seuils ne sont pas arbitraires : 390 px est la largeur logique des iPhone récents, 44 px est le minimum tactile recommandé par Apple, et un champ de formulaire sous 16 px déclenche un zoom automatique sur Safari iOS.

Tout ce qui reste, en une passe.

Termine la passe de mise en ligne de ce site.

1. Ajoute une page 404 personnalisée qui renvoie vers l'accueil et les
   sections principales.
2. Ajoute une page de remerciement après chaque envoi de formulaire.
3. Ajoute des états de chargement et d'erreur à chaque formulaire et à chaque
   action asynchrone.
4. Ajoute un texte alternatif descriptif à chaque image.
5. Compresse chaque image de plus de 200 ko et convertis vers un format moderne
   quand c'est possible.
6. Remplace chaque coordonnée de contact fictive par la vraie : [ton email].
7. Installe [outil de mesure] et vérifie qu'il se déclenche à l'affichage de
   page et à l'envoi de formulaire.

Quand c'est fini, dis-moi ce que tu corrigerais encore si c'était ton site.