Ne paie personneavant d'avoir testé ce prompt
Tu colles le prompt, tu réponds à ses questions sur ton métier, ton objectif, tes clients, tes services, tes couleurs et ton logo, et Claude écrit ton site. La page d'accueil, tes missions, la page contact avec son formulaire, sans oublier des articles de blog pensés pour être trouvé sur Google et cité par les IA. Tu changes ensuite ce que tu veux en lui parlant.
Ce que tu paies vraiment quand tu paies un site
Quand une agence te chiffre un site vitrine, la facture se compte vite en milliers d'euros, alors que la plus grosse partie du travail se passe avant le code. Comprendre ton métier, savoir à qui tu parles, trouver la phrase qui donne envie de t'appeler, écrire des pages qu'un client lit jusqu'au bout. Le code, lui, est devenu la partie facile.
Ce prompt fait faire à Claude le travail de l'agence, dans le même ordre. Il commence par t'interroger, ton métier, ton objectif, tes clients, tes services, tes couleurs, ton logo, puis il te propose un plan, sans rien construire avant ton accord. Tu as le site complet sous les yeux en une soirée, que tu modifies ensuite en lui parlant, comme tu parlerais à un graphiste assis à côté de toi.
Il n'y a rien à installer. Un compte Claude suffit, l'offre gratuite comprise.
Toutes les pages, écrites pour tes clients
Le prompt construit un vrai site de plusieurs pages, que tu parcours dans l'aperçu de Claude comme s'il était déjà publié.
- La page d'accueil, avec ta promesse, tes services, la façon dont tu travailles et une FAQ
- Tes missions ou tes services, une section par offre, avec tes prix si tu veux les montrer
- La page contact et son formulaire, avec des champs vérifiés avant l'envoi
- Trois articles de blog écrits à partir des questions de tes clients, pour être trouvé sur Google et cité par les IA
- Les réglages de référencement de chaque page, titres, descriptions et données structurées
- Les fichiers, à la fin, dans une archive prête à confier à n'importe quel hébergeur
Il te restera deux choses que Claude ne fait pas pour toi, louer un nom de domaine et un hébergement, puis y déposer les fichiers. L'étape 5 du guide te montre comment, en un quart d'heure.
Ouvre le prompt complet.
Dis-moi juste où t'écrire et la suite s'affiche tout de suite, en dessous. Rien à attendre, rien à payer.
Tu es à la fois webdesigner, rédacteur web et spécialiste du référencement. Tu vas créer avec moi le site vitrine complet de mon activité. ÉTAPE 1. LES QUESTIONS Avant d'écrire la moindre ligne de code, pose-moi ces questions dans un seul message, numérotées, puis attends mes réponses : 1. Ton métier, en une phrase, et depuis combien de temps tu l'exerces. 2. L'objectif numéro un du site : recevoir des demandes de devis, des appels, des réservations, des inscriptions, autre chose ? 3. Tes clients : qui ils sont, où ils sont, ce qui les décide à te choisir. 4. Tes services ou tes missions : la liste, avec pour c
Ton numéro sert uniquement à t'envoyer, si tu le souhaites, un mot de Maël pour t'aider à mettre l'IA au travail chez toi. Voir la politique de confidentialité.
Ce qu'il te faut avant de coller le prompt
- À quoi ça sert
- Que Claude ait toute la matière du premier coup, sans rien inventer.
- Ce qu'il te faut
- Un compte Claude, ton logo en image, dix minutes pour réfléchir à tes réponses.
- 1
Allume la création de fichiers
Dans Claude, tes initiales en bas à gauche, Paramètres, puis Capacités. L'interrupteur Exécution de code dans le cloud et création de fichiers doit être allumé. C'est elle qui permettra à Claude de te rendre l'archive .zip à la fin.
- 2
Prépare ton logo
Un fichier PNG ou SVG, idéalement sur fond transparent. Sans logo, Claude te proposera un logo en texte, propre et sobre.
- 3
Note les questions de tes clients
Les trois questions que tu entends tout le temps au téléphone. Ce sont elles qui deviendront tes articles de blog, parce que ce sont aussi celles que les gens tapent dans Google.
- 4
Choisis le bon modèle
Le menu du modèle, à côté du bouton d'envoi. Sonnet fait très bien l'affaire. Si tu as un abonnement payant, Opus écrit des textes plus fins sur les longues pages.
Le prompt, à coller tel quel
Ouvre une conversation neuve, colle tout le bloc ci-dessous et envoie. Claude te répond avec ses douze questions, rien de plus. C'est voulu, il ne construit rien tant qu'il ne te connaît pas.
Tu es à la fois webdesigner, rédacteur web et spécialiste du référencement. Tu vas créer avec moi le site vitrine complet de mon activité. ÉTAPE 1. LES QUESTIONS Avant d'écrire la moindre ligne de code, pose-moi ces questions dans un seul message, numérotées, puis attends mes réponses : 1. Ton métier, en une phrase, et depuis combien de temps tu l'exerces. 2. L'objectif numéro un du site : recevoir des demandes de devis, des appels, des réservations, des inscriptions, autre chose ? 3. Tes clients : qui ils sont, où ils sont, ce qui les décide à te choisir. 4. Tes services ou tes missions : la liste, avec pour chacun ce qu'il comprend et, si tu veux les afficher, tes prix ou tes fourchettes. 5. Ta ville et ta zone d'intervention. 6. Ce qui te distingue de tes concurrents, avec un exemple concret. 7. Tes couleurs (des codes ou simplement des noms) et l'ambiance voulue : sobre, chaleureuse, haut de gamme, technique... 8. Ton logo : joins-le en image à ta réponse. Si tu n'en as pas, je te proposerai un logo en texte. 9. Tes coordonnées : nom de l'entreprise, téléphone, e-mail, adresse si tu reçois du public, horaires, réseaux sociaux. 10. Les trois questions que tes clients te posent tout le temps. 11. Facultatif : un ou deux sites que tu aimes, et ce qui te plaît dedans. 12. Tu tutoies ou tu vouvoies tes clients ? Si une réponse est floue ou manque, repose la question une fois. ÉTAPE 2. LE PLAN Une fois mes réponses reçues, propose-moi en dix lignes au maximum : les pages du site, la promesse de la page d'accueil en une phrase, la palette de couleurs avec ses codes, les deux polices, et les titres des trois articles de blog, tirés des questions de mes clients. Attends mon accord avant de construire. ÉTAPE 3. LE SITE Construis le site dans un seul artefact HTML, avec une navigation qui passe d'une page à l'autre sans recharger, pour que je puisse tout parcourir dans l'aperçu : - Accueil : la promesse en une phrase, à qui je m'adresse, mes services en résumé, pourquoi me choisir, comment ça se passe en trois étapes, une FAQ avec les questions de mes clients, un bouton vers le contact. - Services (ou Missions) : une section par service, ce qu'il comprend, pour qui, le résultat obtenu, et le prix si je te l'ai donné. - À propos : mon parcours et ma façon de travailler, écrits uniquement à partir de mes réponses. - Contact : mes coordonnées et un formulaire (nom, e-mail, téléphone, message) avec des champs vérifiés avant l'envoi. Par défaut, l'envoi ouvre ma messagerie avec le message déjà rempli. Ajoute dans le code un commentaire qui explique comment brancher plus tard un service de formulaire. - Blog : une page qui liste les articles, et trois articles complets de 600 à 900 mots, un par question de mes clients. Chaque article a un titre en forme de question, la réponse directe dès le premier paragraphe, des intertitres, et un lien vers mes services à la fin. - Mentions légales : les rubriques obligatoires, avec [À COMPLÉTER] partout où il manque une information. Rédaction : phrases simples, les mots de mes clients plutôt que du jargon, aucune formule creuse du type « solutions sur mesure » ou « à votre écoute ». Technique : HTML et CSS propres, aucune bibliothèque externe à part les polices Google ; pensé pour le téléphone d'abord ; contrastes lisibles ; mon logo intégré s'il est fourni ; à la place des photos, des emplacements nommés (« photo de l'atelier ») tant que je ne t'en ai pas donné. Référencement : pour chaque page, une balise title de moins de 60 caractères et une meta description de moins de 155 caractères, qui contiennent mon métier et ma ville ; un seul titre H1 par page ; des données structurées schema.org (LocalBusiness ou ProfessionalService selon mon activité, FAQPage pour la FAQ, Article pour chaque article). Règle absolue : tu n'inventes jamais un fait, un chiffre, un avis client, une certification, une récompense ou une référence. Ce qui manque s'écrit [À COMPLÉTER] dans le site. ÉTAPE 4. LES RETOUCHES Une fois le site affiché, demande-moi ce que je veux changer. Je te parlerai normalement. Tu appliques chaque changement sur tout le site, sans casser le reste. ÉTAPE 5. LES FICHIERS Quand je t'écris « exporte », découpe le site en fichiers séparés : index.html, services.html, a-propos.html, contact.html, blog.html, un fichier par article, mentions-legales.html, une feuille style.css commune, mon logo, un sitemap.xml et un robots.txt. Vérifie que tous les liens entre les pages marchent, puis donne-moi le tout dans une archive .zip.
Bien répondre à ses questions
La qualité du site dépend presque entièrement de tes réponses. Claude écrit avec ce que tu lui donnes. Le prompt lui interdit d'inventer, donc une réponse vague donne une page vague, ou une page pleine de [À COMPLÉTER].
Réponds comme tu parlerais à un ami qui te demande ce que tu fais. « Je refais des salles de bain à Nantes et autour, surtout pour des retraités qui veulent une douche à l'italienne avant que ça devienne dangereux » vaut dix fois « je propose des solutions de rénovation ». Donne un vrai exemple de client, sans son nom, un vrai délai, un vrai prix si tu l'assumes.
Pour les couleurs, des mots suffisent, « bleu marine et beige, quelque chose de rassurant ». Claude te proposera des codes précis dans le plan, que tu valides ou que tu changes.
Tout changer en lui parlant
Le site s'affiche dans l'aperçu, à droite de la conversation. Navigue de page en page, sur ordinateur puis en réduisant la fenêtre pour voir la version téléphone. Ensuite, tu demandes ce que tu veux, avec tes mots. Voici des demandes qui marchent bien.
- « Le vert est trop vif, prends quelque chose de plus sourd, garde-le partout. »
- « La page d'accueil est trop longue, coupe la moitié du texte sans perdre la FAQ. »
- « Remplace la photo d'en-tête par mon image, que je te joins. »
- « Ajoute un service Dépannage urgent, avec le même format que les autres. »
- « Ajoute une section avis avec trois emplacements vides, je mettrai les vrais avis de mes clients. »
- « Écris un quatrième article sur la durée d'un chantier de salle de bain, c'est la question que mes clients posent le plus. »
- « Relis tout le site et liste-moi chaque [À COMPLÉTER] qu'il reste. »
Récupérer les fichiers et le mettre en ligne
Quand le site te plaît, écris simplement « exporte ». Claude découpe le site en fichiers séparés, vérifie les liens et te donne une archive .zip à télécharger. C'est un site statique, des fichiers HTML et CSS, le format le plus simple et le plus rapide à héberger.
- 1
Si tu as déjà un hébergeur
Ouvre ton espace client, va dans le gestionnaire de fichiers ou connecte-toi en FTP, puis dépose le contenu de l'archive dans le dossier public du site. Ton hébergeur a une page d'aide qui donne le nom exact de ce dossier.
- 2
Si tu n'as rien
Des services comme Netlify ou Vercel hébergent gratuitement un petit site statique. Sur Netlify, la page « Netlify Drop » te laisse glisser le dossier dézippé dans ton navigateur pour mettre le site en ligne sur une adresse provisoire. Tu y relies ensuite ton nom de domaine, acheté chez le registraire de ton choix.
- 3
Branche le formulaire
Par défaut, le formulaire ouvre la messagerie de ton visiteur avec le message déjà rédigé. Pour recevoir les demandes directement par mail, sans cette étape, un service de formulaire comme Formspree ou Web3Forms suffit. Tu crées ton compte, tu récupères ton adresse d'envoi, puis tu demandes à Claude « branche le formulaire sur ce service, voici mon adresse ».
Être trouvé sur Google et cité par les IA
Le prompt fait la partie technique, une balise title et une description par page, un seul grand titre, des données structurées qui disent à Google qui tu es, où tu es et ce que tu vends. Les articles répondent aux questions que tes clients se posent vraiment, avec la réponse dès les premières lignes, ce qui est exactement ce que les moteurs et les IA comme ChatGPT ou Perplexity vont chercher quand quelqu'un leur pose la même question.
Le reste, Claude ne peut pas le faire pour toi ; personne ne peut d'ailleurs te garantir une place sur Google. Trois gestes font la différence une fois le site en ligne. Déclarer ton site dans la Google Search Console, gratuite, pour y envoyer ton fichier sitemap.xml. Créer ou mettre à jour ta fiche d'établissement Google avec le lien du site, surtout si tu travailles sur une zone. Publier un nouvel article de temps en temps, sur une nouvelle question de client, en reprenant la même conversation avec Claude.
La vraie question
Ton site est prêt. Reste à savoir sur quelles autres tâches de ta semaine mettre Claude, ce qui décide de tout ce que tu vas récupérer.
Le diagnostic prend une minute, tâche par tâche. Tu repars avec ton chiffre à toi, en heures et en euros, avec les trois chantiers par lesquels il vaut mieux que tu commences, avec le détail en PDF qui arrive par mail dans la minute.
Ou on regarde directement ton cas.
Les demandes du site qui arrivent toutes seules dans ton agenda, les devis qui partent le jour même, les relances qui se font sans toi, ça se regarde en vingt minutes, et tu sais en sortant ce qui vaut la peine d'être construit chez toi.
En visio, gratuit, vingt minutes maximum.