Adios

Guide de création de site piloté par des prompts

Comment créer un site professionnel avec l’IA sur Adios

Vous pouvez créer un site professionnel avec l’IA en fournissant à l’agent des informations commerciales vérifiées, une arborescence et une action client, puis en vérifiant le code source généré, les formulaires, l’affichage mobile, les métadonnées et le déploiement. Adios conserve ce travail dans un espace de travail avec code source, plutôt que de le limiter à une maquette visuelle jetable.

L’exemple est un site multipage pour une entreprise locale fictive de réparation. Il comprend les services, les zones d’intervention, une présentation, le contact, la confidentialité et un parcours de demande de devis. Toutes les informations propres à l’entreprise restent des données fournies explicitement ou des contenus provisoires visibles ; l’IA ne doit pas inventer de preuves de confiance. Explorer d’autres projets à créer avec l’IA.

Exemple de projet / Site de services locaux

Un parcours client fondé sur des informations commerciales exactes

Un site professionnel utile explique ce que fait l’entreprise, où elle intervient, pourquoi le visiteur peut lui faire confiance et ce qui se passe après une demande de contact.

01

Pages

Accueil, services, zones d’intervention, à propos, contact, confidentialité.

02

Action

Un parcours de demande de devis opérationnel.

03

Rechercher

Métadonnées uniques, sitemap et données structurées exactes.

04

Preuve

Contrôles de l’affichage mobile, du formulaire, de l’accessibilité et de la compilation.

00

Avant de rédiger votre prompt

Fournissez les informations que l’IA ne doit pas deviner

Rassemblez la zone d’intervention réelle, les services, les coordonnées, les politiques et les preuves avant de générer les pages. Les informations manquantes doivent rester des contenus provisoires, sans devenir une fiction persuasive.

ENTRÉE / 01

Informations commerciales réelles

Consignez le nom exact, les services, les lieux, les coordonnées et les contraintes d’exploitation.

ENTRÉE / 02

Une action client

Choisissez une action : appeler, demander un devis ou réserver. Ne faites pas concurrence entre trois actions sur chaque écran.

ENTRÉE / 03

Confiance fondée sur des preuves

Utilisez uniquement les licences, les années d’activité, les avis, les personnes, les photos, les garanties et les affiliations fournis.

ENTRÉE / 04

Destination des données du formulaire

Décidez où vont les données personnelles, qui les reçoit, comment fonctionnent les erreurs et quel texte de confidentialité s'applique.

Si vous n'avez besoin que d'une page promotionnelle plutôt que d'un site multipages, créer une landing page avec l’IA instead.

01

Les faits avant la rédaction

Transformer les informations commerciales vérifiées en un plan de pages

Remplacez les champs entre crochets par des informations réelles ou indiquez qu’elles manquent. L’agent doit distinguer les faits des lacunes et attendre avant de rédiger du contenu marketing.

Prompt de découverte du site web
Aidez-moi à transformer les informations réelles sur mon entreprise de services en un plan de site web. Ne rédigez pas de contenu et ne modifiez pas encore les fichiers.

Informations sur l’entreprise :
- Nom : [NOM]
- Zone d’intervention : [LIEUX RÉELS]
- Services principaux : [SERVICES]
- Client idéal : [CLIENT]
- Action principale : [APPELER, DEMANDER UN DEVIS OU RÉSERVER]
- Coordonnées : [COORDONNÉES RÉELLES OU CONTENUS PROVISOIRES CLAIREMENT SIGNALÉS]
- Preuves vérifiables : [LICENCE, ANNÉES D’ACTIVITÉ, AVIS, PHOTOS OU AUCUNE]
- Direction de marque : [COULEURS, TON ET RÉFÉRENCES VISUELLES]

Planifiez le site multipage minimal utile. Distinguez les faits fournis des informations encore manquantes. N’inventez ni avis, ni récompenses, ni certifications, ni nombre de clients, ni lieux, ni prix, ni garanties, ni résultats avant-après.

Présentez l’arborescence, l’objectif de chaque page, la navigation principale, les contenus et images nécessaires, les champs du formulaire, les considérations de confidentialité et le plan de test mobile. Attendez mon approbation avant toute modification.

Ce qu’une réponse utile doit contenir

  • Une arborescence simple liée au parcours client
  • Une liste visible des faits manquants
  • Une action principale cohérente
  • Exigences du formulaire, de confidentialité et d’affichage mobile
02

Créer à partir d’informations approuvées

