Website mit ChatGPT erstellen und auf die eigene Domain bringen

Vor einem Jahr lautete die ehrliche Antwort auf „Kann ChatGPT mir eine Homepage bauen?“: „Es schreibt dir den Code, danach bist du auf dich gestellt.“ Im Oktober 2026 zeigt ChatGPT Seiten als Vorschau im Chat, hostet Websites auf einer eigenen Plattform und arbeitet sich wie ein Entwickler durch einen Projektordner. Diese Wege führen aber nicht alle ans selbe Ziel.

Diese Anleitung sortiert sie: was dir jeder Weg bringt, welchen Tarif er braucht, die Schritte vom ersten Prompt bis zur eigenen Domain und was einer ChatGPT-Website meistens noch fehlt, wenn sie fertig aussieht.

Das Wichtigste in Kürze

• Für eine One-Page-Website reicht der Chat. Lass dir eine einzige, eigenständige index.html schreiben und sieh sie dir im Gespräch an.
• Codex ist das richtige Werkzeug für eine Website mit mehreren Seiten. Es schreibt echte Dateien in einen Ordner, und die behältst du.
• ChatGPT Sites hostet und veröffentlicht für dich, ist von OpenAI aber vor allem für Dashboards, Portale und Prototypen gedacht. Prüf vorher, ob es zu deiner Firmenseite passt.
• Egal welcher Weg: Dieselben Lücken bleiben. Formulare, SEO-Grundlagen, Impressum, Einwilligung und Bildrechte.
• Plan die erste Änderung nach dem Start, bevor du startest. Genau da bleiben die meisten selbstgebauten Seiten hängen.

Was ChatGPT heute wirklich kann

Die ChatGPT-App hat inzwischen drei Bereiche: Chat fürs Gespräch, Work (ein Agent für längere Aufgaben, der fertige Dokumente, Präsentationen oder Sites liefert) und Codex für Softwarearbeit. Alle drei können eine Website erzeugen, nur in sehr unterschiedlicher Form.

• Codeblöcke im Chat. Seit Februar 2026 sind sie interaktiv: Du bearbeitest Code direkt im Block und siehst kleine Apps sofort als Vorschau im Chat. Dort entsteht heute eine einzelne Seite.
• Canvas gibt es in den aktuellen Modellen nicht mehr. Im Mai 2026 hat OpenAI Canvas aus den GPT-5.5-Modellen entfernt und seine Aufgaben in Schreib- und Codeblöcke verlagert. Wenn ein älteres Tutorial sagt „öffne Canvas und klick auf Vorschau“, findest du den Knopf deshalb nicht mehr.
• Sites. Seit Juli 2026 in der öffentlichen Beta. Du beschreibst eine Website in Work oder Codex, prüfst eine private Vorschau und veröffentlichst sie unter einer Adresse, die ChatGPT hostet. Eine Datenbank, Dateispeicher und „Mit ChatGPT anmelden“ sind möglich.
• Codex. OpenAIs Coding-Agent, in der Desktop-App, als Codex CLI im Terminal, in Editoren und als Codex Cloud. Er arbeitet mit echten Dateien und führt Befehle aus, genau das braucht eine Website mit mehreren Seiten.
• Custom GPTs laufen aus. OpenAI will sie am 11. Dezember 2026 abschalten und in Plugins überführen. Bau deinen Ablauf jetzt nicht mehr um ein GPT herum.

OpenAI tauscht die Modelle dahinter alle paar Monate aus. Für eine Website ist der Weg, den du wählst, viel wichtiger als das Modell.

Welchen Tarif du brauchst

• Free und Go: Chat mit Codeblöcken und eingeschränktes Codex. Kein Sites, kein Codex Cloud.
• Plus (20 US-Dollar im Monat, den Euro-Preis zeigt dir ChatGPT beim Abschluss): Sites, Codex Cloud, Work im Web und mobil und mehr Codex-Nutzung. Eine Site zu bauen oder zu ändern, zählt zu deinem Codex-Kontingent.
• Pro (ab 100 US-Dollar im Monat): mehr Nutzung, für eine kleine Website nicht nötig.

Vier Wege, mit ChatGPT eine Website zu erstellen

Der vierte Weg wird unterschätzt. Wenn du schon einen Baukasten bezahlst, hilft ChatGPT beim schwierigsten Teil: klare Texte für Startseite, Leistungen und „Über uns“. Die Baukästen haben inzwischen eigene KI, die wir in KI in Wix, Squarespace und Webflow verglichen haben.

