Le Parcours · Étape 3

Construire le site en une journée avec l'IA

Une comparaison honnête entre Hostinger Website Builder, WordPress, Lovable, Framer et le HTML pur avec Claude Code ou Cursor, et les cas où chacun convient.

Outils de cette étape

Une journée suffit si vous décidez d'abord

Le site peut être en ligne en une journée. Le choix, lui, ne se presse pas : chaque outil rend une chose facile et une autre difficile, et vous découvrez laquelle une fois installé. Cette étape consacre donc plus de place au choix qu'à la construction. Une fois le choix fait, l'IA se charge de l'essentiel de la saisie.

Une règle avant la comparaison : le site n'est pas le produit. Les textes, les outils que vous testez, la newsletter, ce que vous vendez, voilà le produit. Le site est l'étagère. Une étagère simple montée aujourd'hui vaut mieux qu'une belle étagère montée en mars.

Les cinq options, en toute franchise

Hostinger Website Builder

Le constructeur de Hostinger génère un site complet à partir d'une courte description, puis vous laisse le modifier avec un éditeur par glisser-déposer. C'est le chemin le plus rapide entre rien et une page en ligne : moins d'une heure, avec l'hébergement, un nom de domaine la première année et le SSL inclus. Les offres démarrent à quelques dollars par mois sur un engagement long et se renouvellent plus cher ; consultez la page actuelle.

Convient à : un site vitrine, une page personnelle, une petite boutique, une page d'accueil pour une newsletter, quiconque ne veut pas se soucier de l'hébergement.

Ne convient pas à : un site qui publiera des centaines d'articles, qui a besoin de fonctions sur mesure ou que vous pourriez déplacer ailleurs. Les sites créés avec ces outils s'exportent mal. Vous louez la mise en page.

WordPress

WordPress est un logiciel libre qui fait tourner environ deux sites sur cinq : tous les hébergeurs le prennent en charge et chaque problème a déjà été résolu par quelqu'un. Installez-le sur un hébergement mutualisé (Hostinger et la plupart des autres le font en un clic), choisissez un thème rapide et écrivez. L'IA s'y intègre via des extensions et via la rédaction en dehors de l'outil. Contenus, catégories, étiquettes, RSS, schema et un éditeur fonctionnel sont inclus d'origine.

Convient à : une publication. Si votre plan est d'écrire beaucoup et d'être trouvé dans les moteurs de recherche, c'est toujours le choix le plus sûr. Le modèle éditorial de HapnGo, des hubs d'articles avec un index, y est natif.

Ne convient pas à : ceux qui ne feront pas de maintenance. Les mises à jour, les extensions et les sauvegardes sont votre affaire. Négligez-les pendant un an et vous aurez un site lent et vulnérable. Peu adapté aussi à tout ce qui se comporte comme une application.

Lovable

Lovable transforme une conversation en application web fonctionnelle : une base de données, une connexion, des formulaires et une interface, le tout déployé. L'offre gratuite est limitée et l'offre Pro coûte $25 par mois pour 100 crédits ; chaque modification consomme des crédits, donc une longue journée de retouches finit par coûter cher. Consultez la page actuelle.

Convient à : un outil, un calculateur, un annuaire avec recherche, un espace membres, un prototype à montrer cette semaine. Si ce qui vaut la peine d'être créé depuis l'étape un est un logiciel, commencez ici.

Ne convient pas à : un site de contenu. Vous dépenserez des crédits pour reconstruire ce que WordPress offre gratuitement, et le code généré demande l'œil d'un développeur dès qu'il grossit.

Framer

Framer est un outil de design visuel qui publie directement un site rapide, avec un CMS pour les articles et un assistant IA pour la mise en page. La qualité du design est élevée dès le départ. Les offres démarrent actuellement à $10 par mois en facturation annuelle pour un domaine personnalisé et un petit CMS ; consultez la page actuelle.

Convient à : un portfolio, une page de lancement, un petit site où l'apparence compte avant tout, un designer qui veut garder la main sans coder.

