Sieht deine Website KI-generiert aus?
Acht Merkmale verraten eine Website aus der Voreinstellung. In zehn Sekunden weißt du, welche davon in deinem Quelltext stecken.
Kostenlos · ohne Anmeldung
Eine Prüfung pro Tag und Gerät. Wir lesen den öffentlichen Quelltext deiner Startseite und speichern die Adresse nicht.
Seite wird geladen und geprüft …
Die acht Merkmale, einzeln
Jedes ist im Quelltext messbar, jedes hat einen Grund, und für jedes gibt es etwas, das an seiner Stelle besser trägt.
-
Farben aus der Standardpalette
- Woran man es erkennt
- Werte wie #8b5cf6, #a855f7 oder #6366f1 stehen unverändert in Tailwind und Bootstrap. Der Check sucht sechzehn davon im Quelltext und in den Stylesheets.
- Warum es auffällt
- Wer sie benutzt, hat nicht gemischt, sondern die Voreinstellung stehen lassen. Zwei Seiten mit derselben Voreinstellung wirken wie zwei Ausgaben desselben Produkts, obwohl sie nichts miteinander zu tun haben.
- Was stattdessen trägt
- Eine Farbe selbst mischen, und nur eine. Ein Ton, der zur Branche gehört, trägt eine ganze Seite. Alles daneben darf Grau in fünf Abstufungen sein.
-
Verlaufsschrift
- Woran man es erkennt
- background-clip: text auf einer Überschrift. Das Wort läuft von Blau nach Violett.
- Warum es auffällt
- Das ist das sichtbarste Erkennungszeichen einer generierten Landingpage. Dazu kommt ein handfestes Problem: Auf einem Verlauf lässt sich der Kontrast nicht mehr sauber messen, und in kleinen Größen wird der Text schlecht lesbar.
- Was stattdessen trägt
- Ein einzelnes Wort kursiv setzen. Der Akzent bleibt in jeder Größe, auf jedem Bildschirm und im Schwarzweißdruck.
-
Zu viele Farbverläufe
- Woran man es erkennt
- Der Check zählt linear-gradient, radial-gradient und conic-gradient und rechnet Masken und Muster heraus. Ab dreizehn dekorativen Verläufen schlägt er an.
- Warum es auffällt
- Ein Verlauf setzt einen Akzent, zwanzig setzen keinen mehr. Verkleinere die Seite auf Daumennagelgröße: Wenn jeder Abschnitt seinen eigenen Verlauf hat, sehen alle Abschnitte gleich aus.
- Was stattdessen trägt
- Flächen, die sich unterscheiden, weil ihr Inhalt sich unterscheidet. Ein Verlauf pro Seite ist ein Akzent, zwölf sind eine Tapete.
-
Der farbige Balken links an der Karte
- Woran man es erkennt
- border-left mit zwei bis neun Pixeln in einer Farbe, meist an einer leicht getönten Kachel.
- Warum es auffällt
- Er steht in jedem Baukasten. Am Blockzitat ist der Balken klassische Typografie und bedeutet etwas. An einer Karte ist er Dekoration, die so tut, als bedeute sie etwas.
- Was stattdessen trägt
- Die Karte durch ihren Inhalt unterscheiden. Wenn drei Karten gleich wichtig sind, brauchen sie keine drei Farben.
-
Nur eine Standardschrift
- Woran man es erkennt
- Der Check liest jede font-family im Quelltext. Er schlägt an, wenn genau eine Familie übrig bleibt und diese Inter, Roboto, Open Sans, Poppins, Montserrat, Lato oder Nunito heißt.
- Warum es auffällt
- Nicht die Schrift ist das Problem, die Voreinstellung ist es. Diese sieben stehen an der Spitze jeder Auswahlliste. Wer eine davon als einzige benutzt, hat die Frage nach der Schrift nie gestellt.
- Was stattdessen trägt
- Entweder zwei Familien, sauber getrennt in Überschrift und Fließtext, oder eine einzige, die bewusst gewählt ist. Diese Seite läuft auf einer einzigen Familie und schlägt trotzdem nicht an, weil diese in keiner Voreinstellung steht.
-
Weiche Leuchtflecken
- Woran man es erkennt
- blur() mit zwei- oder dreistelligen Pixelwerten. Ab vier solchen Flächen schlägt der Check an.
- Warum es auffällt
- Der farbige Fleck mit sechzig Pixel Unschärfe hinter dem Inhalt trägt nichts bei. Er leuchtet, und er macht Abschnitte austauschbar, weil er überall gleich aussieht.
- Was stattdessen trägt
- Abstand. Eine ruhige Fläche mit genug Luft wirkt teurer als jeder Lichtkegel und kostet nichts an Ladezeit.
-
Gedankenstriche im Text
- Woran man es erkennt
- Halbgeviert- oder Geviertstrich zwischen zwei Leerzeichen im sichtbaren Text. Bis-Striche zwischen Ziffern und Bindestriche im Wort zählen nicht mit.
- Warum es auffällt
- Der Strich zwischen Leerzeichen ist die Lieblingsinterpunktion von Sprachmodellen. Ein Text mit vierzig davon liest sich diktiert, nicht geschrieben.
- Was stattdessen trägt
- Punkt, Komma oder Doppelpunkt. Sie leisten dasselbe, ohne dass es auffällt. Auf dieser Seite steht kein einziger Gedankenstrich.
-
Floskeln
- Woran man es erkennt
- Fünfzehn Wörter und Wendungen auf Deutsch und Englisch: nahtlos, ganzheitlich, maßgeschneidert, innovativ, Mehrwert, auf Augenhöhe, aus einer Hand, Synergien, seamless, cutting-edge, game-changing und ein paar Verwandte.
- Warum es auffällt
- Wörter, die in jedem zweiten Text stehen und in keinem etwas bedeuten. Sie füllen eine Zeile, ohne dem Leser etwas über dich zu sagen.
- Was stattdessen trägt
- Ein Satz mit einer Zahl, einem Namen oder einem Fall darin. Alles, was genauso über den Wettbewerber stimmt, kann weg.
Was der Check sieht und was nicht
Acht der Kriterien lassen sich am Quelltext messen. Der Rest braucht einen Browser, der die Seite wirklich anzeigt.
Wird geprüft
- Farben aus der Standardpalette
- Verlaufsschrift
- Menge der Farbverläufe
- Farbiger Balken links an Karten
- Nur eine Standardschrift
- Weiche Leuchtflecken
- Gedankenstriche im Text
- Floskeln
Braucht einen Browser
- Kontrast von Schrift zu Fläche
- Waagerechtes Scrollen auf dem Handy
- Sichtbarer Fokus für die Tastatur
- Verhalten bei reduzierter Bewegung
- Ladezeit und Bildgrößen
Ob dein Text die Fragen beantwortet, die ein Interessent stellt, prüft der AEO-Check. Unsichtbare Zeichen in einem Textentwurf findet der Zeichenprüfer.
Voreinstellung oder Entscheidung
Kein Merkmal ist für sich genommen ein Fehler. Der Unterschied liegt darin, ob jemand es gewählt hat oder ob es einfach stehen geblieben ist.
| Stehen geblieben | Entschieden |
|---|---|
| Violett #8b5cf6, weil es oben in der Liste stand | Ein Ton, der zur Branche gehört, einmal gemischt und überall benutzt |
| Die Überschrift läuft im Farbverlauf | Ein kursives Wort trägt den Akzent |
| Jede Karte bekommt einen farbigen Balken | Karten unterscheiden sich durch ihren Inhalt |
| Inter für Überschrift, Text und Knopf | Eine Schrift, die zur Stimme der Marke gehört |
| Leuchtflecken hinter jedem Abschnitt | Abstand und eine ruhige Fläche |
| „Ganzheitliche Lösungen auf Augenhöhe“ | „Vier Wochen von der Anfrage bis live“ |
Woher die Kriterien kommen
Jedes Template hier geht vor der Veröffentlichung durch einen Katalog mit 25 Kriterien und 35 Prüffragen. Vier Skripte messen, was messbar ist. Den Rest sehen wir uns von Hand bei 390, 768 und 1440 Pixeln an.
Dieses Werkzeug nimmt aus demselben Katalog die Fragen, die im Quelltext messbar sind.
Warum wir das so machen Die Design-Kapitel der Dokumentation Alle Templates ansehen
Was du mit dem Ergebnis machst
Drei Wege, je nachdem wie viel du selbst anfassen willst.
Nachschlagen
Woran man eine Seite aus der Voreinstellung erkennt
Eine KI baut Websites aus dem, was sie am häufigsten gesehen hat. Das Ergebnis ist selten falsch und fast immer dasselbe. Diese Merkmale stehen als Werte im Quelltext und lassen sich deshalb zählen.
Der violette Verlauf ist die Voreinstellung
Ein Farbverlauf zwischen Violett und Indigo ist der Standardwert vieler Generatoren und Baukästen. Er ist nicht hässlich, er ist nur ein Erkennungszeichen. Wir melden ihn nur dann, wenn der Farbton nicht aus einer bekannten Palette stammt, denn Tailwind und Bootstrap führen dieselben Werte aus anderem Grund.
Drei Karten nebeneinander, immer mit Symbol
Die Dreierkarte mit Icon, Überschrift und zwei Zeilen Text ist der häufigste Baustein überhaupt. Sie ist brauchbar, aber sie erzählt nichts, was nicht auch in einer Liste stünde. Wo sie dreimal auf derselben Seite auftaucht, hat niemand über die Anordnung nachgedacht.
Der farbige Linksrand an einer Fläche
Ein Kasten mit einem farbigen Strich links ist die Baukasten-Fassung von Betonung. Bei einem Zitat ist er richtig, dafür gibt es ihn seit dem Buchdruck. An einer Karte, einem Hinweis oder einem Preis ist er eine Verzierung ohne Aussage.
Schatten, die es in der Wirklichkeit nicht gibt
Ein Schatten sagt, wie hoch etwas über der Fläche liegt. Wenn jede Karte denselben weichen Schatten trägt, liegt alles gleich hoch, und die Angabe ist verschenkt. Wir zählen, wie viele verschiedene Schattenstufen eine Seite benutzt, denn eine einzige Stufe für alles ist das Muster.
Das Wort-Laufband
Ein Laufband mit Wörtern zwingt zum Lesen im falschen Takt und ist auf dem Telefon kaum zu greifen. Als Logoleiste ist ein Laufband in Ordnung, dort sind Logos Bilder und der Blick springt ohnehin. Mit Wörtern ist es eine Bewegung ohne Zweck.
Hochzählende Zahlen
Eine Zahl, die beim Scrollen hochzählt, ist eine Behauptung mit Animation. Sie steht meistens ohne Quelle da, und wer sie prüfen will, findet nichts. Eine belegte Zahl mit einer Jahresangabe daneben wirkt stärker als jede Bewegung.
Jede Sektion gleich hoch, jede Überschrift gleich groß
Ein gleichmäßiger Rhythmus über die ganze Seite heißt, dass alle Abschnitte gleich wichtig sind. Das stimmt nie. Wo etwas wichtiger ist, darf es mehr Platz und mehr Größe bekommen, und der Rest wird dadurch ruhiger.
Was der Check nicht sieht
Wir lesen den Quelltext, nicht das gerenderte Bild. Kontrast, Überlauf, Tastaturfokus und die tatsächliche Anordnung auf dem Telefon brauchen einen echten Browser. Was hier steht, sind die Merkmale, die als Wert im Code stehen, und wir behaupten nichts darüber hinaus.
Ein hoher Wert ist kein gutes Design
Die Punktzahl sagt, wie eigenständig die Bausteine sind, nicht ob die Seite verkauft. Eine völlig eigene Seite kann trotzdem am Kunden vorbeireden. Nimm das Ergebnis als Liste von Stellen, an denen jemand eine Voreinstellung stehen gelassen hat.
Häufige Fragen zum Check
Acht Merkmale, an denen sich Baukasten-Design im Quelltext erkennen lässt: Farben aus der Standardpalette von Tailwind oder Bootstrap, Verlaufsschrift, die Menge der Farbverläufe, farbige Balken links an Karten, eine einzige Standardschrift, weiche Leuchtflecken, Gedankenstriche im Text und Floskeln. Jedes einzelne davon ist oben ausführlich beschrieben.
Alles, wofür man die Seite wirklich anzeigen muss: Kontrast, waagerechtes Scrollen auf dem Handy, Tastaturbedienung und Ladezeit. Dafür braucht es einen echten Browser. Der Check liest den Quelltext und behauptet nichts darüber hinaus.
Aus dem Katalog, mit dem wir jedes eigene Template vor der Veröffentlichung prüfen. Er hat 25 Kriterien und 35 Prüffragen, acht davon lassen sich am Quelltext messen und stecken in diesem Werkzeug.
Zehn Punkte heißt, dass keines der acht Merkmale angeschlagen hat. Jedes auffällige Merkmal kostet Punkte. Die Zahl ist kein Qualitätsurteil über deine Website, sondern eine Antwort auf genau eine Frage: Wie viel davon sieht nach Voreinstellung aus.
Nein. Die Adresse wird für die Prüfung benutzt und danach nicht gespeichert. Gezählt wird nur, wie oft der Check am Tag läuft, damit er nicht überlastet wird.
Nicht unbedingt. Manche Merkmale sind bewusste Entscheidungen: Ein handgemischtes Violett ist eine Marke, das Violett aus der Voreinstellung ist eine unterlassene Entscheidung. Der Check sagt dir, wo du hinsehen solltest, nicht was du tun musst.
Ja. Er liest den öffentlich abrufbaren Quelltext deiner Startseite, unabhängig davon, womit sie gebaut wurde. Bei Seiten, die ihren Inhalt erst im Browser nachladen, sieht er weniger, weil dann weniger im Quelltext steht.
Drei Wege stehen offen: selbst nachbessern anhand der Design-Kapitel der Dokumentation, ein Template nehmen, das gegen genau diesen Katalog freigegeben wurde, oder es mit dem AI Website Service machen lassen.
Weiterlesen
- Website-DNA in zwölf Fragen Ein zweites Werkzeug für AI Websites. Es sagt dir, welches Template zu deiner Marke passt.
- Der Marktplatz 95 Templates in fünfzehn Kategorien, jedes mit Vorschau und Bildschirmfotos.
- Die Dokumentation Elf Kapitel vom Auspacken bis zum Livegang. Auch ohne Kauf frei lesbar.
- Für wen das gemacht ist Selbst bauen oder bauen lassen, und woran du merkst, was zu dir passt.
- Warum es uns gibt Was uns an Durchschnittsdesign stört und was wir stattdessen bauen.
Weitere kostenlose Werkzeuge
Jedes beantwortet eine Frage zu deiner Website, in unter einer Minute, ohne Konto.
Dein nächstes Webprojekt
Baue auf einer guten Grundlage
Website, Designregeln und sieben Skills im Paket. Entdecke die Templates für dein nächstes Projekt.
- Vollständiger Seitenaufbau
- Sieben Skills inklusive
- Deutsch und Englisch
Das alles ist in einem Template schon erledigt
95 fertige Branchen-Websites, jede mit eingebautem Wissen und sieben Skills. Struktur, Texte, strukturierte Daten und llms.txt sind gesetzt, bevor du das erste Mal etwas änderst.
- Komplette Website mit allen Unterseiten, fertig geschrieben
- Sieben Skills als Anleitung für dein KI-Werkzeug
- Der komplette Code als ZIP, für immer deins
Einmalzahlung, alles drin. Wir zeigen das hier höchstens einmal.