BatiVitrineSITES POUR ARTISANS Parlons de votre site

Encore trop cher ?

Vous trouvez que 300 € HT, c’est encore trop cher ? Oui, j’utilise l’IA. Elle génère le code, propose des visuels et m’aide à les intégrer. Sortez le tablier et la cafetière. Voici la recette complète, du premier prompt au site en ligne qui fonctionne.

Avant le premier prompt

Choisissez où héberger votre site

  1. Prenez un hébergement web à petit prix. Comparez les offres Hostinger et choisissez un forfait adapté à votre site vitrine. Le nom de domaine peut être offert la première année selon le forfait et l’extension choisis. Vérifiez le prix du renouvellement et enregistrez le domaine à votre nom.

    Voir les offres Hostinger

01 / La première fournée

Donnez la recette à l’IA

  1. Préparez un vrai brief. Donnez à l’IA votre activité, vos prestations, vos communes d’intervention, vos coordonnées, vos couleurs et les pages voulues. Précisez ce qu’un visiteur doit pouvoir faire sur le site, comme appeler ou demander un devis.
  2. Demandez une première version. Par exemple, demandez un site vitrine qui s’adapte aux téléphones, avec accueil, prestations, galerie et contact. Demandez les fichiers complets, chacun avec son nom et son emplacement.
  3. Copiez-collez le code dans les bons fichiers. Si l’IA vous rend des blocs de code, collez le HTML dans index.html, le CSS dans style.css et le JavaScript, s’il y en a, dans le fichier prévu. Gardez les noms et les dossiers attendus par le code.
  4. Ouvrez la première version. Chargez la page dans un navigateur. Vérifiez que la mise en page apparaît, que le menu fonctionne et que les pages se chargent. Gardez une copie de cette version pour pouvoir revenir en arrière.

02 / La garniture

Créez les visuels, puis faites-les intégrer

  1. Rassemblez les photos et créez les illustrations. Choisissez votre logo et les photos de chantier que vous pouvez publier. Si vous générez des images avec l’IA, utilisez-les comme illustrations et présentez vos vrais chantiers avec vos propres photos.
  2. Préparez les fichiers image. Recadrez, redimensionnez et compressez les visuels. Donnez-leur des noms clairs, par exemple chantier-louhans.webp. Mettez-les dans un dossier comme images.
  3. Renvoyez les images et le code à l’IA. Joignez les visuels et les fichiers actuels. Dites quelle image va en couverture, laquelle va dans la galerie et ce qui doit rester visible sur téléphone. Indiquez les noms et les chemins exacts.
  4. Remplacez les fichiers et contrôlez le résultat. Copiez les versions corrigées, actualisez la page et vérifiez que chaque image est au bon endroit. Si une photo disparaît, comparez son nom, son extension et le chemin indiqué dans le HTML.

03 / On goûte et on rectifie

Relisez, corrigez, rééditez

  1. Relisez ce que l’IA a écrit. Vérifiez vos tarifs, votre téléphone, les communes et les prestations. Retirez les affirmations que vous ne pouvez pas confirmer. Adaptez les mentions légales et l’information qui accompagne le formulaire. Aide CNIL
  2. Montrez le problème précis à l’IA. Une capture et le fichier actuel font gagner du temps. Par exemple, « Sur mon téléphone, le bouton de devis déborde à droite. Corrige cette section et renvoie uniquement les fichiers à remplacer. »
  3. Copiez-collez la correction, puis retestez. Remplacez les fichiers concernés et vérifiez la retouche sur ordinateur et sur un vrai téléphone. Refaites aussi un tour du menu et des liens. Un bouton réparé mérite bien un dernier coup d’œil à la galerie d’à côté.
  4. Faites un vrai essai du formulaire. Si vous en ajoutez un, reliez-le à un script serveur ou à un service d’envoi. Après la mise en ligne, envoyez-vous un message depuis le site et vérifiez qu’il arrive dans la bonne boîte, y compris du côté des indésirables.

04 / Au four, puis retour au plan de travail

Mettez en ligne chez Hostinger et recommencez si besoin

  1. Déposez les fichiers sur l’hébergement. Reliez votre domaine à votre hébergement si nécessaire. Dans hPanel, ouvrez Sites web → Gérer → Gestionnaire de fichiers. Sauvegardez la version en ligne s’il y en a une, puis envoyez les fichiers et les images dans public_html, avec index.html à la racine. Aide Hostinger
  2. Testez le vrai site en HTTPS. Ouvrez le domaine en navigation privée sur ordinateur et sur téléphone. Vérifiez les images, les liens, le formulaire et la réception du message de test. Un problème qui n’apparaissait pas sur votre ordinateur peut se révéler ici.
  3. Corrigez et téléversez à nouveau. Si une image manque en ligne, reprenez le fichier et son chemin. Si le formulaire échoue, vérifiez son réglage sur l’hébergement. Demandez une correction ciblée à l’IA, rééditez les fichiers concernés, remplacez-les sur Hostinger et refaites le test en ligne.
  4. Présentez les pages à Google. Vérifiez les titres et les textes sur vos prestations et votre secteur. Si vous avez plusieurs pages, préparez un sitemap.xml avec les adresses finales, puis envoyez-le dans Search Console et suivez l’indexation. Aide Google

L’IA a dit « c’est corrigé ». Le téléphone a demandé à voir. Si vous en êtes à votre troisième « dernier petit changement », je peux reprendre le tablier.

Je vous laisse le tablier