Zum Inhalt springen
Werkzeug für AI Websites

Sieht deine Website KI-generiert aus?

Acht Merkmale verraten eine Seite, die aus der Voreinstellung gebaut wurde. Gib deine Adresse ein und sieh in zehn Sekunden, welche davon in deinem Quelltext stecken.

Eine Prüfung pro Tag und Gerät, ohne Anmeldung. Wir lesen den öffentlich abrufbaren Quelltext deiner Startseite. Die Adresse wird nicht gespeichert.

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.

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. 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.
  7. 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.
  8. 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

Die Kriterien kommen aus dem Katalog, mit dem wir jedes eigene Template freigeben. Acht davon 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

Und noch etwas sieht er nicht: ob dein Text die Fragen beantwortet, die ein Interessent stellt. Das ist eine andere Frage, und dafür gibt es den AEO-Check. Wer wissen will, welche unsichtbaren Zeichen in einem Textentwurf stecken, nimmt den 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 auf diesem Marktplatz geht vor der Veröffentlichung durch einen Katalog mit 25 Kriterien und 35 Prüffragen. Vier Skripte messen automatisch, was messbar ist: Aufbau des Pakets, Bilder und Kontraste, Sprache, Bedienung im Browser. Was übrig bleibt, sehen wir uns bei 390, 768 und 1440 Pixeln von Hand an.

Acht dieser Prüffragen lassen sich allein am Quelltext beantworten. Genau die stecken in diesem Werkzeug. Es ist derselbe Maßstab, nur der Teil davon, der ohne Browser auskommt.

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

Dein nächster Schritt

Dein Template wartet auf dich.

Website, Guideline und sieben Skills liegen fertig in einer ZIP-Datei. Such dir dein Template aus und starte noch heute, für dich oder deine Kunden.

Jetzt Template sichern

Oder wir bauen sie dir: zum AI Website Service

Einmalige Zahlung Für immer deins Startklar in Stunden