« Vibe coding » : un beau rendu ne fait pas un bon site

Depuis un an, on peut décrire une interface à une IA et obtenir en quelques minutes une page qui ressemble à un vrai site. C'est ce qu'on appelle le « vibe coding » : on juge au rendu, on itère au feeling, on ne lit pas le code produit. Pour maquetter une idée, c'est excellent. Pour mettre un site en production, c'est une autre affaire.

Un site, ce n'est pas ce qu'on voit

Ce qu'un visiteur perçoit — la mise en page, les couleurs, les animations — n'est que la couche visible. Ce qui décide si le site fonctionne vit en dessous :

• le poids réel de la page et le nombre de requêtes réseau ;
• la structure HTML : titres hiérarchisés, balises sémantiques, données structurées ;
• l'accessibilité : contraste, navigation au clavier, lecteurs d'écran ;
• la façon dont le contenu est rendu — côté serveur, ou seulement après exécution de JavaScript dans le navigateur.

Une capture d'écran ne dit rien de tout ça. Deux pages identiques à l'œil peuvent afficher un rapport de 1 à 10 sur le temps de chargement.

Le référencement se joue dans le code

Google ne « regarde » pas votre site : il lit le HTML, mesure le temps d'affichage, teste la version mobile, suit les liens. Un rendu correct posé sur un code lourd ou mal structuré, c'est :

• des Core Web Vitals dans le rouge — donc un handicap au classement ;
• une hiérarchie de titres que le moteur interprète mal ;
• du contenu injecté en JavaScript, vu partiellement ou en retard par l'indexation.

Le SEO technique n'est pas une brique qu'on ajoute à la fin. C'est une conséquence directe de la façon dont le site est construit.

Ce que l'IA produit par défaut

Les générateurs actuels optimisent le rendu, pas la sobriété. Sans reprise en main, on récupère souvent :

• des bibliothèques entières chargées pour trois composants ;
• du CSS et du JavaScript morts, jamais nettoyés ;
• des images non dimensionnées, sans format moderne ni chargement différé ;
• un balisage générique et une accessibilité approximative.

Ça passe à la démo. En production, avec du trafic réel et des téléphones d'entrée de gamme, l'addition se paie en visiteurs perdus et en positions Google.

Où l'IA est utile, chez moi

Je m'en sers : explorer des pistes de design, dégrossir un texte, accélérer une tâche répétitive. Mais chaque ligne qui part en production est lue, comprise et assumée. L'outil fait gagner du temps ; il n'enlève pas la responsabilité du résultat. C'est aussi pour ça que tout est livré en code natif, sans dépendance tierce : je peux en répondre ligne par ligne.

Un site, ça ne se juge pas sur une capture d'écran. Ça se mesure : vitesse, structure, accessibilité, indexation.

Mon audit gratuit regarde précisément ces couches invisibles sur votre site actuel. Voir aussi : pourquoi un site est lent et les bases du SEO technique.