ai for designersJuly 27, 20269 min read

Deine Design-Website ist für KI-Suche unsichtbar

Wir haben 25 Design-Studio- und Portfolio-Seiten so abgerufen, wie es ein KI-Crawler tut. Median lesbarer Text: 397 Wörter. Eine lieferte 147 KB, um sieben Wörter zu sagen.

By Boone
XLinkedIn
design site invisible to ai

Die kurze Antwort

Deine Website sieht für die Maschinen, die heute Fragen zu deiner Branche beantworten, wahrscheinlich leer aus. Nicht langsam, nicht schlecht platziert. Leer.

Wir haben am 27. Juli 2026 25 Seiten auf 18 Domains von Design-Studios, Portfolio-Plattformen und Website-Baukästen abgerufen, jeweils ein einfacher HTTP-GET, kein JavaScript ausgeführt, unter einem ClaudeBot-User-Agent. Die mittlere Seite lieferte 397 Wörter maschinenlesbaren Text zurück. Acht lieferten weniger als 200.

Das ist es, was ein KI-Crawler sieht, wenn er nach guten Marken-Arbeitern sucht. Der Großteil der Branche liefert eine wunderschöne Hülle mit nichts Lesbarem darin.

Voxel-Illustration einer Galeriewand mit leeren Rahmen und ohne lesbare Beschriftungen.
Voxel-Illustration einer Galeriewand mit leeren Rahmen und ohne lesbare Beschriftungen.

Zwei Drittel der Suchen enden dort, wo sie begonnen haben

SparkToro-Diagramm, das zeigt, wie Zero-Click-Google-Suchen 2026 auf über 68 Prozent steigen.
SparkToro-Diagramm, das zeigt, wie Zero-Click-Google-Suchen 2026 auf über 68 Prozent steigen.

Die Daten auf sparktoro.com ansehen

US-Google-Suchen endeten in den ersten vier Monaten 2026 in 68,01% der Fälle ohne Klick, laut SparkToros Analyse von Similarweb-Clickstream-Panel-Daten vom Juni 2026. Das ist ein Anstieg gegenüber 60,45% im Jahr 2024, ein Plus von 7,5 Prozentpunkten in zwei Jahren.

Der Trend geht KI voraus. SparkToro maß das erstmals 2019 bei 49%. Was KI getan hat, war eine bereits gebogene Kurve zu beschleunigen.

KI-Übersichten erscheinen inzwischen bei über 20% aller Suchen, laut von SparkToro zitierten Ahrefs-Daten. Und wenn eine erscheint, hat Ahrefs herausgefunden, dass die bestplatzierte Seite eine um 58% niedrigere durchschnittliche Klickrate erhält. Diese Zahl stammt aus Ryan Laws Neuberechnung anhand von Dezember-2025-Daten über 300.000 Keywords, die Hälfte mit einer KI-Übersicht, die Hälfte informationell ohne, unter Verwendung aggregierter Search-Console-Daten.

Die Richtung ist bemerkenswert. Ahrefs' April-2025-Version dieser Studie setzte den Rückgang bei 34,5% an. Gleiche Methodenfamilie, deutlich schlechtere Zahl.

Die Maschinen, die deine Seite lesen, können deine Seite nicht ausführen

Kein großer KI-Crawler führt JavaScript aus. Vercel und MERJs Studie auf Netzwerkebene, veröffentlicht am 17. Dezember 2024, fand heraus, dass diese Crawler alle rohes HTML abrufen und dabei stehenbleiben:

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

Sie laden dein JavaScript herunter. Sie führen es nur nie aus. Dieselbe Studie maß JS-Dateien bei 11,50% der ChatGPT-Anfragen und 23,84% der Claude-Anfragen.

Die Ausnahmen sind Google und Apple. Gemini nutzt die Rendering-Infrastruktur von Googlebot, und AppleBot crawlt über einen browserbasierten Renderer. Alles andere bekommt genau das, was dein Server in der ersten Antwort liefert.

