Créer un site vitrine avec Claude et Webflow consiste à confier à l'IA la rédaction, la structure et une partie de la construction du site, pendant que vous gardez la main sur le positionnement, le design et la validation. Depuis que Webflow propose un serveur MCP officiel, Claude peut agir directement dans votre projet : créer des pages et des collections, remplir le CMS, régler les balises SEO et publier.
Cette répartition change le temps passé sur un site. La page blanche disparaît, les fiches du CMS se remplissent en quelques minutes, et le travail humain se concentre sur ce qu'une IA ne peut pas savoir : ce qui distingue votre entreprise, vos vraies références, le ton de votre marque.
Pourquoi associer Claude et Webflow pour un site vitrine ?
Webflow est un éditeur visuel qui produit un site hébergé, avec un CMS pour les contenus répétés (services, références, articles). Selon W3Techs, il fait tourner 0,8 % de l'ensemble des sites web en septembre 2026, soit 1,2 % des sites dont le CMS est identifié. C'est un outil de niche comparé à WordPress, mais il plaît aux équipes marketing parce qu'on y modifie une page sans développeur. Claude, de son côté, écrit correctement en français, tient une structure et suit des consignes de ton. Le site nodeit.fr est construit sur Webflow, et nous le faisons évoluer avec Claude par ce connecteur : c'est de cette pratique que viennent les conseils qui suivent.
Que peut faire Claude dans Webflow grâce au MCP ?
Le MCP (Model Context Protocol) est un standard qui relie un assistant IA aux outils d'une entreprise. D'après la documentation développeurs de Webflow, le serveur permet de créer des collections et leurs champs, d'ajouter ou de modifier des éléments du CMS en masse, de publier ou dépublier ces éléments, de gérer les pages, les images et les métadonnées SEO. Il sait aussi ajouter des éléments et des styles sur une page. Certaines actions exigent que le Designer soit ouvert avec l'application Bridge connectée, par exemple lire l'élément sélectionné ou prendre une capture d'un bloc. En pratique, Claude est très à l'aise sur les contenus et le CMS, et moins fiable sur la mise en page fine, qu'il vaut mieux régler vous-même dans le Designer.
Par quoi commencer avant d'ouvrir Webflow ?
Par un brief, écrit avec Claude si vous voulez, mais relu par vous. Prenons un cabinet de paysagistes de six personnes. Avant toute page, il faut savoir quels services il vend, à qui (particuliers, syndics, collectivités), dans quelle zone, et quelle action il attend du visiteur : une demande de devis, un appel. De ce brief sort une arborescence courte, avec une page par service qui compte, une page de réalisations alimentée par le CMS et une page contact. Nous avons détaillé cette étape de cadrage dans notre article sur les décisions à prendre avant de construire avec l'IA : la logique vaut pour un site comme pour une application. Un site vitrine construit sans ce cadrage ressemble à tous les autres, et l'IA accentue le problème puisqu'elle produit par défaut le texte le plus probable.
Comment répartir le travail entre Claude et vous ?
Claude rédige les premières versions des pages à partir du brief, propose la structure des collections (champs d'une réalisation : lieu, type de chantier, photos, description), remplit trente fiches à partir d'un tableur et écrit les titres et descriptions SEO de chaque page. Il repère aussi les pages sans balise de titre, les images sans texte alternatif, les liens cassés. Vous gardez la validation du design, les photos réelles de vos chantiers, les chiffres que vous pouvez prouver, les mentions légales et la relecture finale. Un point de vigilance revient sans cesse : l'IA invente volontiers un chiffre plausible, un nombre de clients ou une note d'avis. Chaque donnée chiffrée doit venir de vous. Donnez aussi à Claude une consigne de style écrite (vouvoiement, mots à éviter, longueur des paragraphes) et réutilisez-la d'une session à l'autre.
Quelles erreurs éviter à la mise en ligne ?
La première consiste à laisser l'IA publier sans relecture. Techniquement, le connecteur le permet ; nous recommandons de travailler en brouillon et de publier après vérification sur l'aperçu. La deuxième, c'est d'oublier le référencement : titres de page uniques, descriptions qui disent ce que la page apporte, textes alternatifs, et des contenus assez précis pour être cités par les moteurs et les assistants IA. Notre guide sur le SEO et le GEO pour une TPE donne les réglages de base. La troisième est de multiplier les styles créés à la volée par l'IA : demandez-lui de réutiliser les classes existantes, sinon le site devient difficile à maintenir au bout de quelques mois.
Questions fréquentes
Faut-il savoir coder pour construire un site avec Claude et Webflow ?
Non. Webflow est un outil visuel et Claude travaille à partir d'instructions en français. Comprendre la logique des classes et du CMS aide beaucoup, et cela s'apprend en quelques jours.
Claude peut-il publier le site tout seul ?
Le serveur MCP de Webflow le permet. Nous conseillons de garder cette étape pour un humain, après relecture de chaque page en aperçu.
Peut-on faire la même chose avec WordPress ?
Claude aide aussi à rédiger et structurer un site WordPress. Le fonctionnement du connecteur dépend alors de l'extension ou de l'outil utilisé, ce qui demande de vérifier ce qu'il autorise avant de lui confier l'écriture.
Le site sera-t-il bien référencé ?
Webflow génère le sitemap et laisse régler les balises SEO page par page. Le référencement dépend ensuite surtout de la précision des contenus et de leur mise à jour régulière.
La formation Créer et gérer son site internet avec l'IA se déroule sur deux jours : conception avec Claude, construction et publication dans Webflow ou WordPress, gestion du CMS, SEO et automatisations pour faire vivre le site en autonomie.