Générer le site multipage sans inventer de preuves de confiance

Ce prompt préserve le projet existant et intègre les contenus provisoires, les formulaires, l’accessibilité, les métadonnées et les tests dès la création, plutôt que de les traiter comme des corrections ultérieures.

Prompt de création du site web
Créez le site professionnel approuvé dans cet espace de travail Adios.

Exigences :
- Examinez et conservez le framework, le gestionnaire de packages, la route de contrôle de santé et adios.yaml actuels.
- Créez les pages approuvées avec une action principale claire et une navigation cohérente.
- Utilisez uniquement les informations commerciales que j’ai fournies. Signalez les informations manquantes par des contenus provisoires visibles pendant le développement, au lieu de les inventer.
- Rendez les titres, liens, boutons, formulaires, états de focus et messages d’erreur utilisables au clavier et avec un lecteur d’écran.
- Adaptez la mise en page aux petits téléphones, aux tablettes et aux écrans de bureau.
- Ajoutez des titres et descriptions uniques, un schéma d’URL canoniques, robots.txt, sitemap.xml et des données structurées exactes uniquement lorsqu’elles sont justifiées par le contenu visible de la page.
- Optimisez les images locales et expliquez pourquoi avant d’ajouter un nouveau script tiers.
- Si le site comprend un formulaire de contact commercial, validez-le côté serveur et expliquez où les réponses sont envoyées. Ne collectez pas de données personnelles sans le signaler.
- Conservez les secrets et les identifiants des fournisseurs hors du code source.
- Ajoutez ou mettez à jour les tests de navigation, du formulaire principal et des routes de métadonnées.
- Exécutez les contrôles existants de lint, de test et de compilation.

Montrez-moi les fichiers modifiés, chaque contenu provisoire à remplacer, les résultats des contrôles et une liste de vérification de l’aperçu page par page. Ne déployez pas.

Ce qu’une réponse utile doit contenir

  • Pages distinctes avec une navigation cohérente
  • Contenus provisoires visibles plutôt qu’affirmations inventées
  • Une destination définie et validée pour les données du formulaire
  • Métadonnées, accessibilité et résultats de compilation
03

Examiner le résultat comme un client

Vérifier chaque affirmation, action, adaptation d’écran et état d’échec

Utilisez ce prompt après votre propre vérification sur mobile et ordinateur. Il demande à l’agent de corriger les problèmes confirmés sans ajouter de nouvelles affirmations marketing.

Prompt de vérification du site web
Examinez ce site professionnel du point de vue d’un nouveau client. Corrigez uniquement les problèmes confirmés et n’inventez aucune nouvelle affirmation.

Vérifiez :
- que le premier écran explique ce que fait l’entreprise, où elle intervient et quelle action effectuer ensuite ;
- que chaque affirmation sur les services et les lieux correspond aux faits fournis ;
- que la navigation, les formulaires, les liens téléphoniques, les liens e-mail et les appels à l’action fonctionnent ;
- que le succès du formulaire, la validation, la confidentialité, le spam et la gestion des échecs sont clairs ;
- qu’aucun avis, logo, prix, certification, statistique ou légende de photo de banque d’images inventé n’apparaît ;
- que les titres, descriptions, URL canoniques, robots.txt, sitemap.xml et les données structurées visibles sont cohérents ;
- que les images ont un texte alternatif utile lorsque nécessaire et que les images décoratives sont traitées comme telles ;
- que les pages sont lisibles et utilisables sur mobile et sur ordinateur ;
- que le lint, les tests et la compilation de production existants réussissent.

Présentez les problèmes trouvés, les modifications effectuées, les contenus manquants que je dois fournir et les parcours exacts à tester dans l’aperçu.

Ce qu’une réponse utile doit contenir

  • Affirmations conformes aux faits fournis
  • Formulaires et actions de contact opérationnels
  • Métadonnées de recherche cohérentes
  • Parcours de test mobile et d’accessibilité
04

Remplacer chaque contenu provisoire

Préparer le site, le formulaire, les métadonnées et le domaine ensemble

Une adresse provisoire ou un formulaire de test peut rapidement entamer la confiance. Ce dernier prompt en dresse l’inventaire et s’arrête avant toute modification en production.

Prompt de vérification de la mise en production du site web
Préparez ce site web pour une mise en production Adios approuvée par une personne. Ne déployez pas encore.

Vérifiez les noms d’hôte provisoires de production, les URL canoniques, robots.txt, sitemap.xml, les exigences de consentement des outils d’analyse, la destination des données du formulaire, le lien de confidentialité, les coordonnées, la route de contrôle de santé, la commande de compilation et adios.yaml.

