Website mit Claude erstellen – Schritt für Schritt
Du brauchst keine Programmierkenntnisse: Du beschreibst Claude deine Website, Claude baut sie, und sie landet auf deinem Tarif AI Launch. Mit dem folgenden Prompt entsteht eine schnelle, gut auffindbare Website aus echtem HTML – die beste Grundlage für Google.
Der Weg in 3 Schritten (empfohlen)
- Einmalig verbinden: Verbinde Claude mit deinem turbopress-Konto – die Anleitung steht in KI-Zugriff (dauert etwa zwei Minuten).
- Prompt einfügen: Öffne einen neuen, normalen Chat auf claude.ai (nicht in Claude Design – das exportiert immer ein gepacktes Format), kopiere den Prompt unten hinein und ersetze die Angaben in eckigen Klammern. Den Prompt findest du auch im Kundenbereich unter „Website veröffentlichen“ zum Kopieren.
- Vorschau prüfen und zustimmen: Claude baut die Website, lädt sie hoch und zeigt dir einen Vorschau-Link. Passt alles, sag „Ja, veröffentlichen“ – fertig.
Der Prompt zum Kopieren
Erstelle mir eine Website für [Firmenname / Thema] als fertiges, statisches HTML – ohne React, ohne Build-Schritt. Inhalt: [Worum geht es? Was bietest du an? Wer ist die Zielgruppe? Welche Farben/Stimmung?] Technische Vorgaben: - Startseite index.html, dazu impressum.html und datenschutz.html; alle im Footer jeder Seite verlinkt - Jede Seite mit eigenem, aussagekräftigem <title> und <meta name="description"> - Gestaltung mit Tailwind über das CDN oder mit einer style.css, responsive für Handy und Desktop - Bilder von Unsplash oder als eigene Dateien mit relativen Pfaden - Kontaktformular mit action="/_tp/form.php" method="post", jedes Feld mit name-Attribut - Sprache: Deutsch Veröffentliche die Website danach über turbopress auf [deinedomain.de]: zeig mir zuerst die Vorschau und veröffentliche erst, wenn ich zustimme. Richte das Kontaktformular für [[email protected]] ein.
Für Impressum und Datenschutzerklärung fragt Claude nach deinen Angaben oder setzt Platzhalter ein – ergänze sie vor dem Veröffentlichen (ein Generator für die Datenschutzerklärung hilft).
Ohne Verbindung: als Datei herunterladen
Möchtest du Claude nicht mit deinem Konto verbinden, geht es auch so:
- Lass im Prompt oben den letzten Absatz („Veröffentliche …“) weg und schreib stattdessen: „Gib mir alles als eine einzige HTML-Datei; Impressum und Datenschutz als eigene Abschnitte auf der Seite, im Footer verlinkt.“
- Claude zeigt die Website rechts als Vorschau an. Lade sie über „Herunterladen“ als .html-Datei herunter.
- Lade die Datei im Kundenbereich unter „Website veröffentlichen“ hoch, sieh dir die Vorschau an und veröffentliche.
Und Claude Design?
Claude Design eignet sich gut zum Gestalten. Für die Veröffentlichung wählst du dort „Export HTML“ → „Standalone HTML“ und lädst die Datei hoch. Claude Design exportiert immer ein gepacktes Format – auch wenn du dort unseren Prompt verwendest: Die Seiten sind größer und werden erst im Browser aufgebaut. Für eine schnelle, gut auffindbare Website nimm den Weg oben im normalen Claude-Chat. Tipp: Gib Claude den Link oder Screenshots deines Claude-Design-Entwurfs und bitte um „dasselbe Design als statisches HTML“.
Später etwas ändern
Sag Claude einfach, was anders werden soll – z. B. „Ändere die Öffnungszeiten auf Mo–Fr 8–18 Uhr und veröffentliche neu“. Jede Veröffentlichung ist eine neue Version; frühere Versionen stellst du im Kundenbereich unter „Versionen“ wieder her.
Mehr zum Hochladen, zur automatischen Prüfung und zum Kontaktformular: AI Launch: Deine KI-Website veröffentlichen.