Créer un site avec ChatGPT

Ce que ChatGPT sait faire, et ce qu’il ne fait pas

Dans une conversation, ChatGPT produit un fichier de code : une page HTML avec ses styles, prête à ouvrir dans votre navigateur. Son espace d’édition (canvas) permet même d’en voir un aperçu sans quitter la conversation. Pour un site vitrine d’une à cinq pages, c’est largement suffisant.

Ce qu’il ne fait pas : héberger votre site, acheter votre nom de domaine, se souvenir d’une conversation à l’autre (sauf si vous le mettez dans un Projet), et surtout savoir ce que vous ne lui dites pas. Tout ce qui manque dans votre demande, il l’invente — poliment, joliment, et faux.

Étape 1 — écrire la commande, pas la demande

La différence entre « fais-moi un site pour ma boulangerie » et une commande, c’est tout ce que la première phrase laisse deviner. Une commande dit qui vous êtes et où, ce que le site doit faire faire au visiteur, à qui il s’adresse, quelles pages, quelles contraintes, ce que vous refusez, et sous quelle forme vous voulez le résultat.

CONTEXTE
Boulangerie artisanale, 3 personnes, Pessac (33).
Ouverte du mardi au dimanche, 7 h – 19 h 30.

CE QUE LE SITE DOIT OBTENIR
Faire commander une pièce montée ou un gâteau d'anniversaire
par téléphone, au moins 72 h à l'avance.
Ce que je mesurerai : les appels qui citent le site.

À QUI IL S'ADRESSE
Des parents qui préparent un anniversaire, sur leur téléphone.

PAGES
1. Accueil — horaires, adresse, numéro, gâteaux sur commande
2. Gâteaux sur commande — 6 modèles, prix par part, délai
3. Mentions légales

CE QUE JE REFUSE
Carrousel, fenêtre surgissante, chat. Aucun chiffre me
concernant que je ne t'ai pas donné. Aucune photo de banque
d'images présentée comme mes gâteaux.

LIVRAISON
Un seul fichier HTML autonome. Commence par la page 1 seule.

Étape 2 — le faire parler avant de le faire construire

Le réflexe qui évite la moitié des déceptions : demander à ChatGPT, avant qu’il écrive la moindre ligne, la liste de ce qui lui manque. Il vous dira qu’il n’a pas vos prix, vos photos, votre numéro de SIRET pour les mentions légales. Chaque réponse que vous donnez maintenant est une invention de moins plus tard.

Ne construis rien pour l'instant.
Liste chaque information qui te manque pour construire
la page 1 sans rien inventer, un point par ligne.

Étape 3 — une page, validée, puis la suivante

Demandez la page d’accueil seule. Enregistrez le code dans un fichier (index.html), ouvrez-le dans votre navigateur, puis sur votre téléphone. Tant qu’elle ne vous convient pas, faites reprendre ce qui ne va pas — précisément : l’endroit, le constat, l’attendu. Quand elle est bonne, dites-le : « la page 1 est validée, tu n’y touches plus ». Puis seulement la page 2.

Étape 4 — mettre en ligne

Un site fait de fichiers HTML se publie sur n’importe quel hébergement dit « statique », dont plusieurs sont gratuits pour un petit site (Netlify, Cloudflare Pages, GitHub Pages). Le plus simple pour commencer consiste à glisser votre dossier dans la page de dépôt de l’hébergeur. Ensuite, vous branchez votre nom de domaine — l’étape détaillée dans la planche La mise en service.

Étape 5 — réceptionner

Avant d’annoncer le site, relisez chaque chiffre et retrouvez d’où il vient, testez chaque lien et le numéro sur téléphone, et vérifiez les mentions légales ligne par ligne. Ce que ChatGPT a écrit sans source n’a pas sa place en ligne.

Questions fréquentes