Listez chaque élément encore provisoire. Donnez-moi ensuite une liste de vérification finale pour le mobile, le bureau, le formulaire, les métadonnées, l’accessibilité et le domaine personnalisé. Arrêtez-vous pour obtenir mon approbation avant le déploiement en production.

Ce qu’une réponse utile doit contenir

  • Un inventaire complet des contenus provisoires
  • Cohérence entre le nom d’hôte, les URL canoniques, robots et le sitemap
  • Un formulaire et un parcours de confidentialité vérifiés
  • Une pause explicite avant la publication
T

Testez le résultat

Une compilation réussie marque le début de la vérification

Ouvrez l’aperçu et testez vous-même les parcours importants. Demandez des éléments de vérification à l’agent, mais ne confondez pas son compte rendu avec votre approbation.

ESSAI / 01

Parcours client

  • Le premier écran indique le service, la véritable zone d’intervention et l’action principale.
  • Chaque élément de navigation, lien téléphonique, lien e-mail, formulaire et appel à l’action produit un résultat utile.
  • Les états de réussite, de validation, de spam et d’échec du prestataire expliquent la suite.
ESSAI / 02

Confiance et recherche

  • Chaque affirmation commerciale provient des informations fournies, peut être prouvée ou est clairement signalée comme provisoire.
  • Les titres, descriptions, URL canoniques, robots, sitemap et données structurées visibles sont cohérents.
  • Aucun avis, logo client, prix, certification, lieu ou résultat inventé n’apparaît.
ESSAI / 03

Expérience

  • Les pages sont utilisables au clavier et restent lisibles aux largeurs de téléphone, de tablette et de bureau.
  • Les images ont des dimensions définies, un texte alternatif pertinent et ne provoquent aucun déplacement de mise en page évitable.
  • Le lint, les tests, la compilation, les contrôles de santé et du formulaire réussissent.

Étape d’approbation humaine

Connecter le domaine une fois les informations et les formulaires finalisés

Utilisez l’aperçu pour vérifier chaque page sur téléphone et ordinateur, remplacez tous les contenus provisoires de développement et confirmez la véritable destination du formulaire avant d’approuver la version et d’associer le nom d’hôte de production.

héberger et déployer le site finalisé créé avec l’IA
  1. 01Remplacez ou supprimez chaque contenu provisoire de développement et chaque affirmation non vérifiée.
  2. 02Envoyez des formulaires valides et invalides et confirmez leur véritable destination.
  3. 03Vérifiez les titres, les URL canoniques, robots, le sitemap, les données structurées visibles et les liens de confidentialité.
  4. 04Exécutez les contrôles d’affichage mobile, de clavier, d’accessibilité, de lint, de test, de compilation et de santé.
  5. 05Approuvez la version, associez le domaine vérifié et refaites le parcours client principal.
?

Questions avant de commencer

Ce que ce guide promet, et ses limites

L’IA peut-elle créer un site professionnel complet ?

L’IA peut générer le code source, les pages, les formulaires, les métadonnées et l’interface responsive, mais l’entreprise doit fournir des informations exactes, des preuves, ses politiques, ses coordonnées et l’approbation finale. Le guide laisse les informations manquantes visibles plutôt que de demander à l’IA de les deviner.

Quelle est la différence avec le créateur de landing pages Adios ?

Le créateur de landing pages est le moyen le plus rapide de créer une page promotionnelle. Ce guide couvre un site multipage avec code source, navigation, contenus sur les services et les zones d’intervention, parcours de formulaire, métadonnées, tests et déploiement vérifié.

Un site généré par l’IA sera-t-il bien classé dans Google ?

Aucun outil ne peut promettre un classement. Un site utile a besoin de contenus exacts et distinctifs, de pages explorables, de métadonnées fiables, de bonnes performances, de liens pertinents, d’une autorité réelle et de temps pour que les moteurs de recherche et les utilisateurs l’évaluent.

Puis-je modifier le site après sa mise en ligne ?

Oui. Le code source reste dans l’espace de travail et peut être conservé dans Git. Effectuez la modification suivante, vérifiez-la dans l’aperçu, relancez les contrôles et approuvez une nouvelle version pendant que la version actuelle reste en ligne.

Commencez par un espace de travail que vous pouvez examiner

Envoyez le premier prompt à Adios, puis approuvez le plan.

Ouvrir Adios