Eine Website, die KI lesen kann: was das für Design und Bau bedeutet

Eine Seite, die im Browser voll aussieht, kann bei der Maschine leer ankommen. Das ist kein Fehler im Code und keiner im Design. Es folgt aus Entscheidungen, die am Anfang des Entwurfs fallen und die niemand in böser Absicht trifft.

Was wir darüber wissen

Vercel hat mit der Agentur MERJ im Dezember 2024 Messungen aus dem eigenen Netz veröffentlicht: in einem Monat zählten sie 569 Millionen Anfragen des GPTBot und 370 Millionen des Crawlers von Anthropic. Keiner der großen KI-Crawler führte dabei JavaScript aus. Die Skripte luden sie herunter, aber herunterladen und ausführen ist nicht dasselbe.

Die Ausnahme ist der Googlebot, der einen Rendering-Dienst hat und auch Gemini speist. Die übrigen nicht. Das sind Daten aus einem Netz, kein Gesetz, und das Verhalten der Crawler kann sich ohne Ankündigung ändern. Als Entscheidungsgrundlage genügt es: was nicht im HTML vom Server steht, existiert für die meisten Maschinen nicht.

Vier Entscheidungen, die eine Seite leeren

• Text im Bild. Eine in der Grafik gesetzte Überschrift hält die genaue Typografie und sieht besser aus. Die Maschine sieht daran nur eine Datei.
• Inhalt in Tabs und Aufklappern, der erst nach einem Klick nachgeladen wird. Parameter, Zusammensetzung, Versand. Im Browser mustergültige Ordnung, im HTML vom Server nichts.
• Text, der erst beim Scrollen erscheint. Die Animation ist ein Effekt, keine Technik, aber meist ist sie so gebaut, dass erst ein Skript den Absatz in die Seite setzt.
• Eine Seite auf Video gebaut, in der die ganze Botschaft im Video läuft. Darunter bleiben eine Überschrift aus zwei Wörtern und ein Button.

Keine dieser vier Sachen ist für sich schlechtes Design. Drei davon haben wir selbst entworfen und wir stehen dazu. Der Unterschied liegt darin, ob dieselbe Botschaft auch in Text existiert, der vom Server kommt.

Eine gute Website sieht für einen Menschen richtig aus und ergibt für eine Maschine Sinn. Das sind keine Gegensätze, es wird nur in anderer Reihenfolge daran gedacht.

Das heißt nicht, langweilige Websites zu bauen

Die häufigste Reaktion ist, damit werde die Website auf nackten Text gestutzt. So ist es nicht. Animation, Video und grafische Typografie dürfen bleiben. Es geht darum, darunter eine Schicht zu haben, die dieselbe Botschaft als einfachen Text trägt: Überschrift, erster Absatz, beim Produkt Preis und Verfügbarkeit.

Praktisch bedeutet das eine zusätzliche Frage im Entwurf. Überall, wo ein Bild, ein Video oder Bewegung die Botschaft trägt, fragen wir, wo dasselbe in Worten steht. Gibt es keine Antwort, wird entweder der Text ergänzt oder bewusst entschieden, dass diese Seite nicht zählt.

Wie Sie es in einer Minute prüfen

Öffnen Sie auf Ihrer Seite den Quelltext mit Strg+U und suchen Sie darin einen Satz aus Ihrem eigenen Inhalt. Steht er nicht da, sieht ihn die Maschine auch nicht. Schneller geht die Prüfung, was die KI von einer Website sieht: Sie geben eine Adresse ein und sehen, wie viele Wörter der Seite ohne ausgeführte Skripte übrig bleiben und wie viel davon Menü und Fußzeile sind.

Ausführlicher behandelt das der Artikel warum eine Seite voller Text für die KI leer sein kann, samt Quellen zu dieser Messung.

Was daraus für das Briefing folgt

Wenn Sie eine neue Website beauftragen, ist es ein Satz im Briefing: der Inhalt, auf den es uns ankommt, muss im HTML vom Server stehen. Das klingt technisch, entschieden wird es aber im Entwurf, nicht beim Programmieren. Ein Layout, das auf schrittweisem Enthüllen des Inhalts beruht, wird dann entweder anders gebaut oder bekommt eine Textschicht dazu.

Bei den Websites, die wir bauen, ist das der Normalfall. Die technische Seite verantwortet der Entwicklungsteil unserer Gruppe, wir kümmern uns um das Frühere: ob die Seite ihre Botschaft überhaupt in Worten trägt oder nur in Bildern.

Eine schöne Seite, die eine Maschine als leer liest, ist keine gut gemachte Arbeit. Es ist Arbeit, bei der eine Frage nicht gestellt wurde.