What Ships · Claude

Créer un site web avec Claude : ce dont vous bénéficiez et ce qu’il faut vérifier avant la mise en ligne.

Vous obtenez un aperçu simple de ce que proposent Claude, Claude Code et Claude Design, avec les vérifications de mise en ligne dont votre site a besoin. Et un moyen de l’évaluer. L’évaluation gratuite analyse vos pages publiques en deux minutes, ce qui va vite puisqu’elle ne voit que ce que voit un visiteur. Elle n'accède ni à vos identifiants de connexion, ni à vos statistiques, ni à vos données de terrain. Voyez-y un coup d’œil depuis la rue, et non une visite guidée du bâtiment.

Sur cette page 11 sections

00Points clés à retenir
01Comment créer un site web avec Claude aujourd'hui ?
02Quelle est la différence entre Claude Design, Claude Code et le chat ?
03Que livre par défaut un site créé avec Claude ?
04Que devez-vous vérifier avant de publier un site créé avec Claude ?
05Comment déployer et maintenir un site créé avec Claude ?
06Où les sites créés avec Claude obtiennent-ils de bons scores, et où chutent-ils ?
07Comment vérifier votre site créé avec Claude en deux minutes ?
08Vos questions, nos réponses
09Analyser votre propre site
10À propos de l'auteur

Points clés à retenir.

Évaluez votre site créé avec Claude à partir de l'URL en ligne qui s'affiche dans un navigateur, et non à partir de l'interface de Claude qui l'a généré.
Ouvrez au moins deux routes pour chaque modèle partagé modifié : un assistant de métadonnées peut renvoyer des valeurs identiques sur chaque page.
Analysez chaque bloc JSON-LD, puis vérifiez que chaque valeur balisée est bien visible sur la page : un balisage valide ne garantit pas l'obtention d'un résultat enrichi.
Lancez l'évaluation gratuite après chaque redéploiement. Elle prend environ deux minutes, et vous disposez de trois vérifications par heure et par connexion.

Comment créer un site web avec Claude aujourd'hui ??

Pour créer votre site avec Claude, vous décrivez le site dans une invite, vous laissez Claude Code générer vos fichiers, vous les poussez sur GitHub et vous les connectez à votre hébergeur, Vercel ou Cloudflare Pages par exemple. Un tutoriel pour débutants liste les outils nécessaires : un abonnement Claude Pro, un compte Vercel et un compte GitHub. Il vous faut aussi Node.js (LTS) et un terminal, puis vous installez Claude Code avec npm. Pour de petits projets, votre forfait Pro à 20 $ suffit, explique Ryan Doser. Mais dès que le développement devient plus lourd, il recommande le forfait Max à 100 $.

D'autres voies s'offrent à vous. Le guide en 24 étapes de Chris Lema vous permet de créer votre site gratuit avec Claude Cowork, GitHub et Cloudflare Pages, sans terminal. Claude Design, lui, vous laisse partir de la conception visuelle. Anthropic indique que vous pouvez y créer des designs, des prototypes, des diaporamas et des pages uniques, et que si vous travaillez dans le marketing, vous pouvez y préparer des pages de destination. Quel que soit votre choix, un hébergeur met vos pages à la disposition des visiteurs. Et ce sont ces pages publiques que l'évaluation examine.

Quelle est la différence entre Claude Design, Claude Code et le chat ??

