Comment créer un site web gratuit avec l'IA : du premier prompt à la mise en ligne

Pour créer un site web avec l'IA, notez à quoi sert le site et de quelles pages il a besoin, décrivez-le en quelques phrases simples à un créateur de sites ou d'applications IA, et laissez-le générer une première version que vous voyez dans un aperçu en direct. Ensuite, corrigez les textes, vérifiez le rendu sur mobile, ajoutez les bases dont les moteurs de recherche ont besoin et publiez le site sur un domaine. La plupart des petits sites (site d'entreprise, portfolio, page de destination, blog simple) peuvent passer de l'idée à la mise en ligne en une seule séance.

Quel type de site web créez-vous ?

« Site web » recouvre des choses très différentes, et le type choisi change ce que vous demandez :

Si le vôtre est dans la dernière ligne, vous construisez en réalité une application web avec une vitrine marketing. Pas de problème, les créateurs d'applications IA gèrent les deux, mais prévoyez la partie application séparément ; notre guide comment créer une application avec l'IA en parle.

Créateurs de sites IA, modèles et créateurs d'applications IA

Il existe trois voies courantes, et chacune convient à un profil différent.

• Créateurs à base de modèles avec fonctions IA (Wix, Squarespace, Framer et similaires). Vous partez d'un modèle conçu et vous modifiez visuellement ; l'IA aide à rédiger du texte ou à suggérer une mise en page. Ils conviennent si vous voulez un design éprouvé, un éditeur visuel et des extras intégrés comme un blog ou un widget de rendez-vous.
• Créateurs d'applications IA (Mythex, Lovable, Bolt et autres). Vous décrivez le site dans le chat et l'IA écrit le code de zéro, puis l'exécute dans un aperçu en direct. Ils conviennent si vous voulez du sur-mesure, modifier en parlant plutôt qu'en déplaçant des blocs, ou ajouter plus tard des fonctions d'application.
• Sites codés à la main ou par une agence. Toujours le bon choix pour les grands sites avec des flux de contenu complexes, des chartes de marque strictes ou une relecture juridique de chaque page.

Pour comparer des outils précis, voir les meilleurs créateurs de sites web IA.

Étape 1 : planifier le site sur une page

Avant d'ouvrir le moindre outil, répondez à ces cinq questions. Cela prend dix minutes et fait gagner des heures d'allers-retours :

1. Qui est le visiteur et que doit-il faire ? « Des propriétaires du quartier qui doivent appeler pour un devis » est un plan. « Tout le monde » n'en est pas un.
2. Quelles pages existent ? Listez-les. La plupart des petits sites en ont quatre ou cinq.
3. Que contient chaque page ? Une ou deux lignes chacune : « Services : trois services avec une courte description et un prix de départ. »
4. Qu'est-ce qui est réel ? Rassemblez le vrai nom de votre entreprise, vos services, prix, adresse, horaires, photos et témoignages que vous avez le droit d'utiliser. L'IA inventera des éléments factices pour tout ce que vous ne lui donnez pas.
5. Quelle ambiance ? Deux ou trois mots (« calme, épuré, beaucoup d'espace blanc ») ou un lien vers un site que vous aimez.

Étape 2 : écrire le premier prompt

Un bon premier prompt décrit l'entreprise et les pages, pas le code :

Crée un site web pour Harbor Physio, un cabinet de kinésithérapie dans une petite ville côtière. Pages : Accueil (bandeau avec un bouton « Prendre rendez-vous pour un bilan », trois raisons de nous choisir, courte section de témoignages), Services (blessures sportives, mal de dos, rééducation post-opératoire, chacun avec un paragraphe et la durée de séance), À propos (les deux kinésithérapeutes, avec des emplacements pour les photos) et Contact (adresse, horaires, téléphone et formulaire de contact). Style calme et épuré avec une touche de bleu doux. Pensé d'abord pour le mobile. Utilise des textes crédibles, pas de lorem ipsum, et n'invente ni avis ni récompenses.

Cette dernière phrase compte. Les outils IA remplissent volontiers les vides avec des témoignages inventés, des bandeaux « déjà 10 000 clients » ou de fausses récompenses. Dites-lui de ne pas le faire, et vérifiez quand même.

Si vous avez déjà un logo, des couleurs de marque ou une capture d'un site qui vous plaît, joignez-les. Pour d'autres modèles, voir comment rédiger des prompts pour les créateurs d'applications IA.

Étape 3 : relire comme un visiteur

Quand la première version apparaît, ne commencez pas par retoucher les polices. Parcourez-la comme votre visiteur :

• Comprend-on ce que fait l'entreprise dans les cinq secondes après l'arrivée ?
• Le bouton principal est-il évident, et mène-t-il quelque part ?
• Chaque page du menu existe-t-elle et le lien est-il correct ?
• Passez en affichage taille mobile. La plupart des visiteurs arriveront sur un téléphone, et c'est là que le texte serré et les images trop grandes apparaissent.

Ensuite, changez une chose à la fois. « Raccourcis le titre de l'en-tête et mets le numéro de téléphone dans le haut de page » donne un meilleur résultat que « améliore-le ». Si une modification tourne mal, revenez à une version antérieure plutôt que d'essayer de vous en sortir en discutant.

Étape 4 : remplacer les éléments factices par du vrai contenu

Le premier jet aura des images factices et des phrases génériques. Avancez page par page :

• Textes. Collez vos vraies descriptions de services, prix et horaires. Demandez à l'IA de les resserrer, mais gardez les faits les vôtres.
• Images. Téléversez vos propres photos quand vous le pouvez. Les photos de banque d'images conviennent pour les arrière-plans ; de vraies photos de votre travail, de votre équipe ou de vos locaux inspirent plus confiance.
• Preuves. N'utilisez que des témoignages, logos et chiffres que vous pouvez justifier.
• Pages légales. Si vous collectez des données personnelles via un formulaire, il vous faudra en général une politique de confidentialité. Demandez une page à l'IA, puis faites-la vérifier au regard des règles du pays où vous exercez : une politique générée est un point de départ, pas un conseil juridique.

Étape 5 : formulaires, réservations et autres parties « application »

Un formulaire de contact a besoin d'un endroit où envoyer les messages. Les options, de la plus simple à la plus complète :

Si vous avez besoin de vraies réservations ou de paiements, voir comment créer une application de réservation et comment ajouter des paiements à votre application.

Étape 6 : les bases du SEO avant de partager

Une IA peut écrire une belle page que les moteurs de recherche comprennent à peine. Avant le lancement, demandez :

• Un titre et une méta-description uniques sur chaque page
• Un seul titre principal clair par page, avec des sous-titres cohérents
• Un texte alternatif descriptif sur les images
• Des balises Open Graph, pour que les liens s'affichent correctement quand ils sont partagés sur les réseaux sociaux ou dans des messages
• Un sitemap et un fichier robots

Un point technique mérite d'être connu. De nombreux créateurs IA produisent des applications monopages, où le navigateur construit la page avec JavaScript. Les moteurs de recherche peuvent les indexer, mais un HTML statique ou rendu côté serveur est plus fiable pour les pages qui doivent bien se classer. Si le trafic de recherche compte, demandez un site statique ou un framework qui rend les pages côté serveur. Notre guide du SEO des sites créés par IA va plus loin.

Étape 7 : publier et connecter un domaine

La publication transforme l'aperçu en site public. La plupart des créateurs vous donnent d'abord un sous-domaine gratuit, ce qui suffit pour tester et partager avec des amis. Pour une entreprise, connectez votre propre domaine : vous en achetez un via le créateur ou vous faites pointer un domaine que vous possédez déjà vers le site avec un enregistrement DNS. Comment connecter un domaine personnalisé détaille la partie DNS.

Après le lancement, créez un compte gratuit Google Search Console pour voir si vos pages sont indexées.

Erreurs courantes

• Tout demander d'un coup. Douze pages, un blog, une boutique et un espace membres dans un seul prompt donnent une version superficielle de chacun. Construisez d'abord les pages essentielles.
• Publier du texte factice. Cherchez dans chaque page « Lorem », « Votre entreprise » et les chiffres inventés avant la mise en ligne.
• Ignorer le mobile. Vérifiez chaque page à la largeur d'un téléphone, pas seulement l'accueil.
• Laisser l'appel à l'action vague. Chaque page doit rendre l'étape suivante évidente : appeler, réserver, acheter ou nous contacter.
• Oublier qui le mettra à jour. Si quelqu'un d'autre modifie le site chaque semaine, assurez-vous qu'il le peut, soit en discutant avec le même créateur, soit en choisissant un outil avec éditeur visuel.

Combien ça coûte

Un site simple créé avec l'IA coûte généralement bien moins cher qu'un site conçu et développé sur mesure. Voici les coûts récurrents à prévoir :

• Le créateur. La plupart ont une offre gratuite pour essayer et un forfait payant pour les domaines personnalisés et plus d'usage.
• L'hébergement. Parfois inclus dans le forfait, parfois facturé à l'usage.
• Un nom de domaine. Des frais d'enregistrement annuels, qui dépendent du nom et de l'extension.
• Les extras. Un fournisseur d'e-mail pour les notifications de formulaire, ou des outils payants pour les réservations ou les newsletters.

Quand un créateur de sites web est le meilleur choix

Soyez honnête sur vos besoins. Si vous voulez un site vitrine classique, un éditeur visuel pour un collègue non technique, un blog intégré avec programmation des publications, ou une boutique en ligne avec stocks et expédition gérés pour vous, un créateur de sites à base de modèles ou une plateforme dédiée comme Shopify peut mieux vous convenir que n'importe quel code généré par IA. Les créateurs d'applications IA prennent l'avantage quand le site sort de l'ordinaire, change souvent ou sert de porte d'entrée à quelque chose qui se comporte comme une application.

Le construire avec Mythex

Mythex est un créateur d'applications IA, et les sites web figurent parmi ce que l'on y construit le plus souvent. Vous décrivez le site, il le construit dans un aperçu en direct (avec une vue taille mobile), et vous publiez à une adresse yourname.mythex.app ; sur Pro, vous pouvez acheter un domaine dans Mythex ou connecter le vôtre. Si le classement dans les moteurs de recherche compte, vous pouvez demander un simple site statique plutôt que l'application React par défaut. Voir la documentation sur les sites web statiques et le SEO de votre application publiée.

Mythex n'est pas un CMS : il n'y a pas de connexion d'édition séparée pour une équipe marketing, donc les modifications se font en discutant avec le créateur ou en éditant le code. Pour éviter la page blanche, partez d'un des modèles de sites web ou des modèles de portfolios, qui ouvrent chacun un nouveau projet avec un prompt de départ déjà rempli.

Questions