Comment créer un site web avec ChatGPT : trois méthodes qui fonctionnent

Pour créer un site web avec ChatGPT, vous pouvez lui demander d'écrire le HTML et le CSS du site, puis de mettre ces fichiers sur un service d'hébergement vous-même ; l'utiliser pour planifier les pages et rédiger le contenu avant de construire le site dans un créateur ; ou connecter un créateur IA comme Mythex dans ChatGPT, pour qu'il construise, héberge et publie le site à partir de la même conversation. La première méthode est gratuite et convient à un site d'une seule page ; la troisième est ce qu'il vous faut lorsque le site doit comporter des formulaires qui enregistrent des données, des connexions ou des mises à jour régulières. Ce guide présente chaque méthode avec des requêtes et indique clairement où chacune s'arrête.

Ce que ChatGPT peut et ne peut pas faire seul

ChatGPT excelle dans la rédaction : code, titres, textes de pages et plans. Par défaut, ce n'est pas un hébergeur. Il ne donne pas d'adresse publique à votre site, il ne fait pas tourner de base de données et il ne conserve pas les fichiers de votre site d'un projet à l'autre, comme le fait un créateur. Chaque méthode ci-dessous répond différemment à ce manque.

Méthode 1 : ChatGPT écrit le code, vous l'hébergez

C'est l'approche classique, et elle fonctionne bien pour un site statique simple : un portfolio, une page d'accueil, une page de mariage.

Étape 1 : demander une page complète en un seul fichier

Soyez précis sur le contenu et la mise en page :

Écris un site web complet d'une seule page, dans un seul fichier HTML avec le CSS dans une balise style. Il est destiné à Maya Haddad, une illustratrice indépendante à Amman. Sections : un en-tête avec son nom et « Illustration pour livres et marques », une grille de six images de portfolio (utilise des chemins d'images fictifs que je pourrai remplacer), un court paragraphe « À propos », une liste de trois services avec leurs prix de départ, et une section de contact avec son courriel en lien mailto. Design propre et moderne, beaucoup d'espace blanc, adapté aux téléphones. Pas de frameworks JavaScript.

Demander un seul fichier facilite la sauvegarde et le téléversement.

Étape 2 : enregistrer et ouvrir le fichier

Copiez le code dans un éditeur de texte, enregistrez-le sous index.html, puis ouvrez-le dans votre navigateur. Si quelque chose ne va pas, décrivez-le à ChatGPT : « la grille d'images est sur une seule colonne sur ordinateur ; passe à trois colonnes au-delà de 900 px de largeur. »

Étape 3 : remplacer les éléments fictifs

Remplacez les images fictives par les vôtres et tout texte inventé par ChatGPT. Vérifiez soigneusement les prix, les courriels et les noms : l'IA comble les vides avec aplomb.

Étape 4 : mettre le site en ligne

Téléversez le fichier sur un hébergement statique gratuit, comme GitHub Pages, ou sur n'importe quel hébergeur web que vous payez déjà. Vous obtiendrez une adresse publique. Pour utiliser votre propre domaine, suivez les instructions de votre hébergeur ; notre guide sur connecter un domaine personnalisé explique la partie DNS.

Où la méthode 1 s'arrête

• Les formulaires qui enregistrent des données. Un formulaire de contact a besoin d'un endroit où envoyer les soumissions : un service de formulaires ou un serveur.
• Les connexions et les espaces membres. Ils exigent un backend et une base de données.
• De nombreuses pages. Garder l'en-tête et le menu cohérents sur dix fichiers collés à la main devient fastidieux.
• Les mises à jour. Chaque modification signifie demander un nouveau code, le coller et téléverser de nouveau.

Méthode 2 : ChatGPT planifie, un créateur construit

Ici, ChatGPT fait la réflexion et la rédaction, et un créateur de sites web fait la construction et l'hébergement.

Étape 1 : planifier le site avec ChatGPT

Je dirige une petite boulangerie familiale à Manchester qui accepte les commandes de gâteaux. Suggère les pages dont mon site a besoin, ce que chaque page doit dire, et l'action unique que je veux que les visiteurs fassent sur chaque page. Limite-toi à cinq pages ou moins.

Étape 2 : rédiger le contenu

Demandez le texte de chaque page, puis réécrivez-le dans votre propre style. Ajoutez les détails réels que ChatGPT ne peut pas connaître : heures d'ouverture, prix, zones de livraison, ce qui distingue vos gâteaux.