Vous utilisez Claude Design pour les travaux graphiques, Claude Code pour rédiger et publier les fichiers qui constitueront votre site, et le chat pour les conversations courantes. Avec un abonnement Claude Pro, Max, Team ou Enterprise, vous pouvez essayer Claude Design, un produit d’Anthropic Labs optimisé par Claude Opus 4.7, en avant-première de recherche. Et son utilisation compte dans les limites de votre abonnement. Avec une formule Enterprise, votre administrateur doit l'activer dans les paramètres de l'organisation (si vous ne le trouvez pas, adressez-vous d'abord à lui).

Utilisez ces trois outils sur votre site et regardez comment le travail passe de l'un à l'autre. Selon Anthropic, les chefs de produit peuvent esquisser le déroulement d’une fonctionnalité dans Claude Design, puis le confier à Claude Code pour la mise en œuvre. Pour connaître les étapes, commencez par le guide de 15 minutes de Claude Academy consacré à ce passage de relais. Vous pouvez exporter vos présentations de conception au format PPTX ou les envoyer vers Canva. Mais rien de tout cela ne vous dit ce que contient votre page une fois déployée. Ce qui s’y trouve au final dépend de vos fichiers, de votre hébergeur et de votre instruction, donc votre URL en ligne reste le seul témoin fiable. Vérifiez la vôtre, et non l’outil. Lisez ce que votre navigateur reçoit.

Que livre par défaut un site créé avec Claude ??

Un site créé avec Claude produit ce que votre invite, votre framework et vos paramètres de compilation lui font produire. Il n’existe pas de valeur par défaut unique. La première invite de Leon Furze demandait un site Astro, et ses paramètres Cloudflare Pages utilisent le préréglage Astro, la commande de compilation `npm run build` et le répertoire de sortie `dist`. Comparez vos paramètres aux siens : correspondent-ils ? Pelcro décrit un site en ligne sans serveur traditionnel, où les pages sont générées à l’avance et servies par Cloudflare. Votre site fonctionne-t-il ainsi ? Dans les deux cas, seul le déploiement fait foi. Alors vérifiez ce que vous déployez.

Examinez votre balisage. HashBuilds indique que Claude écrit un code propre et sémantique, mais qu’il a besoin de conseils pour les balises meta « viewport », les déclarations de jeu de caractères et la hiérarchie des titres. Contrôlez donc ces trois éléments dans votre section <head>. L’outil peut générer un schéma JSON-LD lorsque vous lui donnez des exigences métier précises. L’avez-vous fait ? L’évaluation analyse votre page d’accueil et jusqu’à huit pages choisies au hasard, et vous y retrouvez vos en-têtes, votre balisage, vos données structurées, vos titres, le poids de vos scripts et celui de vos images. Mais vos invites et votre référentiel restent hors de portée. Vous obtenez donc une analyse de ce que votre site fournit, et c'est tout.

Que devez-vous vérifier avant de publier un site créé avec Claude ??

Avant de publier, vérifiez vos métadonnées sur plusieurs pages, puis vos balises canoniques, vos en-têtes de réponse, vos données structurées, l'accès des robots d'indexation et le poids des images. Vous avez modifié un modèle partagé ? Ouvrez au moins deux de vos routes par modèle concerné. Screpy vous prévient que votre aide aux métadonnées peut sembler correcte prise isolément tout en renvoyant les mêmes valeurs sur chaque page. Testez donc chaque route que vous avez modifiée. Lors d’une démonstration de plugin, une URL « À propos » récemment déployée a renvoyé une erreur 404 et a dû être corrigée. Et une page en erreur qui ne le signale pas, c'est le pire des cas. Après le déploiement, chargez donc vous-même vos nouvelles URL.

Vérifiez votre schéma deux fois. eSEOspace vous recommande d’analyser chaque bloc JSON-LD, de tester vos modèles avec l’outil « Rich Results Test » de Google et de vous assurer que votre balisage correspond bien à ce que voient vos visiteurs. Le site cite la règle de Google : « Ne balisez pas de contenu qui n’est pas visible pour les lecteurs de la page. » Mais Screpy rappelle qu’une analyse syntaxique sans erreur ne prouve pas que vos pages sont éligibles : un balisage valide peut très bien contenir des valeurs inventées ou obsolètes. Vérifiez le vôtre avant la mise en ligne. Et Pelcro signale tout fichier de plus de 500 Ko, alors pensez à alléger vos images.

Comment déployer et maintenir un site créé avec Claude ??

Pour déployer, il suffit de connecter votre dépôt GitHub à un hébergeur comme Vercel ou Cloudflare Pages. Envoyez vos modifications vers votre dépôt, et votre hébergeur se charge du redéploiement. Dans un tutoriel destiné aux débutants, Claude Code se demande s’il faut pousser chacune de vos mises à jour sur GitHub, et Vercel redéploie votre site automatiquement. Ryan Doser vous explique que Cloudflare déploie en moins d’une minute. Lui garde ses dépôts privés pour les sites de vrais clients (une habitude judicieuse). Faites de même avec les vôtres.

Votre site reste à une adresse pages.dev tant que vous n’y avez pas redirigé votre propre nom de domaine, comme l’explique Chris Lema. Ensuite, MindStudio indique que vos modifications DNS se propagent généralement en quelques minutes à quelques heures. Vercel active automatiquement le protocole HTTPS sur votre domaine personnalisé. Pelcro ouvre chacune de vos modifications sous forme de pull request, avec un lien d’aperçu à consulter, et lance d’abord des vérifications. Résultat : si la vérification requise échoue, Cloudflare ne reçoit jamais l’ordre de déployer votre build.

Où les sites créés avec Claude obtiennent-ils de bons scores, et où chutent-ils ??

Aucune de ces sources ne publie de notes, donc aucune ne peut vous donner de réponse générale. Votre réponse, ce sont vos propres résultats par pilier. Vous obtenez une note sur 100 pour votre site, calculée à partir de huit piliers pondérés : architecture (15 %), performances (15 %), sécurité (12 %), référencement (12 %), schéma (10 %), préparation à l’IA (10 %), expérience éditoriale (10 %) et santé opérationnelle (16 %). Derrière chaque pilier se trouvent des données probantes, à vérifier avant de vous fier à votre note. Un chiffre sans données probantes, ce n’est qu’une opinion.

Ce que les sources mentionnent, vous pouvez le voir sur vos propres pages. Vos métadonnées se répètent peut-être d’une page à l’autre, votre nouvelle route renvoie peut-être une erreur 404, et vos images dépassent peut-être 500 Ko. Vos pages publiques échantillonnées vous montrent ces trois points. Mais l’analyse ne peut pas vous dire si une valeur de schéma est valable pour votre entreprise : c’est à vous d’en juger. Votre score se situe dans une tranche : 80 à 100 = bonne santé, 60 à 79 = situation limitée, 40 à 59 = à risque, et 0 à 39 = situation obsolète. Identifiez votre tranche. Corrigez ensuite ce que vous pouvez constater sur votre site.

Comment vérifier votre site créé avec Claude en deux minutes ??

Collez l'adresse de votre site dans l'outil d'évaluation gratuit, saisissez votre adresse e-mail professionnelle pour recevoir une seule fois le lien vers votre rapport, et environ deux minutes plus tard, votre note sur 100 s'affiche. L'évaluation analyse votre page d'accueil ainsi que jusqu'à huit pages choisies au hasard sur votre site : vos en-têtes de réponse, votre balisage, vos données structurées, vos titres, le poids de vos scripts et de vos images, ainsi que vos signaux robots et canoniques. Vous obtenez un score unique. Et vous disposez des éléments qui justifient chaque composante de ce score. Avant de toucher à quoi que ce soit, vous voyez ce qui a fait baisser votre score, et vous n’avez plus à deviner quelle correction tenter en premier.

J'utilise Claude Code au quotidien et j'ai élaboré cette évaluation avec cet outil ; les vérifications suivent donc la même logique que celle recommandée sur cette page : jugez le résultat, pas l'outil. L'évaluation ne se connecte pas à votre site, ne consulte pas vos statistiques, n'analyse pas les données de performance sur le terrain et n'interroge personne. Vous disposez de trois vérifications par heure et par connexion. Corrigez un pilier, redéployez votre site, puis relancez l’évaluation. Votre prochain score vous montrera l’effet de votre modification. Et c’est le seul retour d’information auquel vous pouvez vraiment vous fier.

Vos questions, nos réponses.

01Claude peut-il créer un site web entier tout seul ?

Claude Code peut générer les fichiers et les publier sur GitHub. Ensuite, l'hébergeur de votre choix, Vercel ou Cloudflare Pages par exemple, les compile et les met en ligne. Vous gardez la main sur l'invite et le domaine, ainsi que sur les validations. Avant la mise en ligne, c'est à vous de vérifier les métadonnées, le schéma et la taille des images.

02Faut-il souscrire à une formule payante de Claude pour créer un site web ?

Selon Ryan Doser, Claude Code nécessite un abonnement payant. L'abonnement « Pro », à 20 $, inclut Opus et suffit pour de petits projets de développement. Il recommande toutefois l'abonnement « Max » à 100 $ : les tâches de développement intensives épuisent vite le quota du « Pro ». Claude Design est actuellement en préversion pour les abonnés aux formules « Pro », « Max », « Team » et « Enterprise ».

03Un code JSON-LD valide garantit-il l'obtention de résultats enrichis ?

Non. Selon Screpy, une analyse syntaxique réussie ne garantit pas l'éligibilité aux résultats enrichis. Un objet valide peut contenir des valeurs fictives ou obsolètes, et un balisage valide n'assure pas l'affichage d'un résultat enrichi. Testez donc chaque modèle avec l'outil « Rich Results Test » de Google. Vérifiez aussi que chaque valeur balisée est visible sur la page.

04Que ne peut pas montrer l'analyse des pages publiques de votre site ?

Un utilisateur disposant d'un accès en lecture seule ne peut pas se connecter, consulter vos statistiques, utiliser les données de performance sur le terrain ni interroger votre équipe. Vos instructions et votre référentiel restent eux aussi invisibles : ils se trouvent derrière la version, et non dans celle-ci. Ce qui s’affiche, c'est ce qui part vers le navigateur : les en-têtes, le balisage, les données structurées, les titres, le poids des scripts et des images, ainsi que les signaux destinés aux robots et les URL canoniques.

Sources

Les faits de cette page proviennent des documents ci-dessous, vérifiés le 2026-10-25. Les chiffres sur l'analyse elle-même décrivent son fonctionnement.

À propos de l'auteur.

Gautam Khorana

Ingénieur web et fondateur : plus de 12 ans d'expérience sur des milliers de sites web de toutes sortes et de toutes tailles, de WordPress au web moderne. A développé et gère l'évaluation gratuite sur laquelle repose ce site, et rédige What Ships d'après ce que les sites livrent réellement.

gautamkhorana.com · LinkedIn · À propos de l'analyse

D'autres articles de What Ships.

Dans deux minutes

Voir ce que livre votre site.

Analyser votre site Réserver un appel de 30 minutes

Consultez un exemple de rapport