Diese Studie ist die aktuellste großangelegte Erstanbieter-Messung, die wir verifizieren konnten. Es wird vielfach berichtet, dass sie 2026 noch gilt, und etliche Beiträge zitieren die Zahl von 569 Millionen GPTBot-Abrufen als gerundete "500 Millionen", aber wir haben keine neuere Primärforschung gefunden. Behandle es als beste verfügbare Evidenz, nicht als aktuelle Nachricht.

Vercels eigene Empfehlung aus dieser Arbeit war unmissverständlich: rendere deine kritischen Inhalte serverseitig und behalte clientseitiges Rendering nur für Verbesserungen bei.

Voxel-Diagramm eines Servers, der lesbaren Text rendert, bevor die JavaScript-Hydration beginnt.
Voxel-Diagramm eines Servers, der lesbaren Text rendert, bevor die JavaScript-Hydration beginnt.

Was ein KI-Crawler auf einer Design-Site tatsächlich sieht

Webflow-Startseite gerendert als rohes HTML mit dichtem, lesbarem Fließtext.
Webflow-Startseite gerendert als rohes HTML mit dichtem, lesbarem Fließtext.

Live auf webflow.com ansehen

Wir haben HTML-Payload, lesbare Wortzahl, KB pro lesbarem Wort, Alt-Text-Abdeckung und das Vorhandensein strukturierter Daten gemessen. Brainy ist in der Tabelle, weil es feige wäre, sich auszuschließen, und wir liegen im Mittelfeld.

SeiteUnterseiteKB geliefertWörter lesbarKB pro WortAlt-Abdeckung
WebflowStartseite619,03.4660,1857 von 168 Bildern
PentagramStartseite1.019,43.2880,31134 von 183 Bildern
IDEOStartseite198,81.8410,112 von 35 Bildern
PentagramArbeiten347,11.1980,296 von 42 Bildern
BrainyStartseite137,85540,2527 von 27 Bildern
InstrumentStartseite3.355,63978,450 von 10 Bildern
InstrumentArbeiten3.340,729111,480 von 2 Bildern
CollinsArbeiten134,51241,080 von 52 Bildern
ReadymagStartseite147,7721,10n/a

Über alle 25 Seiten hinweg: 14 lagen unter 500 lesbaren Wörtern, 15 hatten überhaupt keine strukturierten Daten, und 10 hatten bei weniger als der Hälfte ihrer Bilder Alt-Text. Area 17 und Made Thought bildeten das saubere Ende, beide mit 100% Alt-Abdeckung.

Readymags Startseite ist der Extremfall. Sie lieferte 147,7 KB HTML, um sieben lesbare Wörter zu übermitteln, etwa 21 KB pro Wort. Das ist keine Kritik am Design. Es ist eine Beschreibung dessen, was ein nicht-rendernder Crawler erhält.

Teste deine eigene Site in einer Zeile

Führe denselben Test an dir selbst durch. Eine Zeile, keine Tools zu installieren:

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

Wenn das eine Zahl unter 300 zurückgibt, weiß die KI-Ebene der Suche im Grunde nichts über dich.

Die Arbeitsseite ist die leerste Seite, die du hast

Instruments Arbeitsseite mit bildlastigen Case Studies und dünnem Beschriftungstext.
Instruments Arbeitsseite mit bildlastigen Case Studies und dünnem Beschriftungstext.

Live auf instrument.com/work ansehen

Das Muster hielt sich über den gesamten Audit hinweg. Startseiten trugen den meisten Text, und die Arbeits- oder Case-Study-Seiten, die Seiten, die tatsächlich Kompetenz beweisen, trugen den wenigsten. Instruments Arbeitsseite lieferte 291 Wörter gegenüber 397 auf der Startseite. Collins' Arbeitsseite lieferte 124.

Der Grund ist strukturell, nicht nachlässig. Arbeitsseiten sind als Galerien gebaut. Das Argument lebt in den Bildern, dem Layout und der Abfolge, und die Worte werden als Bildunterschriften dazwischen behandelt. Diese Konvention funktionierte über ein Jahrzehnt menschlichen Browsings hervorragend, und genau das haben wir als das Zusammenbrechen in dem Tod der Design-Case-Study beschrieben.

