ai for designersJuly 27, 20269 min read

Votre site de design a une visibilité IA nulle

Nous avons récupéré 25 pages de studios de design et de portfolios comme le ferait un robot d'exploration IA. Texte lisible médian : 397 mots. L'une d'elles a envoyé 147 Ko pour dire sept mots.

By Boone
XLinkedIn
design site invisible to ai

La réponse courte

Votre site paraît probablement vide aux machines qui répondent désormais aux questions sur votre secteur. Pas lent, pas mal classé. Vide.

Nous avons récupéré 25 pages sur 18 domaines de studios de design, de plateformes de portfolio et de créateurs de sites, le 27 juillet 2026, avec une simple requête HTTP GET, sans exécution de JavaScript, sous un user-agent ClaudeBot. La page médiane a renvoyé 397 mots de texte exploitable par une machine. Huit en ont renvoyé moins de 200.

C'est ce que voit un robot d'exploration IA quand il vient chercher qui fait du bon travail de marque. La majeure partie du secteur livre une coquille magnifique sans rien de lisible à l'intérieur.

Illustration voxel d'un mur de galerie avec des cadres vides et aucune étiquette lisible.
Illustration voxel d'un mur de galerie avec des cadres vides et aucune étiquette lisible.

Deux tiers des recherches se terminent là où elles ont commencé

Graphique SparkToro montrant les recherches Google sans clic dépassant 68 % en 2026.
Graphique SparkToro montrant les recherches Google sans clic dépassant 68 % en 2026.

Voir les données sur sparktoro.com

Les recherches Google aux États-Unis se sont terminées sans clic dans 68,01 % des cas sur les quatre premiers mois de 2026, selon l'analyse de juin 2026 de SparkToro sur les données du panel clickstream de Similarweb. C'est en hausse par rapport à 60,45 % en 2024, soit une progression de 7,5 points en deux ans.

Cette tendance est antérieure à l'IA. SparkToro l'avait mesurée pour la première fois à 49 % dès 2019. Ce que l'IA a fait, c'est accélérer une courbe déjà en train de s'incurver.

Les AI Overviews apparaissent désormais dans plus de 20 % de toutes les recherches, selon des données Ahrefs citées par SparkToro. Et quand un tel résumé apparaît, Ahrefs a constaté que la page la mieux classée subit un taux de clic moyen inférieur de 58 %. Ce chiffre provient de la nouvelle étude de Ryan Law sur des données de décembre 2025, portant sur 300 000 mots-clés, moitié avec un AI Overview et moitié informationnels sans, à partir de données agrégées de Search Console.

La direction mérite d'être notée. La version d'avril 2025 de cette étude Ahrefs situait la baisse à 34,5 %. Même famille de méthodologie, chiffre bien pire.

Les machines qui lisent votre site ne peuvent pas l'exécuter

Aucun robot d'exploration IA majeur n'exécute JavaScript. L'étude au niveau réseau de Vercel et MERJ, publiée le 17 décembre 2024, a constaté que ces robots récupèrent tous le HTML brut et s'arrêtent là :

  • GPTBot
  • OAI-SearchBot
  • ChatGPT-User
  • ClaudeBot
  • Meta-ExternalAgent
  • Bytespider
  • PerplexityBot

Ils téléchargent bien votre JavaScript. Ils ne l'exécutent simplement jamais. La même étude a mesuré que les fichiers JS représentaient 11,50 % des requêtes de ChatGPT et 23,84 % de celles de Claude.

Les exceptions sont Google et Apple. Gemini s'appuie sur l'infrastructure de rendu de Googlebot, et AppleBot explore via un moteur de rendu basé sur un navigateur. Tout le reste reçoit ce que votre serveur met dans la réponse initiale.

Cette étude est la mesure de première main la plus récente et la plus vaste que nous ayons pu vérifier. Elle est largement citée comme toujours valable en 2026, et beaucoup d'articles reprennent son chiffre de 569 millions de requêtes GPTBot en l'arrondissant à « 500 millions », mais nous n'avons trouvé aucune recherche primaire plus récente. Traitez-la comme la meilleure preuve disponible, pas comme une actualité fraîche.

La recommandation de Vercel issue de ce travail était sans détour : faire du rendu côté serveur pour le contenu critique et réserver le rendu côté client à l'amélioration seulement.

Diagramme voxel d'un serveur affichant du texte lisible avant le début de l'hydratation JavaScript.
Diagramme voxel d'un serveur affichant du texte lisible avant le début de l'hydratation JavaScript.

Ce qu'un robot d'exploration IA voit réellement sur un site de design

Page d'accueil Webflow s'affichant en HTML brut avec un texte de corps dense et lisible.
Page d'accueil Webflow s'affichant en HTML brut avec un texte de corps dense et lisible.

Voir en direct sur webflow.com