Taugt ChatGPT Sites für eine Firmenwebsite?

Sites ist der kürzeste Weg vom Prompt zum Live-Link. Du kannst eine Version speichern und prüfen, bevor du sie veröffentlichst, die Seite mit ausgewählten Personen teilen oder öffentlich machen, die Adresse umbenennen (die alte leitet weiter), Besucherzahlen ohne Analytics-Skript sehen und eine eigene Domain verbinden, indem du die DNS-Einträge überträgst, die Sites dir anzeigt. Die Details stehen in OpenAIs Hilfeartikel ChatGPT Sites erstellen und nutzen.

Bevor du deine Firma darauf stellst, prüf fünf Dinge:

• Es ist für etwas anderes gebaut. OpenAIs eigene Beispiele sind Dashboards, Tracker, Anfrageformulare und Wissenssammlungen. Eine Visitenkarten-Website geht, ist aber nicht der Hauptzweck.
• Region. Zum Start war öffentliches Veröffentlichen im EWR, in der Schweiz und in Großbritannien nicht verfügbar. Schau in deinem eigenen Konto nach, ob „Jeder im Internet“ angeboten wird, bevor du loslegst.
• Jedes Deployment ist live. Jede Veröffentlichung geht direkt auf die echte Adresse. Lass ChatGPT zuerst eine Version speichern, prüf sie und veröffentliche erst dann.
• Die Dateien. Wir haben keinen dokumentierten Weg gefunden, den Code einer Site herunterzuladen. Wenn dir die Dateien wichtig sind, bau in Codex als lokales Projekt. Codex kann es trotzdem auf Sites veröffentlichen, und der Quellcode bleibt bei dir.
• Du bist verantwortlich. Sammelt die Seite Namen oder E-Mail-Adressen, bist du laut den Sites-Bedingungen der Verantwortliche im Sinne der DSGVO, mit Datenschutzerklärung und Einwilligung. EU-Hosting für Sites ist nur für Workspaces mit EU-Datenresidenz dokumentiert, für private Konten haben wir keine Angabe gefunden.

Schritt für Schritt: vom Prompt zu den Dateien

Schritt 1: Sammle die Fakten, bevor du ChatGPT öffnest

Der Unterschied zwischen einer austauschbaren KI-Seite und einer guten ist das, was du hineingibst. Schreib auf, was dein Betrieb macht, wer die Seite besucht, was Besucher tun sollen (anrufen, buchen, anfragen), echte Öffnungszeiten, Preise und Adresse, dazu ein paar Sätze in deinen eigenen Worten. Leg Logo und echte Fotos bereit. Jede Lücke füllt ChatGPT mit etwas, das plausibel klingt und erfunden ist.

Schritt 2: Schreib ein Briefing und nutz es immer wieder

Leg das Briefing in ein ChatGPT-Projekt (dann teilen alle Chats darin den Kontext) oder, für Codex, in eine Datei. Ein Briefing, das funktioniert, sieht so aus:

Erstelle eine One-Page-Website für die Tischlerei Lindner in
    Freiburg, vier Leute. Wir bauen Einbauküchen und Einbauschränke.
    Die meisten Besucher kommen über Google Maps aufs Handy und
    wollen wissen: Machen die so etwas, und wie komme ich an ein
    Angebot?
    
    Ziel: Besucher schicken eine Angebotsanfrage oder rufen an.
    
    Abschnitte: Einstieg mit einem klaren Satz und Anruf-Button,
    drei Leistungen, so läuft ein Projekt ab (Termin, Zeichnung,
    Bau), Fotos (liefere ich), kurz über uns, Kontakt.
    
    Regeln:
    - Eine eigenständige index.html, reines HTML und CSS, höchstens
      etwas einfaches JavaScript. Kein React, kein Build-Schritt.
    - Keine externen Schriften oder Skripte. Nutze Systemschriften.
    - Mobile first. Bei 375px darf nichts seitlich scrollen.
    - Eine h1, semantische Abschnitte, Alt-Text an jedem Bild.
    - Texte auf Deutsch, Besucher werden geduzt.
    - Erfinde keine Fakten. Wo dir eine Angabe fehlt, schreib TODO.

„Erfinde keine Fakten“ und die TODO-Regel leisten hier die meiste Arbeit. Damit verhinderst du die Fünf-Sterne-Bewertung eines Kunden, den es nicht gibt.