Ein Modell, das gebeten wird, Studios mit starker redaktioneller Identitätsarbeit zu nennen, liest Text. Es schaut nicht auf dein Raster. Wenn dein bestes Projekt als zwölf vollflächige Bilder und vierzig Wörter geliefert wird, hast du es nicht in die Auswahlmenge geschafft.

Die Lösung ist nicht mehr Text um des Textes willen. Es geht darum, die Argumentation, die du bereits hast, auf die Seite zu bringen: das Problem, die Einschränkung, die Entscheidung, das Ergebnis. Wir haben diese Struktur in der Case-Study-Vorlage dargelegt, und dasselbe Denken gilt dafür, wie du ein ganzes Portfolio in dem Anti-Portfolio-Leitfaden aufbaust.

Alt-Text hat aufgehört, eine Accessibility-Pflichtübung zu sein

Pentagrams Arbeitsseite mit Dutzenden von Projektbildern und spärlicher Alt-Text-Abdeckung.
Pentagrams Arbeitsseite mit Dutzenden von Projektbildern und spärlicher Alt-Text-Abdeckung.

Live auf pentagram.com/work ansehen

Zehn von 25 Seiten hatten bei weniger als der Hälfte ihrer Bilder Alt-Text, und auf bildlastigen Arbeitsseiten war das Verhältnis schlechter. Collins lieferte 52 Bilder mit null Alt-Attributen. Pentagrams Arbeitsseite hatte 42 Bilder mit Alt-Text bei sechs, und IDEOs Startseite hatte 35 mit Alt-Text bei zwei.

Für einen Crawler, der nicht rendern kann, ist Alt-Text keine Nettigkeit. Es ist die einzige Beschreibung deiner Bilder, die in der Antwort existiert, und auf einer galerielastigen Arbeitsseite kann es der Großteil des lesbaren Inhalts der URL sein.

Die Accessibility-Arbeit, die du bislang aufgeschoben hast, hat also jetzt einen zweiten, kommerziellen Grund zu passieren. Gleiche Aufgabe, zwei Auszahlungen. Unsere Accessibility-Checkliste behandelt, wie man es richtig macht, statt Keywords in das Attribut zu stopfen.

Strukturierte Daten sind die andere Hälfte. Fünfzehn von 25 Seiten hatten keine. Organization-, Person- und CreativeWork-Schema ist, wie eine Maschine weiß, dass eine Seite ein Studio, ein Designer und ein Projekt ist, statt drei unbeschrifteter Textklumpen.

Vier Korrekturen, in der Reihenfolge, die die Zahl bewegt

Vier Änderungen bewegen die Zahl, und die Reihenfolge ist wichtig:

  • Render den Text serverseitig. Wenn dein Stack Inhalte clientseitig hydratisiert, sind die Wörter für alles außer Google und Apple unsichtbar. Webflows vorkompilierte Ausgabe ist vergleichsweise sicher, eine benutzerdefinierte SPA ohne SSR ist der schlimmste Fall. Framer liefert HTML, stützt sich aber auf React-Hydration, also teste statt anzunehmen. Unsere Aufschlüsselung des Marketing-Site-Stacks behandelt die Kompromisse
  • Schreibe die Arbeitsseiten neu. Bringe jedes Projekt auf über etwa 400 lesbare Wörter echter Argumentation. Das ist die größte Lücke, die der Audit gefunden hat, und die Seiten, die am meisten zählen
  • Füge überall Alt-Text hinzu, der die Arbeit beschreibt statt der Datei. Auf einer Galerieseite kann das deinen lesbaren Text an einem Nachmittag verdoppeln
  • Füge Organization-, Person- und CreativeWork-strukturierte Daten hinzu. Billig, mechanisch, und 60% der von uns gemessenen Seiten haben es ausgelassen