Nous avons mesuré la charge HTML, le nombre de mots lisibles, les Ko envoyés par mot lisible, la couverture des textes alternatifs et la présence de données structurées. Brainy figure dans le tableau parce qu'il serait lâche de ne pas y être, et nous sommes en milieu de tableau.

SitePageKo envoyésMots lisiblesKo par motCouverture alt
Webflowaccueil619,03 4660,1857 sur 168 images
Pentagramaccueil1 019,43 2880,31134 sur 183 images
IDEOaccueil198,81 8410,112 sur 35 images
Pentagramtravaux347,11 1980,296 sur 42 images
Brainyaccueil137,85540,2527 sur 27 images
Instrumentaccueil3 355,63978,450 sur 10 images
Instrumenttravaux3 340,729111,480 sur 2 images
Collinstravaux134,51241,080 sur 52 images
Readymagaccueil147,7721,10n/a

Sur les 25 pages : 14 ont livré moins de 500 mots lisibles, 15 ne portaient aucune donnée structurée du tout, et 10 avaient un texte alternatif sur moins de la moitié de leurs images. Area 17 et Made Thought étaient les plus propres, tous deux à 100 % de couverture alt.

La page d'accueil de Readymag est le cas extrême. Elle a envoyé 147,7 Ko de HTML pour livrer sept mots lisibles, soit environ 21 Ko par mot. Ce n'est pas une critique du design. C'est une description de ce que reçoit un robot qui ne fait pas de rendu.

Testez votre propre site en une ligne

Faites le même test sur vous-même. Une ligne, aucun outil à installer :

curl -s -A "ClaudeBot/1.0" https://yoursite.com | sed 's/<[^>]*>//g' | tr -s '[:space:]' ' ' | wc -w

Si ce chiffre est inférieur à 300, la couche IA de la recherche ne sait pratiquement rien de vous.

La page travaux est la page la plus vide que vous possédiez

Page travaux d'Instrument montrant des études de cas menées par l'image avec un texte de légende léger.
Page travaux d'Instrument montrant des études de cas menées par l'image avec un texte de légende léger.

Voir en direct sur instrument.com/work

Le schéma s'est vérifié dans tout l'audit. Les pages d'accueil portaient le plus de texte, et les pages travaux ou études de cas, celles qui prouvent réellement la compétence, portaient le moins. La page travaux d'Instrument a renvoyé 291 mots contre 397 sur sa page d'accueil. La page travaux de Collins en a renvoyé 124.

La raison est structurelle, pas due à la négligence. Les pages travaux sont construites comme des galeries. L'argument vit dans les images, la mise en page et l'enchaînement, et les mots sont traités comme des légendes entre elles. Cette convention a magnifiquement fonctionné pendant une décennie de navigation humaine, et c'est exactement ce que nous avancions comme étant en train de s'effondrer dans la mort de l'étude de cas en design.

Un modèle interrogé pour nommer des studios forts en identité éditoriale lit du texte. Il ne regarde pas votre grille. Si votre meilleur projet se présente comme douze images plein cadre et quarante mots, vous n'êtes pas entré dans l'ensemble de considération.

La solution n'est pas plus de texte pour le principe. C'est mettre dans la page le raisonnement que vous avez déjà : le problème, la contrainte, la décision, le résultat. Nous avons détaillé cette structure dans le modèle d'étude de cas, et la même logique s'applique à la façon dont vous enchaînez tout un portfolio dans le guide de l'anti-portfolio.

Le texte alternatif n'est plus une corvée d'accessibilité

Page travaux de Pentagram montrant des dizaines d'images de projets avec une couverture de texte alternatif clairsemée.
Page travaux de Pentagram montrant des dizaines d'images de projets avec une couverture de texte alternatif clairsemée.

Voir en direct sur pentagram.com/work

Dix pages sur 25 avaient un texte alternatif sur moins de la moitié de leurs images, et sur les pages travaux menées par l'image, le ratio était pire. Collins a livré 52 images sans aucun attribut alt. La page travaux de Pentagram comptait 42 images avec alt sur six d'entre elles, et la page d'accueil d'IDEO en avait 35 avec alt sur deux.

Pour un robot qui ne peut pas faire de rendu, le texte alternatif n'est pas un agrément. C'est la seule description de votre imagerie qui existe dans la réponse, et sur une page travaux dominée par la galerie, cela peut représenter la majorité du contenu lisible de l'URL.

Ainsi, le travail d'accessibilité que vous reportiez a désormais une deuxième raison, commerciale celle-là, de se faire. Même tâche, deux bénéfices. Notre check-list d'accessibilité explique comment le faire correctement plutôt que de bourrer l'attribut de mots-clés.

Les données structurées sont l'autre moitié du problème. Quinze pages sur 25 n'en portaient aucune. Le schéma Organization, Person et CreativeWork est la façon dont une machine sait qu'une page est un studio, un designer et un projet plutôt que trois blocs de texte non étiquetés.