Schritt 3: Nur eine Seite? Bleib im Chat

Füg das Briefing in einen Chat ein und sieh dir den Codeblock als Vorschau an. Bitte um konkrete Änderungen („Anruf-Button auf dem Handy fixieren“, „Leistungen kürzer“). Zwei, drei Runden reichen meistens, danach wird nur noch verschoben. Dann frag: „Prüf die Seite bei 375px und 1280px Breite, liste jedes Layoutproblem auf und behebe alle.“ Und öffne die Datei selbst auf einem echten Handy.

Schritt 4: Mehrere Seiten? Wechsle zu Codex

Seiten, die Chat für Chat entstehen, laufen auseinander: hier ein anderer Button, dort fehlt ein Menüpunkt. Codex arbeitet mit einem Ordner und hält Kopf- und Fußzeile einheitlich. Installier es nach der offiziellen Anleitung zur Codex CLI (auf Englisch) oder nutz Codex in der ChatGPT-Desktop-App, wenn du kein Terminal willst:

mkdir lindner-website && cd lindner-website
    git init
    codex

Codex liest eine Datei AGENTS.md im Projekt als feste Anweisungen. Leg dort das Briefing aus Schritt 2 ab, ergänz die Seitenliste und leg den Stack fest: reines HTML für drei bis fünf Seiten, Astro, wenn du gemeinsame Layouts oder einen Blog willst. Bitte dann um einen Plan, bevor Code entsteht: „Lies AGENTS.md. Schlag die Seiten, die Abschnitte der Startseite und die gemeinsamen Komponenten vor. Noch keinen Code.“ Bau zuerst die Startseite, bring sie in Form, erst danach die übrigen Seiten. Unsere Anleitung zu Claude Code geht denselben Ablauf ausführlicher durch, die Schritte lassen sich fast eins zu eins übertragen.

Schritt 5: Hol die Dateien heraus

• Aus dem Chat: Kopier den Code in einen einfachen Texteditor, speichere ihn als index.html (UTF-8) und leg die Bilder in denselben Ordner.
• Aus Codex: Der Ordner ist die Website. Bei Astro führst du npm run build aus und lädst dist hoch, oder du lässt den Host aus Git bauen.
• Wenn ChatGPT dir React geliefert hat: Das läuft ohne Build-Schritt auf keinem Host. Bitte: „Mach daraus reines HTML und CSS, ohne Framework und ohne Build-Schritt.“

Hosten und Domain verbinden

ChatGPT und Codex erzeugen eine statische Website: einfache Dateien, die jeder Host ausliefern kann, meist kostenlos.

• Cloudflare Pages: Ordner per Drag-and-drop hochladen oder ein Git-Repository verbinden.
• Netlify: Drag-and-drop oder Git, mit eingebauter Formularverarbeitung für ein einfaches Kontaktformular.
• GitHub Pages: Ordner in ein Repository pushen, kostenlos für öffentliche Repositories.

Wenn dir EU-Hosting wichtig ist, prüf beim Anbieter, wo die Seite ausgeliefert wird, und nimm ihn in deine Datenschutzerklärung auf. Dann trägst du beispiel.de und www.beispiel.de in den Einstellungen des Hosts ein, setzt beim Domain-Anbieter die angezeigten DNS-Einträge und wartest auf das SSL-Zertifikat. Lass die MX-Einträge in Ruhe, sonst kommen keine E-Mails mehr an (mehr dazu in DNS umstellen ohne E-Mail-Ausfall). Die ganze Anleitung steht in unserem Artikel, wie du eine mit KI erstellte Website auf deiner Domain veröffentlichst. Er ist für Claude geschrieben, die Hosting-Schritte sind für ChatGPT-Dateien aber dieselben.

Was einer ChatGPT-Website meistens noch fehlt

Diese Liste trennt eine hübsche Seite von einer Website, die funktioniert. Lass ChatGPT oder Codex sie abarbeiten und prüf dann jeden Punkt selbst.