Ne convient pas à : la publication intensive. Les limites du CMS sont réelles sur les offres d'entrée, et sortir des milliers d'articles plus tard demande du travail.

HTML pur avec Claude Code ou Cursor

L'option que personne ne recommande aux débutants, et celle que nous choisirions à nouveau. Vous ouvrez Claude Code ou Cursor (environ $20 par mois chacun pour l'offre d'entrée), vous décrivez le site, et l'IA écrit du HTML, du CSS et un peu de JavaScript dans un dossier sur votre machine. Vous déposez ce dossier gratuitement sur un hébergeur statique. Pas de base de données, pas de panneau d'administration, pas d'extension à mettre à jour, rien à pirater.

Convient à : quiconque accepte d'apprendre ce que sont un dossier et un fichier. Un site de contenu de quelques centaines de pages, une page d'accueil, un site de documentation, un site qui doit se charger instantanément et ne jamais tomber en panne. Chaque octet vous appartient et vous pouvez tout déplacer n'importe où en quelques minutes.

Ne convient pas à : les non-techniciens qui veulent écrire des articles dans un navigateur sur leur téléphone. Il vous faut une petite étape de compilation ou un générateur (Astro, Eleventy, Hugo) dès que le site dépasse vingt pages, et cela représente une vraie journée d'apprentissage.

Une méthode rapide pour décider

Répondez à trois questions :

  1. Ce que vous créez, est-ce surtout des mots, surtout un outil ou surtout une apparence ? Des mots : WordPress ou HTML pur. Un outil : Lovable. Une apparence : Framer ou le constructeur Hostinger.
  2. Ferez-vous la maintenance ? Oui : WordPress convient. Non : HTML pur sur un hébergeur statique, ou un constructeur.
  3. Pourriez-vous partir dans un an ? Si oui, évitez tout ce qui ne peut pas exporter un HTML et des contenus propres. Cela exclut les constructeurs et vous oriente vers WordPress ou le HTML pur.

Si vous hésitez entre WordPress et le HTML pur, le critère honnête pour trancher est votre aisance avec un terminal. Si une fenêtre noire avec un curseur clignotant vous rebute, WordPress. Sinon, le HTML pur avec un outil de code IA vous rendra plus rapide chaque mois.

La journée elle-même

Quel que soit votre choix, la journée suit le même déroulé :

  • Matin : la structure. Accueil, à propos, une page hub par thème, une page contact, confidentialité et conditions. Demandez d'abord un plan du site à l'IA et discutez-le avant qu'elle n'écrive quoi que ce soit.
  • Midi : un vrai article. Pas de texte de remplissage. Le site a besoin d'une page authentique pour être jugé.
  • Après-midi : la couche ingrate. Nom et description du site, favicon, image Open Graph, sitemap XML, outil d'analyse (étape dix), formulaire de newsletter (étape sept) et pied de page légal avec un vrai nom et une vraie adresse e-mail.
  • Soir : le test sur téléphone. Ouvrez le site sur un téléphone en données mobiles. Corrigez ce qui est lent ou trop serré avant toute autre chose.

Donnez à l'IA votre charte de marque de l'étape deux dans le premier message. Elle cessera d'inventer des couleurs.

Ce qu'il faut laisser de côté le premier jour

  • Un blog avec dix catégories vides. Un hub, un article.
  • Les commentaires. La modération est un métier.
  • Une boutique, sauf si la boutique est le produit.
  • Les animations. Elles coûtent en vitesse et ne prouvent rien.
  • Un logo payant. Un logotype dans la police choisie suffit pour un an.

Checklist

  • Répondu aux trois questions et choisi un outil pour une raison explicite
  • Structure du site rédigée sous forme de plan avant de générer la moindre page
  • Un véritable article publié, pas de texte de remplissage
  • Sitemap, outil d'analyse, formulaire de newsletter et pied de page légal en place
  • Testé sur un téléphone en données mobiles et parties lentes corrigées

Nous n'utilisons votre adresse que pour envoyer le briefing et, si vous votez, pour compter un vote par lecteur. Confidentialité.