Construire votre site avec l'IA

Ce guide est la partie technique du module SEO / SEA / GEO : il explique comment construire et mettre en ligne votre site avec l'IA. Le calendrier, les livrables et l'évaluation sont dans le syllabus ; en cas de doute, c'est lui qui fait foi.

Vous ne passerez pas par un CMS, mais par Cursor, un éditeur de code dans lequel vous branchez l'agent IA de votre choix. Vous décrirez précisément ce que vous voulez, l'agent le construira, et vous vérifierez le résultat. Le site sera fabriqué avec Astro, une technologie légère qui produit des pages ultra-rapides, faciles à héberger gratuitement, et que les IA maîtrisent très bien.

Au-delà du site, ce guide vous apprend à piloter une IA qui travaille pour vous : rédiger un brief qu'elle exécute sans ambiguïté, contrôler ce qu'elle produit et corriger le tir. C'est une compétence que vous réutiliserez dans tous vos futurs métiers.

L'IA ne remplace pas la réflexion. Un agent exécute ce qu'on lui demande, rien de plus. Si votre cahier des charges est flou, votre site le sera aussi : ce sont les étapes 1 à 4 qui font la qualité du site.

Où se place chaque étape dans le module

Étape Quand
1. Partir de votre carte des mots-clés Fin de la séance 2
2. Références visuelles En autonomie, entre les séances 2 et 3
3. Maquettage En autonomie, entre les séances 2 et 3
4. Cahier des charges Rédigé entre les séances 2 et 3, finalisé en début de séance 3
5. Environnement et pilotage de l'agent Installation avant la séance 3, pilotage en atelier de séance 3
6. Mise en ligne et Search Console Fin de la séance 3
7. Menu, pied de page, accueil, page 404 En autonomie, entre les séances 3 et 4
8. Contenus Séance 4
9. Fonctionnalités et vérifications finales Avant la date de remise

Ce que vous rendez

Votre site et votre compte-rendu sont évalués selon la grille du syllabus. Ce guide vous demande seulement d'alimenter au fil de l'eau deux annexes du compte-rendu : les versions successives de votre cahier des charges et votre journal de pilotage (cf. étape 9).

Prérequis : aucun

Vous n'écrirez pas de code, et aucun cours de HTML ou de CSS n'est nécessaire. Il vous faut seulement reconnaître quelques notions, pour savoir quoi demander à l'agent et quoi vérifier. Elles sont expliquées en séance 2.

Notion Ce que c'est Où vous la croiserez
Balise title Le titre de la page, affiché dans l'onglet du navigateur et dans les résultats de Google Étapes 1, 4 et 8
Meta description Le court texte affiché sous le titre dans les résultats de Google Étapes 1, 4 et 8
Titres H1, H2, H3 La hiérarchie des titres d'une page : un seul H1, puis des H2 et des H3 Étapes 4 et 8
Texte alternatif (alt) La description d'une image, lue par Google et par les lecteurs d'écran Étape 8
Markdown Le format texte de vos contenus : ## Intertitre, gras, lien Étape 8
Code hexadécimal L'écriture d'une couleur, par exemple #1F3A5F Étape 4

Pour vérifier sans lire le code, demandez à l'agent : « Liste pour chaque page son title, sa meta description et ses titres H1 à H3, sans rien modifier. » Vous contrôlez ensuite le tableau qu'il vous donne, et le rendu dans le navigateur.

Pour aller plus loin, à votre rythme et sans obligation :

Accéder aux étapes

1. Partir de votre carte des mots-clés →