Les pièges à éviter, et quand choisir une solution toute faite

Ta page fonctionne sur ton ordinateur. C'est là que commencent les questions que les vidéos « un site en cinq minutes » ne montrent pas. Voici les six pièges les plus fréquents, et comment les éviter.

Piège 1 : la règle absolue des secrets

Ne colle jamais un mot de passe, une clé secrète ou un code d'accès dans une conversation avec une IA. Ni ton mot de passe d'hébergement, ni une clé de paiement, ni l'accès à ta boîte e-mail. Même pour « aider l'IA à configurer ».

Pourquoi : ce que tu écris dans une conversation peut être conservé par le service, selon ses conditions et tes réglages. Et une clé qui finit dans un fichier de code peut être publiée par erreur avec ton site, visible de tous.

À la place :

• Demande à l'IA où mettre le secret et comment, puis fais-le toi-même, en dehors de la conversation.
• Si un outil te demande une clé, saisis-la dans ses réglages prévus pour ça, jamais dans le code ni dans la conversation.
• Si tu as collé un secret par erreur : change-le immédiatement chez le service concerné.

Même prudence pour les données de tes clients : ne colle pas ton fichier clients ou des messages reçus dans une IA pour « tester ». Utilise des données inventées.

Piège 2 : l'hébergement

Un fichier sur ton ordinateur n'est pas un site en ligne. Il faut un hébergeur : un service qui garde tes fichiers sur un serveur allumé en permanence et les envoie à chaque visiteur.

Pour un site statique d'une page, plusieurs services permettent de publier en déposant simplement tes fichiers (Netlify, Cloudflare Pages ou GitHub Pages, par exemple). Les hébergeurs classiques le permettent aussi. Avant de choisir, vérifie sur leur site officiel :

• Les conditions d'utilisation, notamment pour un usage professionnel
• Le HTTPS (le cadenas) : est-il fourni et activé automatiquement ?
• Où sont situés les serveurs, si c'est important pour toi
• Le nom et l'adresse de l'hébergeur, à reporter dans tes mentions légales

Piège 3 : le nom de domaine

Ton site publié reçoit d'abord une adresse fournie par l'hébergeur. Pour une adresse à toi, du type salon-coralie.fr, il faut réserver un nom de domaine chez un registraire, puis le relier à ton hébergement par des réglages appelés DNS.

• Le domaine est réservé à ton nom, pas au nom d'un prestataire ou d'un proche
• Le renouvellement automatique est activé, sinon le domaine peut expirer
• Tu as noté où il est géré et avec quel compte

Un domaine perdu, c'est un site, des cartes de visite et des QR codes qui ne mènent plus nulle part.

Piège 4 : le formulaire de contact

Un formulaire en HTML ne sait pas envoyer un e-mail tout seul. Il lui faut un serveur ou un service externe de formulaires. Et dès qu'il collecte un nom ou un e-mail, le RGPD s'applique : phrase d'information, durée de conservation, protection contre le spam.

Pour un premier site, le plus sûr est souvent de ne pas mettre de formulaire : un numéro cliquable et une adresse e-mail suffisent. Si tu en veux un, demande à l'IA les options possibles, puis lis les conditions du service choisi avant de l'installer.

Piège 5 : les obligations du site professionnel

L'IA ne pense pas spontanément aux obligations légales. Un site professionnel en France doit afficher des mentions légales (qui édite le site, comment le joindre, qui l'héberge). Si tu ajoutes des statistiques ou des outils qui déposent des cookies non essentiels, il faut une bannière qui demande l'accord des visiteurs. Et chaque image doit être à toi ou utilisée avec les droits. Les références : entreprendre.service-public.fr et cnil.fr.

Piège 6 : la maintenance

Dans six mois, tu changes tes horaires. Il faudra retrouver le fichier, le modifier (toi ou l'IA), vérifier, republier. Si ton projet utilise des bibliothèques ou un outil en ligne, il faudra aussi suivre leurs évolutions.

• Ton projet est sauvegardé ailleurs que sur ton ordinateur
• Tu as un fichier notes.txt qui explique comment republier
• Tu sais où modifier horaires, téléphone et textes (prompt « Comprendre » de la leçon précédente)

Quand préférer une solution toute faite

Pour un site vitrine, Flopix fonctionne avec un formulaire guidé : le site se construit dans un aperçu en direct, il est hébergé en France chez OVHcloud, en HTTPS, avec une adresse en sous-domaine, un QR code prêt à imprimer, pas de cookie publicitaire et une fiche de mentions légales à compléter. Tu modifies ton contenu depuis ton espace, et les changements sont visibles immédiatement.

Les deux approches se combinent très bien : un site vitrine tout fait pour l'essentiel, et une page codée avec l'IA pour un petit outil précis, vers laquelle tu fais un lien.

À toi de jouer

Coche chaque liste de cette leçon pour ton projet. S'il te reste plus de trois cases vides dans les pièges 2, 3 et 6, pose-toi franchement la question : est-ce que ton site vitrine ne serait pas mieux sur une solution toute faite, l'IA qui code étant réservée à ton petit outil ?