KI-Vorschau
Eine komplette Seite. In Minuten. In deinem Design.
Die KI liest deine alte Webseite, übernimmt Inhalte, Farben, Logo und Schriften und baut daraus eine vollständige neue Seite – mit strukturierten Daten und llms.txt. Du siehst sie am Desktop und am Handy, bevor du irgendetwas zahlst.
Ablauf
Von der Adresse zur fertigen Vorschau.
Gemessen im Livebetrieb: Scan ca. 2–4 Sekunden, fertige Vorschau ca. 3–4 Minuten nach dem Start.
- 0 sAdresse eingeben
„https://“ wird beim Tippen entfernt, ein Direktlink mit Adresse startet sofort den Scan.
- 2–4 sScan
15 Checks, Name, Logo, Farben, Schriften.
- ab 35 sBau startet
Damit deine ersten Antworten (Branche, Leistungen, Ort, Ziel, Stärken) noch einfließen.
- parallelKurze Fragen
Einzeln, meist per Klick – mit Fortschritt und kurzen Fakten dazwischen.
- ca. 3–4 Min.Vorschau fertig
Desktop- und Handy-Ansicht, Link zusätzlich per E-Mail.
- danachEntscheiden
Paket wählen oder nichts tun – die Vorschau kostet nichts.
Eckdaten
Was die KI liest und erzeugt.
Lesen
- Seiten
- Startseite + bis zu 2 Unterseiten (Leistungen, Über uns, Team, Kontakt)
- Größe je Seite
- bis 1,5 MB
- Text an die KI
- bis 14.000 Zeichen
- Bilder
- bis 12 (hochgeladene zuerst, dann von der alten Seite)
- Zeitlimit Abruf
- 6 s Verbindung, 12 s gesamt
- Weiterleitungen
- bis zu 3, jede einzeln geprüft
Design übernehmen
- Farben
- Eingebettetes CSS, Inline-Styles, bis zu 4 eigene Stylesheets
- Markenfarben
- CSS-Variablen (primary, brand, accent …) und theme-color zählen mehr
- Logo
- Farben aus dem Logo
- Schriften
- aus font-family und Google-Fonts-Links
- Farbregel
- 60/30/10, Kontrast nach WCAG AA
- Schriften
- höchstens zwei Familien
Erzeugen
- Ausgabe
- Vollständiges HTML-Dokument + llms.txt
- Modell
- Claude von Anthropic
- Antwortlänge
- bis 32.000 Token
- Layout
- Mobil zuerst, sauber von 360 bis 1440 px
- Kein JavaScript
- einzige Ausnahme: JSON-LD
Design-Übernahme
Blaue Marke bleibt blau.
Die Vorschau soll auf den ersten Blick deine Seite sein. Deshalb werden die Markenfarben deiner alten Seite und deines Logos ausgelesen und behalten – nur modernisiert. Sind deine Schriften als Google Font verfügbar und gut lesbar, bleiben sie ebenfalls.
- 60 % ruhige Grundfläche, 30 % Markenfarbe, 10 % Akzent
- Farben als CSS-Variablen
- Kein Logo? Dein Name als Wortmarke
- Keine eindeutigen Farben? Eine zur Branche passende, seriöse Farbwelt
Aufbau
Ein Hero, der zur Anfrage führt.
Der oberste Bildschirm entscheidet. Die Vorschau setzt dort genau diese Elemente: Headline mit Nutzen und Ort, eine Subheadline, einen klaren Haupt-Button, ein passendes Bild – und direkt den Kontakt.
- Anfrage-Karte mit 3–4 Feldern oder große Anruf-/WhatsApp-Buttons – je nach Kontaktweg
- Vertrauensleiste nur mit belegten Fakten
- Danach: Leistungen, Vorteile, Ablauf, Über uns, Einzugsgebiet, FAQ, Kontakt
- Texte ergebnisorientiert: was der Kunde davon hat
Leitplanken
Was die KI nie auf deine Seite schreibt.
Der Betrieb haftet für jede Aussage. Deshalb sind diese Regeln fest in den Auftrag an die KI eingebaut.
Keine Sterne, Zitate oder Testimonials, die es nicht gibt.
Keine Kunden-, Projekt- oder Jahreszahlen ohne Material.
Keine Zertifikate, Auszeichnungen oder Preise ohne Beleg.
Kein „bester“, kein „Nr. 1“, keine Heil- oder Wirkversprechen.
Nur Bilder deiner alten Seite oder deine Uploads – sonst ein gestalteter Platzhalter.
Unbekannte Angaben werden weggelassen oder neutral formuliert.
Sicherheit
Abgeschottet ausgeliefert.
Das erzeugte HTML wird zweifach abgesichert: Erst werden Skripte, Event-Attribute, iframes, javascript:-Links und Weiterleitungen entfernt (JSON-LD bleibt). Dann wird die Vorschau mit einer strengen Content-Security-Policy im Sandbox-Rahmen ausgeliefert.
- Kein JavaScript in der Vorschau
- Nicht in Suchmaschinen (noindex)
- Nur über einen geheimen Link erreichbar
- Inhalte der alten Seite gelten nur als Material, nie als Anweisung an die KI
// vorschau/seite.php – so wird jede Vorschau ausgeliefert
header('X-Robots-Tag: noindex, nofollow');
header('Cache-Control: private, no-store');
header('Referrer-Policy: no-referrer');
header("Content-Security-Policy: sandbox; default-src 'none'; "
. "img-src 'self' https: data:; "
. "style-src 'unsafe-inline' https://fonts.googleapis.com https://fonts.bunny.net; "
. "font-src https://fonts.gstatic.com https://fonts.bunny.net data:; "
. "frame-ancestors 'self'");
// zusätzlich im Dokument selbst:
// <meta http-equiv="Content-Security-Policy"
// content="script-src 'none'; object-src 'none'; base-uri 'none'; form-action 'none'">Zuverlässigkeit
Wenn etwas hakt.
Warteschlange
- Abarbeitung
- Hintergrund-Prozess, jede Minute
- Reihenfolge
- nacheinander, nie zwei gleichzeitig
- Max. Laufzeit je Vorschau
- 12 Minuten
Störungen
- Technische Störung
- Automatische Wiederholung nach 3, 10, 30, 60, 120, 240 und 480 Minuten
- Was du siehst
- „Braucht etwas länger“ – der Link kommt per E-Mail
- Inhaltliche Fehler
- Nach 2 Fehlversuchen wird die Seite von Hand gebaut, Link innerhalb von 48 Stunden
Begrenzung
- Vorschauen je Internetanschluss
- 3 pro Tag
- Gesamt pro Tag
- begrenzt (einstellbar)
- Scan-Token
- 30 Minuten gültig
FAQ
Fragen zur Vorschau
Steht in der Vorschau irgendwo „KI“ oder „Vorschau“?
Nein. Die Seite enthält keine Hinweise auf KI oder Vorschau – sie soll wie das fertige Ergebnis wirken.
Kann ich eigene Bilder und mein Logo hochladen?
Ja. Hochgeladene Bilder werden zuerst verwendet; eine Datei mit „logo“ im Namen gilt als Logo.
Kommen meine Handynummer und E-Mail auf die Seite?
Nein. Kontaktdaten aus dem Funnel sind nur für Rückfragen. Auf die Seite kommt nur, was deine alte Seite zeigt oder du dafür angibst.
Wie viele Seiten hat die Vorschau?
Die Vorschau ist ein One-Pager mit allen Bereichen. Unterseiten entstehen im Paket Business oder Premium.
Funktioniert das Formular in der Vorschau?
Noch nicht – das Formular wird nach der Bestellung angebunden.
Was passiert nach der Bestellung?
Ein Experte meldet sich, nimmt deine finalen Änderungen auf (Änderungsrunden je Paket) und bringt die Seite auf deine Domain.