Question centrale : comment diriger une IA pour fabriquer un site qui respecte un cahier des charges SEO, puis contrôler son travail ?
Objectifs du module
- Rédiger un prompt de génération complet et précis.
- Générer d'abord les pages du menu, puis enrichir le site page par page en respectant l'arborescence.
- Justifier chaque élément produit par l'IA.
- Auditer le site d'un autre groupe.
Notion
Pourquoi un site statique ?
Un robot de moteur de recherche lit d'abord le code source de la page. Si le texte y figure directement, tout va bien. Les générateurs d'applications comme Bolt, Lovable ou v0 produisent souvent une application React dont le texte est ajouté ensuite par JavaScript : il n'apparaît pas dans le code source, et la page est plus difficile à explorer.
Pour ce projet, votre site doit respecter ces contraintes :
- HTML et CSS statiques, sans framework ;
- fichier CSS dans un dossier dédié ; idem pour les images ;
- un dossier par page, qui contient un fichier
index.html, rangé selon votre arborescence :/conseils/pour une rubrique du menu,/conseils/tailler-un-olivier/pour une page de cette rubrique ; la page d'accueil est leindex.htmlplacé à la racine du site ; - tout le texte visible avec
view-source:dans le navigateur ; - les fichiers
robots.txt,sitemap.xmlet404.html; - une balise
canonicalsur chaque page ; - des images en WebP de 150 Ko maximum.
Outils conseillés : Claude, ChatGPT ou Gemini, qui produisent directement du HTML et du CSS.
Un exemple sous vos yeux. Ce site de cours respecte lui-même ces contraintes : un dossier par page, du HTML sémantique, une balise canonical, un sitemap, un robots.txt et une page 404. Faites view-source: sur cette page pour le vérifier.
Notion
Générer en deux temps : le menu d'abord, puis page par page
On ne demande pas à une IA de produire tout le site d'un seul coup, ni de créer les pages au hasard. On suit l'arborescence validée au module 3, niveau par niveau.
Temps 1 : le socle, toutes les pages du menu
En une seule génération, l'IA produit toutes les pages appelées par le menu de navigation : l'accueil, chaque rubrique, la page « Contact » etc., avec les fichiers communs (CSS, robots.txt, sitemap.xml, 404.html).
- L'en-tête, le menu, le pied de page et les styles sont identiques sur toutes les pages ;
- l'IA voit la structure complète : elle peut relier les rubriques entre elles et construire le fil d'Ariane de façon cohérente ;
- chaque page de rubrique est déjà une vraie page : elle présente son thème et annonce les pages qui viendront l'enrichir, jamais un « en construction ».
Temps 2 : l'enrichissement, une page à la fois
Vous ajoutez ensuite les pages filles (guides, conseils, prestations détaillées) une par une, dans l'ordre prévu par votre arborescence. Chaque nouvelle page :
- est créée dans le dossier de sa rubrique, et son URL le montre :
/conseils/tailler-un-olivier/; - reprend sans modification l'en-tête, le menu et le pied de page du socle ;
- affiche un fil d'Ariane (Accueil, rubrique, page), décrit aussi par le type
BreadcrumbList; - renvoie vers sa rubrique, vers une ou deux pages sœurs quand c'est utile au lecteur, et vers la page qui permet de passer à l'action.
Une page ajoutée ne suffit pas : il faut aussi mettre à jour le reste du site.
| À mettre à jour | Pourquoi |
|---|---|
| La page de rubrique (page mère) | Elle doit présenter et lier chacune de ses pages filles, sinon la nouvelle page reste orpheline |
| Les pages sœurs concernées | Un lien vers la nouvelle page, là où il aide vraiment le lecteur |
sitemap.xml | Ajouter la nouvelle URL et mettre à jour la date de la page mère |
| Le journal de prompts | Garder la trace du prompt, du résultat et de vos corrections |
À retenir. Le menu reste stable : on n'y ajoute pas chaque nouvelle page. Les pages filles se trouvent depuis leur rubrique, à deux clics de l'accueil. URL, fil d'Ariane et liens internes racontent la même hiérarchie : c'est ce qui permet à Google et aux IA de comprendre de quoi parle chaque partie du site, et quelle page fait référence sur chaque thème.
Notion
Les données structurées
Les données structurées sont un bloc de code invisible pour l'internaute, au format JSON-LD, qui décrit la page aux moteurs selon le vocabulaire Schema.org : qui publie, de quel type de contenu il s'agit, qui en est l'auteur.
Types utiles pour votre projet :
Organization: votre entreprise fictive ;Article: vos pages « guide » ;BreadcrumbList: le fil d'Ariane, sur chaque page sauf l'accueil ;Person: l'auteur d'un guide ;FAQPage: une section de questions-réponses.
Objectif : comprendre à quoi elles servent, et vérifier que l'IA n'a rien inventé. Testez-les avec l'outil de test des résultats enrichis de Google (lien dans la boîte à outils). Rappel des règles du projet : pas de type LocalBusiness pour une entreprise fictive.
Atelier
Activité 1 : finaliser le prompt de génération
Complétez le prompt de départ (voir la boîte à outils) à partir de l'arborescence et des fiches de page du module 3 :
- partie 1, le socle : l'arborescence complète, puis pour chaque page du menu son URL, son title, sa meta description, ses titres, son contenu, ses liens internes, ses images et ses données structurées ;
- partie 2, une page fille : la même fiche pour la première page à ajouter, avec sa rubrique et ses liens vers la page mère et les pages sœurs. Vous la recopierez pour chaque page suivante.
Atelier
Activité 2 : générer le site
- Générez le socle avec la partie 1 du prompt : toutes les pages du menu en une fois. Ouvrez chaque page, testez le menu et le fil d'Ariane, et itérez jusqu'à obtenir le résultat attendu.
- Enrichissez le site page par page avec la partie 2 du prompt, dans l'ordre de votre arborescence. Donnez à l'IA le code de la page de rubrique et le fichier CSS, pour qu'elle les réutilise au lieu de les réinventer.
- Après chaque nouvelle page, mettez à jour la page de rubrique, les pages sœurs concernées et le
sitemap.xml, puis vérifiez qu'aucun lien n'est cassé.
- Tenez votre journal de prompts au fil de l'eau.
- Ajoutez au moins un apport original par page : photo prise par le groupe, donnée relevée, retour d'expérience.
- Vérifiez chaque
[À VÉRIFIER]signalé par l'IA, et supprimez toute information que vous ne pouvez pas sourcer.
Règle de justification. Pour chaque page, votre groupe doit pouvoir répondre : pourquoi dans cette rubrique ? Pourquoi cette URL ? Pourquoi ce H1 ? Pourquoi ce contenu ? Pourquoi ce lien ? Pourquoi ces données structurées ? « C'est l'IA qui l'a fait » n'est jamais une réponse acceptable.
Atelier
Activité 3 : l'audit croisé
Votre groupe audite le site d'un autre groupe avec la checklist d'audit croisé (voir la boîte à outils), puis vous échangez vos remarques. Auditer le travail des autres est souvent plus formateur que de relire le sien.
À déposer
Livrable du module 4
- Le site complet, dans un fichier zip : toutes les pages du menu et les pages filles déjà ajoutées.
- L'arborescence à jour, si elle a évolué depuis le module 3, avec les pages filles restant à créer.
- Le journal de prompts.
- La checklist d'audit croisé remplie.
Après ce module, je mets votre site en ligne et je configure avec vous les outils de mesure : Google Search Console, Bing Webmaster Tools et un outil d'analytics. Vous disposerez d'un accès en lecture. Vous continuerez ensuite à l'enrichir page par page, avec la même méthode. Rendez-vous au module 5 quelques jours plus tard !