Quatre corrections, dans l'ordre qui fait bouger le chiffre

Quatre changements font bouger le chiffre, et l'ordre compte :

  • Faites le rendu du texte côté serveur. Si votre stack hydrate le contenu côté client, les mots sont invisibles pour tout sauf Google et Apple. La sortie précompilée de Webflow est relativement sûre ; une SPA sur mesure sans SSR est le pire des cas. Framer sert du HTML mais s'appuie fortement sur l'hydratation React, donc testez plutôt que de supposer. Notre analyse des stacks de sites marketing couvre les compromis
  • Réécrivez les pages travaux. Faites en sorte que chaque projet dépasse environ 400 mots lisibles de raisonnement réel. C'est l'écart le plus important trouvé par l'audit, et ce sont les pages qui comptent le plus
  • Ajoutez du texte alternatif partout, en décrivant le travail plutôt que le fichier. Sur une page galerie, cela peut doubler votre texte lisible en un après-midi
  • Ajoutez des données structurées Organization, Person et CreativeWork. Peu coûteux, mécanique, et 60 % des pages que nous avons mesurées s'en sont passées

Faites-le dans cet ordre. Cela ne sert à rien d'écrire 800 mots excellents dans un composant qui n'atteint jamais le robot d'exploration.

Pour un petit studio qui dépend des recommandations entrantes, ce n'est pas une maintenance optionnelle. C'est la différence entre être cité dans une réponse et ne pas exister, ce que nous détaillons dans le manuel du studio de design solo.

Scène voxel d'un bloc HTML surdimensionné écrasant une poignée de mots visibles.
Scène voxel d'un bloc HTML surdimensionné écrasant une poignée de mots visibles.

FAQ

Les robots d'exploration IA rendent-ils le JavaScript ?

Pas les principaux. L'étude de Vercel et MERJ du 17 décembre 2024 a constaté que ces robots récupèrent tous sans exécuter :

  • GPTBot
  • OAI-SearchBot
  • ChatGPT-User
  • ClaudeBot
  • Meta-ExternalAgent
  • Bytespider
  • PerplexityBot

Le Gemini de Google fait le rendu via l'infrastructure de Googlebot, et AppleBot fait le rendu via un robot basé sur un navigateur.

Comment vérifier si mon propre site est visible ?

Lancez un simple curl avec un user-agent de robot d'exploration IA, retirez les balises et comptez les mots. La commande en une ligne se trouve dans la section audit ci-dessus. Comparez le résultat à ce que voit un visiteur.

Un faible nombre de mots est-il toujours une erreur ?

Non. Cet audit ne mesure que la réponse HTML initiale. Il ne mesure pas si un site se classe bien, convertit, ou est bien conçu, et un studio qui obtient tout son travail par recommandation peut raisonnablement ne pas se soucier de la recherche entrante du tout.

Cela remplace-t-il le SEO classique ?

Cela se situe en dessous. Les titres, les liens et la vitesse de la page comptent toujours. Mais rien de tout cela n'aide si le corps de la page arrive vide, et l'optimisation pour les moteurs génératifs consiste surtout à s'assurer que votre substance réelle est présente dans le HTML.

Quel volume de trafic est réellement en jeu ?

SparkToro situe le taux sans clic aux États-Unis à 68,01 % pour le début de 2026. Ahrefs a mesuré une baisse de 58 % du taux de clic sur le premier résultat lorsqu'un AI Overview apparaît, pire que les 34,5 % mesurés en avril 2025. Les deux sont des moyennes sur tous types de requêtes, donc votre propre exposition dépend du caractère informationnel de vos requêtes.

Beau et illisible ne sont pas des opposés

Page d'accueil de Pentagram associant un design visuel audacieux à des milliers de mots lisibles.
Page d'accueil de Pentagram associant un design visuel audacieux à des milliers de mots lisibles.

Voir en direct sur pentagram.com

Rien ici ne plaide pour des sites plus laids. La page d'accueil de Pentagram a renvoyé 3 288 mots lisibles et ressemble toujours à Pentagram, et Webflow en a renvoyé 3 466. Area 17 et Made Thought atteignent une couverture alt complète sans compromis visible. Le compromis que l'on suppose exister n'existe en grande partie pas, ce qui rejoint ce que nous avancions à propos des principes de design web.

Ce qui s'est passé, c'est qu'une convention, image d'abord, texte minimal, JavaScript intensif, était correcte pour une décennie de navigation humaine et est devenue discrètement un handicap quand l'audience a changé. Les studios de ce tableau ne sont pas mauvais dans leur métier. Plusieurs d'entre eux sont parmi les meilleurs du secteur. C'est la convention qui les a trahis.

Allez lancer la commande curl. Cela prend quatre secondes, et le chiffre qu'elle renvoie est le seul honnête.

Want work that machines and humans can both read? Join Brainy Creators.

Get Started

More from Brainy Papers

Keep reading