Étape 3 : construire le site dans un créateur

Coller le plan et le contenu dans un créateur de sites web. Dans un outil glisser-déposer, vous placez le texte dans un modèle. Dans un créateur IA, vous pouvez donner le plan complet en un seul message, et il construit les pages ; par exemple, dans le créateur de sites web Mythex :

Construis un site web pour une boulangerie familiale à Manchester à partir de ce plan et de ce contenu : [coller]. Inclus un formulaire de demande de commande qui enregistre chaque demande (nom, téléphone, type de gâteau, date souhaitée, message) pour que je puisse les voir dans une page d'administration à laquelle seul moi peux me connecter. Design chaleureux et familial, adapté aux téléphones.

Le formulaire de commande enregistre ici dans une vraie base de données, ce qu'un fichier HTML collé ne pourrait pas faire. Pour en savoir plus sur cette voie, consultez comment créer un site web avec l'IA.

Méthode 3 : construire et publier depuis ChatGPT

L'option la plus récente consiste à connecter un créateur à ChatGPT pour que ChatGPT puisse utiliser directement ses outils. Vous restez dans la conversation ChatGPT ; le créateur fournit le projet, l'aperçu, la base de données et l'hébergement.

Mythex fonctionne de cette façon, grâce à son application ChatGPT (un connecteur MCP). Vous la connectez depuis les paramètres du compte dans Mythex ; la connexion fonctionne avec n'importe quel forfait, et les outils qui font tourner le bac à sable de votre projet exigent le forfait Pro. Une fois la connexion faite, vous pouvez demander à ChatGPT quelque chose comme :

En utilisant Mythex, crée un nouveau site web pour ma boulangerie avec une page d'accueil, une page de menu avec les gâteaux et les prix, et un formulaire de demande de commande qui enregistre dans une base de données. Montre-moi l'aperçu, et publie-le quand je dirai qu'il me plaît.

ChatGPT crée alors le projet, écrit le code, le fait fonctionner et le publie à une adresse publique lorsque vous approuvez. Les modifications se font simplement par de nouveaux messages dans la même conversation. Cette même approche de connecteur fonctionne aussi avec Claude, Cursor et Codex. Pour des renseignements sur son fonctionnement et les créateurs qui la prennent en charge, consultez les créateurs d'applications IA avec MCP.

Quelle méthode choisir ?

Conseils de requêtes valables pour toutes les méthodes

• Donnez les vrais faits dès le départ. Nom, lieu, services, prix, coordonnées. Moins il y a de détails inventés, moins il y a de nettoyage à faire.
• Décrivez le visiteur et l'objectif. « Un parent qui cherche un gâteau d'anniversaire et qui doit finir par envoyer une demande de commande. »
• Demandez des mises en page pensées pour le téléphone. La plupart des visiteurs utilisent un téléphone.
• Changez une seule chose par message une fois que la première version existe.
• Demandez explicitement les bases du référencement : un titre et une description uniques pour chaque page, de vrais titres, un texte alternatif sur les images. Consultez le référencement pour les sites web créés avec l'IA.

Notre guide sur la rédaction de requêtes pour les créateurs d'applications IA présente d'autres modèles.

Problèmes courants et solutions

• Le design paraît générique. Donnez une référence : « comme un café scandinave épuré, beaucoup de blanc et un vert sauge discret ».
• Le code a été coupé. Demandez à ChatGPT de continuer à partir de la dernière ligne, ou de découper la page en sections et de vous les donner une à la fois.
• Il a inventé des témoignages ou des statistiques. Supprimez-les. Les faux avis nuisent à la confiance et, dans de nombreux endroits, vont à l'encontre des règles de protection du consommateur.
• Le site cesse de fonctionner après une modification. Gardez une copie de la dernière version fonctionnelle avant de coller du nouveau code. Des créateurs comme Mythex conservent des points de contrôle pour que vous puissiez revenir en arrière.

Avant de publier

Lisez chaque mot de chaque page. Vérifiez que les coordonnées de contact fonctionnent. Ouvrez le site sur un téléphone. Assurez-vous que les images vous appartiennent ou sont correctement sous licence. Publiez ensuite, et partagez le site là où vos visiteurs se trouvent déjà. Si vous voulez que l'ensemble ne vous coûte rien, comment créer un site web gratuitement détaille les options d'hébergement gratuit.

Questions