Mache es in dieser Reihenfolge. Es hat keinen Sinn, 800 exzellente Wörter in eine Komponente zu schreiben, die den Crawler nie erreicht.

Für ein kleines Studio, das auf Inbound angewiesen ist, ist das keine optionale Wartung. Es ist der Unterschied zwischen in einer Antwort genannt zu werden und nicht zu existieren, worauf wir im Solo-Studio-Leitfaden näher eingehen.

Voxel-Szene eines aufgeblähten HTML-Blocks, der eine Handvoll sichtbarer Wörter überragt.
Voxel-Szene eines aufgeblähten HTML-Blocks, der eine Handvoll sichtbarer Wörter überragt.

FAQ

Rendern KI-Crawler JavaScript?

Nicht die großen. Vercel und MERJs Studie vom 17. Dezember 2024 fand heraus, dass diese Crawler alle abrufen, ohne auszuführen:

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

Googles Gemini rendert über die Infrastruktur von Googlebot, und AppleBot rendert über einen browserbasierten Crawler.

Wie prüfe ich, ob meine eigene Site sichtbar ist?

Führe einen einzelnen curl-Befehl mit einem KI-Crawler-User-Agent aus, entferne die Tags und zähle die Wörter. Der Einzeiler-Befehl steht im Audit-Abschnitt oben. Vergleiche das Ergebnis mit dem, was ein Besucher sieht.

Ist eine niedrige Wortzahl immer ein Fehler?

Nein. Dieser Audit misst nur die anfängliche HTML-Antwort. Er misst nicht, ob eine Site rankt, konvertiert oder gut gestaltet ist, und ein Studio, das seine gesamte Arbeit über Empfehlungen bekommt, muss sich um Inbound-Suche vielleicht zurecht nicht kümmern.

Ersetzt das normales SEO?

Es liegt darunter. Titel, Links und Seitengeschwindigkeit zählen weiterhin. Aber keines davon hilft, wenn der Inhalt der Seite leer ankommt, und Generative Engine Optimization bedeutet meist nur sicherzustellen, dass deine tatsächliche Substanz im HTML steckt.

Wie viel Traffic steht wirklich auf dem Spiel?

SparkToro setzt US-Zero-Click für Anfang 2026 bei 68,01% an. Ahrefs maß einen 58%igen CTR-Rückgang beim Top-Ergebnis, wenn eine KI-Übersicht erscheint, schlimmer als die 34,5%, die sie im April 2025 gemessen haben. Beides sind Durchschnittswerte über alle Abfragetypen hinweg, deine eigene Exposition hängt also davon ab, wie informationell deine Suchanfragen sind.

Schön und unlesbar sind keine Gegensätze

Pentagram-Startseite kombiniert kräftiges visuelles Design mit tausenden lesbaren Wörtern.
Pentagram-Startseite kombiniert kräftiges visuelles Design mit tausenden lesbaren Wörtern.

Live auf pentagram.com ansehen

Nichts hier spricht für hässlichere Sites. Pentagrams Startseite lieferte 3.288 lesbare Wörter und sieht immer noch aus wie Pentagram, und Webflow lieferte 3.466. Area 17 und Made Thought erreichten volle Alt-Abdeckung ohne sichtbare Kompromisse. Der Kompromiss, den die Leute annehmen, existiert größtenteils nicht, dasselbe, was wir zu den Webdesign-Prinzipien gesagt haben.

Was passiert ist, ist, dass eine Konvention, bildlastig, textminimal, JavaScript-lastig, für ein Jahrzehnt menschlichen Browsings richtig war und still zur Belastung wurde, als sich das Publikum änderte. Die Studios in dieser Tabelle sind nicht schlecht in ihrem Job. Mehrere von ihnen gehören zu den besten der Branche. Die Konvention hat sie im Stich gelassen.

Führe den curl-Befehl aus. Er dauert vier Sekunden, und die Zahl, die er zurückgibt, ist die ehrliche.

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

Get Started

More from Brainy Papers

Keep reading