1. Test auf echten Geräten. Lange deutsche Wörter in Überschriften, riesige Titelbilder und zu kleine Buttons sind die üblichen Fehler. Sieh dir jede Seite auf dem Handy an.
2. Ein Formular, das ankommt. Eine statische Seite hat keinen Server, und ChatGPT schreibt gern ein Formular, das ins Leere schickt. Verbinde einen Formulardienst oder die Formularfunktion deines Hosts und schick vor dem Start eine Testnachricht.
3. SEO-Grundlagen. Eigener Titel und eigene Meta-Description auf jeder Seite, eine h1, Vorschaubilder fürs Teilen, Favicon und eine 404-Seite.
4. Sitemap und robots.txt, danach die Sitemap in der Google Search Console einreichen. Mehr dazu in SEO für statische Websites.
5. Impressum und Datenschutzerklärung. Für eine geschäftliche Website in Deutschland und Österreich Pflicht. ChatGPT kann einen Entwurf schreiben, lass ihn aber prüfen oder nutz einen Generator, der für dein Land gemacht ist.
6. Einwilligung nach DSGVO. Kein Analytics, keine eingebetteten Karten oder Videos, bevor Besucher zustimmen. Und Schriften selbst hosten statt von Google Fonts laden: Das Landgericht München hat dafür bereits Schadensersatz zugesprochen.
7. Bilder und Rechte. OpenAIs Bedingungen übertragen dir die Rechte, die OpenAI an ChatGPT-Ergebnissen hat. Fotos, die ChatGPT „findet“ oder verlinkt, gehören aber anderen. Nimm eigene Fotos, lizenzierte Stockbilder oder generierte Bilder, lass ein generiertes Foto nie als dein echtes Team durchgehen und komprimier alles.
8. Fakten. Lies jeden Satz. Öffnungszeiten, Preise und Gründungsjahr sind genau das, was Sprachmodelle selbstbewusst falsch schreiben.

Planst du Buchungen, einen Shop oder einen Kundenlogin, lies vorher, was eine statische Website kann und was nicht.

Die Abkürzung: ShiftPress hostet, du änderst per Chat

Wenn du dich nicht selbst um Hosting, DNS und Formulare kümmern willst, übernimmt das ShiftPress. Pack die HTML-Seiten, die ChatGPT oder Codex erstellt hat, in ein ZIP (bis zu 30 Seiten pro Datei) und lade es hoch: Jede Seite wird zu einer echten, bearbeitbaren Seite mit gemeinsamer Kopf- und Fußzeile. Oder du beschreibst deinen Betrieb in ein paar Sätzen, und die KI schreibt und baut die Seiten mit echten Texten.

Danach läuft die Seite auf deiner eigenen Domain mit SSL, Formulare schicken Anfragen an dich, SEO und strukturierte Daten sind erledigt (so wirst du gefunden). Ändern kannst du sie per Chat, per Sprache oder indem du auf einen Text klickst, und du siehst jede Änderung, bevor sie live geht. Die ganze Website kannst du jederzeit als Code herunterladen.

Nach dem Start: So änderst du die Seite weiter

Die erste Änderung kommt innerhalb weniger Wochen: ein neuer Preis, Betriebsurlaub, ein anderes Foto. Wie mühsam das wird, hängt von deinem Weg ab.

• Eine Datei aus dem Chat: Füg die aktuelle Datei wieder ein, bitte um die Änderung und lade das Ergebnis hoch. Nimm immer die neueste Version, sonst ist deine letzte Korrektur weg.
• Ein Codex-Projekt: Ordner öffnen, Änderung beschreiben, Diff prüfen, pushen. Der verlässlichste Weg, und Git gibt dir für jede Änderung ein Rückgängig.
• Eine Site: In ChatGPT wieder öffnen oder auf der veröffentlichten Seite Edit site nutzen, prüfen, veröffentlichen.

Egal wie: Leg fest, wer es macht. Wenn nur die Person die Seite ändern kann, die die Prompts kennt, hast du genau die Abhängigkeit wieder, die du loswerden wolltest. Die realistischen Möglichkeiten haben wir in statische HTML-Website bearbeiten verglichen.

Häufige Fragen

Das Fazit

ChatGPT kann heute eine Website erstellen, und ein One-Pager ist an einem Abend fertig. Nimm den Chat für eine einzelne Seite, Codex für alles mit mehreren Seiten und Sites, wenn ChatGPT hosten soll und die Grenzen zu deinem Fall passen. Danach kommt der unspektakuläre Teil: ein Formular, das ankommt, Titel und Sitemap, Impressum und Datenschutzerklärung, Einwilligung und echte Fotos.

Wenn du die Zeit lieber in deinen Betrieb steckst, lädst du die Dateien bei ShiftPress hoch oder beschreibst die Seite dort und änderst sie danach per Chat.