Du sitzt am Küchentisch, der Kaffee ist längst kalt, und auf dem Bildschirm blinkt seit einer Stunde derselbe leere Baukasten. Kommt dir bekannt vor? Die Idee für das eigene Business steht, die Kundschaft wartet eigentlich schon, aber zwischen allem und dem Start liegt eine Webseite, die sich einfach nicht bauen lassen will.

Dann taucht irgendwo der Tipp auf: Bau dir doch einfach eine Seite mit Claude. Im ersten Moment klingt das nach einem dieser leeren Versprechen aus dem KI Hype, so ungefähr wie drücke einen Knopf, und die KI erledigt dein ganzes Business. Wir haben diesen Weg für das erstellen dieses Artikels selbst getestet. Das ehrliche Ergebnis: Es funktioniert wirklich gut, aber eben nicht auf Knopfdruck. Es funktioniert mit einem klaren Ablauf, den fast niemand von Anfang an kennt.

Und genau deshalb ist diese Version des Guides ausführlicher als die meisten Anleitungen, die du sonst dazu findest. Wir erklären hier wirklich jeden einzelnen Klick, jeden Fachbegriff und jeden Zwischenschritt so, dass du auch dann mitkommst, wenn du noch nie ein Konto im Internet angelegt hast oder Wörter wie Ordner, Hochladen oder Prompt bisher nur vage kanntest. Niemand muss sich hier verloren fühlen, weil ein Begriff vorausgesetzt wurde. Jedes Fachwort wird erklärt, sobald es zum ersten Mal auftaucht. Wenn du magst, lies das Kapitel mit den Grundbegriffen weiter unten einfach zuerst in Ruhe durch.

Genau diesen Ablauf bekommst du in diesem Guide. Schritt für Schritt, mit den Fehlern, die uns selbst passiert sind, und den Kniffen, die wir seither bei jedem Projekt wieder einsetzen. Und weil wir bei Dreamcodes seit vielen Jahren auch im Bereich Suchmaschinenoptimierung und GEO unterwegs sind (Generative Engine Optimization, also Sichtbarkeit in KI Suchergebnissen wie ChatGPT oder Google AI Overviews), bekommst du hier zusätzlich einen Teil, den die meisten Anleitungen komplett auslassen: wie deine neue Seite nicht nur bei Menschen, sondern auch bei KI Suchsystemen ankommt.

Nimm dir für diesen Guide ruhig Zeit, eine Tasse Kaffee oder Tee, und arbeite ihn Stück für Stück durch, am besten direkt an deinem eigenen Computer. Du musst nichts auswendig lernen. Es reicht, wenn du beim Lesen einfach mitmachst und jeden Schritt gleich selbst ausprobierst.

Fangen wir an.

Wie baut man eine Website mit Claude? Die kurze Antwort

Eine Website mit Claude zu bauen läuft in vier großen Phasen ab. Zuerst legst du gemeinsam mit Claude (eine künstliche Intelligenz, kurz KI, mit der du wie mit einer Assistentin chatten kannst) ein Designsystem fest, also die Farben, Schriften und Abstände deiner Seite, abgeleitet von einem Beispielbild, das dir gefällt. Danach planst du die Struktur der Seite, also welche Abschnitte sie überhaupt haben soll (Hero, Vorteile, Angebot, Kundenstimmen, FAQ, Abschluss). Anschließend erarbeitest du im Dialog mit Claude die Texte für jeden Abschnitt.

Zum Schluss übernimmt Claude Code, ein besonderer Programmiermodus von Claude, den technischen Bau und setzt alles in eine funktionierende, responsive Webseite um, responsive bedeutet, dass die Seite auf dem Handy genauso gut aussieht wie am großen Bildschirm. Danach folgen ein paar Korrekturschleifen und der Umzug auf einen Hoster, also einen Dienst, der deine Seite dauerhaft im Internet bereitstellt, wie Netlify oder Vercel. Ohne Vorkenntnisse in HTML oder CSS (das sind die Programmiersprachen, aus denen Webseiten technisch bestehen), aber mit einer klaren Idee vom eigenen Angebot, ist eine funktionsfähige erste Version in drei bis sechs Stunden ein realistisches Ziel.

Was du in diesem Guide bekommst

• ein Kapitel mit den wichtigsten Grundbegriffen, in ganz einfacher Sprache erklärt, bevor es überhaupt technisch wird
• warum sich Claude für den Websitebau eignet, und wo die ehrlichen Grenzen liegen
• die vollständige Anleitung von der ersten Idee bis zum Livegang, in neun konkreten Schritten, mit jedem einzelnen Klick beschrieben
• den wichtigsten Kniff, damit deine Seite nicht wie jede zweite KI Seite aussieht
• eine ehrliche Liste der Tools und Accounts, die du wirklich brauchst, inklusive genauer Anleitung, wie du sie einrichtest
• einen Bereich, den fast jede andere Anleitung auslässt: wie deine Seite auch in ChatGPT, Perplexity und Google AI Overviews auftaucht
• die häufigsten Fehler aus echten Projekten, und wie du sie von Anfang an vermeidest
• Antworten auf die Fragen, die uns rund um dieses Thema am häufigsten gestellt werden, von ganz einfach bis fortgeschritten

Bevor es losgeht: die wichtigsten Begriffe ganz in Ruhe erklärt

Dieses Kapitel ist für alle, die mit Begriffen wie Account, Ordner, Hochladen oder Prompt bisher wenig anfangen konnten. Wenn dir das alles schon vertraut ist, kannst du dieses Kapitel getrost überspringen und direkt beim Kapitel Was ist Claude weiterlesen. Für alle anderen gilt: Keine Sorge, das ist in wenigen Minuten erklärt, und danach ergibt der Rest des Guides viel mehr Sinn.

Das Internet und der Browser

Das Internet ist im Grunde ein riesiges Netzwerk aus Computern auf der ganzen Welt, die miteinander verbunden sind und sich Informationen schicken können. Damit du dieses Netzwerk überhaupt sehen und bedienen kannst, brauchst du ein Programm auf deinem Computer, das Internetseiten anzeigt. Dieses Programm heißt Browser. Die bekanntesten Browser heißen Chrome, Safari, Edge oder Firefox. Wahrscheinlich hast du schon mindestens einen davon auf deinem Computer, auch wenn dir der Name bisher nie bewusst aufgefallen ist.

Was ist ein Account

Ein Account ist im Grunde wie ein eigenes kleines Postfach mit Schlüssel bei einem Onlinedienst. Du meldest dich einmal mit deiner E Mail Adresse und einem selbst gewählten Passwort an, und ab dann erkennt dich der Dienst wieder, jedes Mal, wenn du dich einloggst, also mit E Mail und Passwort anmeldest. Bei Claude brauchst du genau so einen Account, um überhaupt chatten zu können.

Was ist eine KI, und was ist Claude

KI steht für Künstliche Intelligenz. Ganz einfach gesagt ist das ein Computerprogramm, das aus riesigen Mengen an Text gelernt hat, wie Sprache funktioniert, und das deshalb selbst Texte schreiben, Fragen beantworten und sogar Programmcode erzeugen kann. Claude ist der Name einer solchen KI, entwickelt vom Unternehmen Anthropic. Du kannst dir Claude wie eine sehr belesene, geduldige Assistentin vorstellen, die niemals müde wird, nie ungeduldig reagiert, wenn du eine Frage zum dritten Mal anders stellst, und die rund um die Uhr erreichbar ist.

Was bedeutet chatten mit einer KI

Chatten bedeutet einfach, dass du in ein Textfeld eine Nachricht eintippst, so wie bei einer Messenger App auf dem Handy, und die andere Seite, in diesem Fall Claude, dir daraufhin antwortet. Es gibt keine Anrufe, keine Videobilder, nur Text hin und her, ganz in deinem eigenen Tempo. Du kannst jede Antwort so lange lesen, wie du willst, und in Ruhe die nächste Nachricht formulieren.

Was ist ein Ordner auf dem Computer

Ein Ordner ist ein kleiner digitaler Behälter auf deinem Computer, in dem du Dateien sammelst und ordnest, ganz ähnlich wie ein Aktenordner im echten Leben, nur eben auf dem Bildschirm. Einen neuen Ordner legst du an, indem du mit der rechten Maustaste auf eine freie Stelle auf deinem Bildschirm (dem Desktop) oder in einem Fenster klickst und dann Neuer Ordner auswählst. Anschließend kannst du dem Ordner einen eigenen Namen geben, zum Beispiel Meine Webseite.

Hochladen und Herunterladen

Hochladen bedeutet, dass du eine Datei von deinem eigenen Computer an einen Onlinedienst schickst, zum Beispiel ein Bild an Claude. Herunterladen ist der umgekehrte Weg: Eine Datei wandert vom Internet auf deinen Computer, meist landet sie automatisch in einem Ordner, der Downloads heißt.

Was ist ein Prompt

Ein Prompt ist einfach die Nachricht, die du an Claude schickst, damit die KI etwas für dich erledigt. Ein Prompt kann eine Frage sein, ein Auftrag oder auch nur ein Satz mit einer Bitte. In diesem Guide bekommst du an mehreren Stellen fertige Prompts zum Abtippen oder Kopieren, damit du erst gar nicht überlegen musst, wie du etwas formulierst. Kopieren funktioniert übrigens so: Du markierst einen Text mit gedrückter Maustaste, klickst dann mit der rechten Maustaste darauf und wählst Kopieren, oder du drückst nach dem Markieren gleichzeitig die Strg Taste und C. Danach klickst du in das Textfeld, in das der Text hinein soll, und drückst gleichzeitig Strg und V, um ihn einzufügen.

Was ist Claude, und warum eignet es sich für den Websitebau

Falls du das Kapitel mit den Grundbegriffen gerade gelesen hast, kennst du Claude jetzt schon als geduldige KI Assistentin. Schauen wir uns jetzt genauer an, warum sich ausgerechnet dieses Werkzeug so gut für den Bau einer Webseite eignet.

Claude ist ein KI Assistent des Unternehmens Anthropic. Technisch handelt es sich um ein sogenanntes Sprachmodell (im Englischen Large Language Model, kurz LLM), das auf riesigen Textmengen trainiert wurde und daraus gelernt hat, Sprache, Zusammenhänge und eben auch Programmcode zu verstehen und zu erzeugen. Für den Websitebau ist das deshalb spannend, weil ein LLM wie Claude im Grunde zwei Dinge gleichzeitig beherrscht, die früher getrennte Berufe waren: Es kann Texte schreiben, so wie eine Werbetexterin, und es kann diese Texte in funktionierenden HTML, CSS und JavaScript Code verwandeln, so wie eine Webentwicklerin. Genau diese Kombination erspart dir sonst zwei getrennte Auftragnehmer und zwei getrennte Rechnungen.

Ein kurzer Blick auf das Ökosystem

Claude taucht 2026 in mehreren Formen auf, und für unseren Guide brauchst du vor allem diese drei. Wir erklären sie dir einmal ganz in Ruhe:

• Der Chat auf claude.ai oder in der Desktop App (ein Programm, das du auf deinem Computer installierst, mehr dazu im nächsten Kapitel). Hier sprichst du mit Claude wie mit einer Kollegin, tippst Nachrichten ein, lädst Bilder hoch und bekommst Texte und Vorschläge zurück, alles in einem einfachen Chatfenster, das aussieht wie bei jeder Messenger App.
• Claude Code, der Programmiermodus. Das ist ein zweiter Bereich innerhalb der Desktop App, in dem sich Claude direkt mit einem Ordner auf deinem eigenen Rechner verbindet und dort tatsächlich Dateien anlegt, liest und verändert. In unserem Fall baut Claude Code darüber den kompletten Code deiner Webseite, ohne dass du selbst eine einzige Zeile Programmiercode tippen musst.
• Projects, eine Art digitaler Arbeitsordner innerhalb von Claude selbst, nicht zu verwechseln mit dem Ordner auf deinem Computer. In einem Project bündelst du Materialien, Anweisungen und den bisherigen Gesprächsverlauf zu einem bestimmten Thema, zum Beispiel zu deiner neuen Webseite, damit du bei jedem neuen Gespräch nicht wieder bei null anfängst.

Für alle drei reicht in der Regel ein bezahlter Pro Account, wie du diesen einrichtest, zeigen wir dir im nächsten Kapitel ganz genau. Die kostenlose Version stößt bei längeren Projekten schnell an ihre Nachrichtenlimits, das bedeutet, du darfst pro Zeitraum nur eine bestimmte Anzahl an Nachrichten schicken, und Claude Code ist im Gratiszugang gar nicht erst enthalten.

Wo die Grenzen liegen

Ehrlich bleiben gehört bei uns zum Konzept, deshalb auch das: Claude hat keinen eigenen Geschmack und keine Marketingstrategie. Es erkennt zuverlässig, was in einem Beispielbild an Farben, Schriften und Aufbau steckt, aber die Entscheidung, wofür deine Seite eigentlich stehen soll, triffst weiterhin du. Wer ohne klares Ziel und ohne eigene Textbeispiele startet, bekommt am Ende eine technisch saubere, aber austauschbare Seite. Genau dieser Punkt ist in der Praxis der Unterschied zwischen einer Seite, die konvertiert, das heißt aus Besucherinnen und Besuchern werden tatsächlich Kundinnen und Kunden, und einer, die nur hübsch aussieht.

Auch wichtig zu wissen: Claude kann keine Wunder bei komplexen technischen Anforderungen vollbringen, etwa bei einem großen Onlineshop mit Kundenkonten, Lagerverwaltung und Zahlungsabwicklung. Für eine Landingpage, eine kleine Business Seite oder eine einfache Produktseite ist der Weg in diesem Guide bestens geeignet, für alles Größere braucht es zusätzliche technische Unterstützung.

Das brauchst du, bevor du startest

Einen passenden Claude Account

Für ein einzelnes Website Projekt reicht in aller Regel der Standard Pro Account. Er beinhaltet Claude Code und ausreichend Kapazität für ein Projekt dieser Größe. Wer regelmäßig mehrere Seiten baut oder sehr lange Sitzungen mit Claude Code führt, für den kann sich ein höherer Tarif mit mehr Nutzungsvolumen lohnen, weil Chat und Claude Code sich in der Praxis dasselbe Nutzungskontingent teilen, das heißt, beide zusammen verbrauchen dasselbe Kontingent an Nachrichten und Aufgaben pro Zeitraum.

So richtest du deinen Account ein, ganz genau Schritt für Schritt:

1. Öffne deinen Browser und gib in die Adresszeile oben claude.ai ein, dann drücke die Eingabetaste.
2. Klicke auf der Seite auf den Button mit der Aufschrift Anmelden oder Registrieren.
3. Gib deine E Mail Adresse ein und folge den Anweisungen auf dem Bildschirm. In der Regel bekommst du einen Bestätigungscode per E Mail, den du danach in ein Feld auf der Webseite eingibst.
4. Sobald du eingeloggt bist, findest du in den Einstellungen den Bereich Abo oder Plan, in dem du auf den bezahlten Pro Tarif wechseln kannst, falls du noch in der kostenlosen Version bist.
5. Hinterlege dort deine Zahlungsdaten, so wie bei jedem anderen Onlineabo auch.

Das war es schon. Ab jetzt hast du einen eigenen Account, mit dem alles Weitere in diesem Guide funktioniert.

Die Claude Desktop App

Für den Wechsel in den Code Modus und die Verknüpfung mit einem lokalen Ordner (also einem Ordner auf deinem eigenen Rechner) brauchst du die Desktop App für Windows, Mac oder Linux, da der reine Browserzugang diesen Funktionsumfang nicht vollständig abbildet.

So installierst du sie:

1. Öffne deinen Browser und gib claude.com/download ein.
2. Wähle dein Betriebssystem aus (Windows oder Mac, je nachdem, welchen Computer du benutzt) und klicke auf den Downloadbutton.
3. Die heruntergeladene Datei landet meist automatisch im Ordner Downloads. Öffne sie mit einem Doppelklick.
4. Folge den Anweisungen des Installationsprogramms, meist reicht es, mehrfach auf Weiter oder Installieren zu klicken.
5. Nach der Installation öffnet sich die App automatisch. Melde dich dort mit demselben Account an, den du gerade eingerichtet hast.

Danach siehst du oben in der App mehrere Reiter, unter anderem Chat und Code. Genau diesen zweiten Reiter brauchst du später in Schritt 5 dieses Guides.

Eine visuelle Vorlage

Ein Bild, eine alte Seite, ein Pinterest Fund oder ein Canva Entwurf, irgendetwas, das optisch in die Richtung geht, die du willst. Wichtig ist nicht das Kopieren, sondern die Richtung: Claude liest aus dem Bild Farben, Schriften, Abstände und Stimmung heraus.

Falls du ein Bild als Screenshot sichern möchtest, hier die genaue Tastenkombination:

• unter Windows drückst du gleichzeitig die Windows Taste, die Umschalttaste und den Buchstaben S, ziehst dann mit gedrückter Maustaste ein Rechteck um den gewünschten Bereich. Der Screenshot landet automatisch in der Zwischenablage und kann in einem Programm wie Paint eingefügt und gespeichert werden.
• auf einem Mac drückst du gleichzeitig die Befehlstaste, die Umschalttaste und die Zahl 4, ziehst ein Rechteck um den gewünschten Bereich. Der Screenshot wird automatisch als Datei auf deinem Schreibtisch gespeichert.

Speichere das fertige Bild am besten direkt in dem neuen Ordner, den du dir gleich für dein Webseiten Projekt anlegst, mehr dazu in Schritt 2 und Schritt 5.

Klarheit über das Ziel deiner Seite

Soll die Seite eine Warteliste füllen, ein Produkt verkaufen, zu einem Erstgespräch einladen? Diese Antwort brauchst du nicht als fertigen Text, aber als klaren Gedanken im Kopf, bevor du mit Claude sprichst. Schreib dir am besten in ein oder zwei Sätzen auf, in einer Notizen App oder auch einfach auf einem Blatt Papier, was du erreichen willst. Zum Beispiel: Menschen sollen sich auf meiner Seite für meinen kostenlosen Newsletter eintragen, weil sie dort wöchentlich einen Tipp rund um gesunde Ernährung bekommen. Ein solcher Satz reicht völlig als Ausgangspunkt.

Die Schritt für Schritt Anleitung: von der Idee zur fertigen Website

Jetzt zum Kern des Guides. Wir gehen die neun Schritte durch, die sich in am zuverlässigsten bewähen. Bei jedem Schritt bekommst du zuerst die Idee dahinter erklärt, danach eine ganz genaue Klickanleitung.

Schritt 1: Die richtige visuelle Richtung finden

Bevor Claude auch nur eine Zeile Code schreibt, brauchst du diese visuelle Richtung. Ohne sie entsteht genau das, was viele KI Webseiten gemeinsam haben: technisch sauber, aber irgendwie austauschbar und beliebig, fast wie eine Uniform statt eines eigenen Outfits.

Gute Quellen für ein Beispielbild:

• deine bestehende Webseite, auch wenn sie veraltet ist, einfach als Screenshot gesichert
• Pinterest, eine kostenlose Webseite für Bildersammlungen, erreichbar über pinterest.de, Suche nach Begriffen wie Landing Page Design oder Personal Brand Website
• Template Marktplätze wie zum Beispiel Creative Market oder ähnliche Anbieter, auf denen fertige Designvorlagen gezeigt werden
• ein Screenshot einer Seite, die dir optisch gefällt, mit der oben gezeigten Tastenkombination gesichert
• ein bereits vorhandenes Moodboard oder Brand Guidelines, falls du damit schon gearbeitet hast

Wichtig: Es geht nicht ums Kopieren. Claude nutzt das Bild nur als Stilrichtung. Farben, Schriften, Aufbau und Stimmung, daraus leitet Claude im nächsten Schritt deinen eigenen Stil ab.

Mach dir davon einen Screenshot oder speichere das Bild ab. Du brauchst es im nächsten Schritt.

Schritt 2: Claude ein Designsystem ableiten lassen

Das ist der Schritt, der in der Praxis den größten Unterschied macht, mehr als jeder andere in diesem Guide.

So gehst du konkret vor:

1. Öffne die Claude Desktop App oder claude.ai in deinem Browser und melde dich mit deinem Account an.
2. Klicke auf das Pluszeichen oder das Büroklammer Symbol im Eingabefeld unten. Darüber kannst du eine Datei von deinem Computer anhängen.
3. Wähle dein zuvor gespeichertes Beispielbild aus, es erscheint danach als kleine Vorschau über dem Textfeld.
4. Tippe darunter den folgenden Text ein, oder kopiere ihn direkt aus diesem Guide, und klicke danach auf den Sendepfeil neben dem Textfeld.

Prompt zum Kopieren

Erstelle mir aus diesem Beispielbild ein Designsystem in einem HTML File und einer separaten design.md Datei mit allen Farbwerten als Hexcodes, Schriftgrößen, Abständen und Komponentenregeln.

Claude analysiert das Bild und erkennt Farbwerte, Schriftarten, Abstände, visuelle Hierarchie und typische wiederkehrende Elemente wie Buttons oder Karten. Das dauert meist nur wenige Sekunden bis eine Minute. Daraus entstehen zwei Dateien: ein HTML File, das dir den Stil sofort visuell zeigt, du erkennst Farbflächen, Schriftbeispiele und Buttons direkt auf einen Blick, und eine design.md Datei, die denselben Stil in Textform beschreibt, also Farben mit Hexcodes (das sind kurze Zeichenfolgen wie zum Beispiel 2E5E3E, mit denen jede Farbe eindeutig benannt werden kann), Schriftgrößen, Abstände und Buttonformen. Genau diese Textdatei liest Claude Code im späteren Schritt, um sich beim Bau konsequent an dein Design zu halten.

Beide Dateien erscheinen in der Antwort von Claude meist in einem eigenen Vorschaufenster neben dem Chat, dem sogenannten Artifact Bereich. Dort findest du oben rechts einen kleinen Downloadbutton, meist ein Pfeil nach unten. Klicke darauf, um die Datei herunterzuladen, und wiederhole das für beide Dateien.

Lege dir jetzt, falls noch nicht geschehen, einen neuen Ordner auf deinem Computer an, zum Beispiel mit dem Namen Meine Webseite, und verschiebe beide heruntergeladenen Dateien (das HTML File und die design.md Datei) sowie dein Beispielbild dort hinein, indem du sie einfach mit gedrückter Maustaste in den Ordner ziehst. Dieser Ordner ist ab jetzt die Zentrale für dein ganzes Projekt.

Schritt 3: Die Struktur deiner Seite planen

Bevor du Texte schreibst, brauchst du eine Gliederung, sonst schreibst du am Ende Texte für Abschnitte, die die Seite gar nicht braucht, oder es fehlt etwas Wichtiges.

Ein kurzer Sprachreiniger vorab, die üblichen Bausteine ganz einfach erklärt:

• Hero: der allererste Blick auf deine Seite, das, was jemand sieht, ohne zu scrollen, vergleichbar mit dem Schaufenster eines Ladens
• Vorteile: kurze Stichpunkte, warum sich dein Angebot lohnt
• Über mich: ein kurzer, persönlicher Abschnitt über dich oder dein Unternehmen
• Angebot: die genaue Beschreibung dessen, was du verkaufst oder anbietest
• Kundenstimmen: Zitate oder kurze Erfahrungsberichte von bisherigen Kundinnen und Kunden
• FAQ: häufig gestellte Fragen mit Antworten, die Abkürzung steht für das englische Frequently Asked Questions, zu Deutsch häufig gestellte Fragen
• Abschluss: der letzte Abschnitt mit einer klaren Handlungsaufforderung, zum Beispiel einem Anmeldeformular oder einem Kaufbutton

Geh diese Fragen durch, für dich allein oder im Dialog mit Claude, am besten schriftlich in deiner Notizen App:

• Was soll die Seite verkaufen oder sichtbar machen?
• Für wen genau ist die Seite gedacht?
• Was soll jemand am Ende tun, anmelden, kaufen, Termin buchen?
• Welche Abschnitte braucht die Seite wirklich, aus der Liste oben?
• Welche Einwände muss die Seite entkräften, etwa Preis, Warum gerade du, Für wen ist das nichts
• Welche Bilder, Logos und Materialien liegen bereits vor?
• Welche Tonalität passt zu deiner Zielgruppe?

Das Ergebnis ist eine Art Inhaltsverzeichnis deiner künftigen Seite, noch ohne fertige Texte, aber mit klarer Reihenfolge. Schreib diese Reihenfolge einfach als kleine Liste auf, zum Beispiel: Hero, dann Vorteile, dann Über mich, dann Kundenstimmen, dann FAQ, dann Abschluss.

Schritt 4: Die Texte im Dialog erarbeiten

Jetzt füllen wir die Struktur mit Leben, Abschnitt für Abschnitt, im Dialog mit Claude.

Für jeden Abschnitt brauchst du eine Überschrift, optional eine Unterzeile, den eigentlichen Fließtext und gegebenenfalls Buttontexte.

Der wichtigste Punkt in diesem Schritt: Claude muss wissen, wie du klingst, sonst entstehen Texte, die glatt und korrekt sind, aber leblos wirken und wie jeder zweite KI Text klingen. Gib Claude deshalb vorab mit:

• zwei bis drei eigene Beispieltexte, etwa ein Newsletter, ein LinkedIn Beitrag oder eine alte Seite. Kopiere diese Texte einfach aus der jeweiligen App oder Webseite (markieren, dann Strg und C) und füge sie im Chat ein (Strg und V).
• eine kurze Beschreibung deines Tons, inklusive Wörtern, die du nicht benutzt
• die Zielgruppe und den passenden Ton dafür

So kann eine Unterhaltung mit Claude ganz konkret aussehen:

Du schreibst: Schreib mir die Headline für den Hero. Es geht um eine Warteliste für mein neues vierwöchiges Programm. Halte dich an meine Beispieltexte.

Claude antwortet: Endlich Klarheit für dein Business. Trag dich ein und sei dabei.

Du schreibst: Klingt zu glatt. Direkter. Wie ich rede. Lies meine Beispieltexte nochmal.

Claude antwortet: Wenn du wissen willst, was wirklich geht, dann komm dazu.

Du schreibst: Besser, aber noch zu vage. Gib mir drei Varianten, die klar sagen, worum es geht.

So gehst du jede Sektion durch: Vorschlag holen, schärfen, gegenfragen, schärfen. Das ist völlig normal und gehört einfach dazu.

Lass Claude nicht die gesamte Seite in einem Rutsch schreiben. Geh Abschnitt für Abschnitt vor und verfeinere jeden einzeln, bevor du zum nächsten weitergehst. Der erste Vorschlag ist so gut wie nie der finale Text, das gehört zum Prozess dazu und ist völlig normal.

Wenn alle Texte stehen, öffne ein neues Dokument, zum Beispiel in einem einfachen Schreibprogramm oder in Word, und füge alle Texte in der Reihenfolge deiner Struktur hintereinander ein. Speichere diese Datei mit einem Namen wie Texte für Webseite in deinem Projektordner. Diese Datei brauchst du im nächsten Schritt.

Schritt 5: Claude Code bauen lassen

Jetzt übernimmt der technische Teil. Drei kurze Vorbereitungen, dann geht es los.

1. Öffne deinen Projektordner (den du in Schritt 2 angelegt hast) und prüfe, dass darin das HTML Designsystem, die design.md Datei, deine fertigen Texte und alle Bilder und Logos liegen, die auf die Seite sollen.
2. Öffne die Claude Desktop App und klicke oben auf den Reiter mit der Aufschrift Code.
3. Klicke auf das Ordnersymbol im Eingabefeld und wähle genau diesen Projektordner aus. Claude Code arbeitet ab sofort mit den Dateien in diesem Ordner.

Dann folgt ein Auftrag in dieser Art, den du einfach in das Eingabefeld tippst oder hinein kopierst:

Prompt zum Anpassen: Bau mir aus den Texten in der Datei Texte für Webseite eine Webseite. Nutze die Stilregeln aus design.md und das Designsystem aus der HTML Datei. Baue die Seite responsive, also passend für Handy, Tablet und Desktop. Achte darauf, dass die Stilregeln konsequent eingehalten werden und die Texte an den richtigen Stellen platziert sind.

Claude Code arbeitet daraufhin einige Minuten, abhängig von Umfang und Länge der Seite. Du siehst dabei live mit, wie einzelne Dateien angelegt werden, das wirkt am Anfang vielleicht ungewohnt technisch, du musst dabei aber nichts selbst tun außer abzuwarten. Am Ende liegt eine fertige HTML Datei im Ordner, die du mit einem Doppelklick direkt im Browser öffnen und begutachten kannst.

Schritt 6: Die Korrekturschleifen

Die erste Version ist praktisch nie die finale, und das ist völlig normal, auch bei uns dauert das in der Regel mehrere Runden.

Typische Anpassungen in dieser Phase:

• Abschnitte kürzen oder verständlicher formulieren
• Buttontexte oder Buttonfarben anpassen
• die mobile Ansicht prüfen und korrigieren
• den Header Bereich stärker in Szene setzen
• Abstände zwischen Abschnitten anpassen
• Schriftgrößen variieren
• Logo oder zusätzliche Fotos einbauen
• ein Anmeldeformular ergänzen

Sprich Claude Code dabei so an, wie du es einer Kollegin sagen würdest, in normaler Sprache, aber möglichst konkret. Statt die Farbe gefällt mir nicht besser: Setze die Buttonfarbe auf die Akzentfarbe aus dem Designsystem. Statt das wirkt komisch besser: Der Abstand zwischen Header und dem nächsten Abschnitt ist zu klein, vergrößere ihn auf das Doppelte. Konkrete Formulierungen sparen dir in dieser Phase mehrere Korrekturrunden. Tippe die Änderung einfach unten in das Eingabefeld und drücke auf den Sendepfeil, genau wie im Chat.

Schritt 7: online gehen, Hosting Optionen im Vergleich

Du hast jetzt eine fertige HTML Datei plus zugehörige Stildateien. Jetzt soll das Ganze ins Netz, also dauerhaft und für jeden erreichbar im Internet veröffentlicht werden. Das nennt man auch hosten, ein Hoster ist einfach ein Dienst, der deine Dateien auf einem eigenen Server (einem speziellen, ständig eingeschalteten Computer) speichert und über eine Internetadresse zugänglich macht.

Kurzer, ehrlicher Vergleich der gängigsten Optionen für genau diesen Anwendungsfall:

• Netlify: kostenlos für einfache Seiten, Einrichtung per Drag and Drop in wenigen Minuten (das bedeutet, du ziehst deinen Ordner einfach mit der Maus auf die Webseite von Netlify), eigene Domain problemlos verknüpfbar. Für den schnellen Start unsere Standardempfehlung.
• Vercel: ähnlich einfach wie Netlify, etwas stärker auf technische Projekte und größere Anwendungen ausgelegt, für eine einzelne Landingpage aber ebenso gut geeignet.
• GitHub Pages: kostenlos, etwas technischer in der Einrichtung, dafür eng verzahnt mit Versionskontrolle über Git (ein System, das jede Änderung an deinem Code speichert), praktisch für Nutzer mit etwas mehr technischem Hintergrund.
• klassisches Webhosting bei einem deutschen Anbieter: sinnvoll, wenn du bereits ein Hostingpaket hast oder aus Datenschutzgründen bewusst einen Serverstandort in Deutschland oder der EU wählen willst.

So gehst du bei Netlify konkret vor, als schnellster Weg für den Einstieg:

1. Öffne netlify.com in deinem Browser und klicke auf Sign up (das englische Wort für Registrieren).
2. Melde dich mit deiner E Mail Adresse oder deinem Google Konto an und bestätige gegebenenfalls den Link in der Bestätigungs E Mail.
3. Auf der Startseite von Netlify findest du einen Kasten mit der Aufschrift, dass du eine Datei oder einen Ordner hineinziehen kannst.
4. Ziehe mit gedrückter Maustaste deinen kompletten Projektordner (mit der fertigen HTML Datei darin) genau in diesen Kasten hinein.
5. Nach wenigen Sekunden ist deine Seite live und du bekommst einen Link, meist in der Form deinnamexyz.netlify.app, den du sofort mit anderen teilen kannst.
6. Falls du eine eigene Domain besitzt (also eine eigene Internetadresse wie meinefirma.de), findest du im Bereich Domain Settings die Möglichkeit, diese mit deiner Netlify Seite zu verknüpfen.

Für eine reine Landingpage ohne Datenbank ist die kostenlose Variante bei Netlify oder Vercel in den meisten Fällen die schnellste und unkomplizierteste Lösung.

Schritt 8: die Seite für KI Suchmaschinen sichtbar machen, GEO

Diesen Schritt lassen fast alle Anleitungen zum Thema Website und Claude komplett aus, dabei wird er 2026 zunehmend wichtiger, weil ein wachsender Teil der Suchanfragen nicht mehr über die klassische Google Trefferliste läuft, sondern über KI Antworten in ChatGPT, Perplexity oder Google AI Overviews.

GEO steht für Generative Engine Optimization, also die Optimierung einer Seite dafür, dass KI Systeme sie verstehen, zitieren und in ihren Antworten wiedergeben können. Ein paar konkrete Hebel, die sich direkt in eine mit Claude gebaute Seite einbauen lassen, jeder davon kurz erklärt:

• semantisches HTML statt reiner Div Suppe: echte Überschriften Hierarchien (h1, h2, h3), echte Absätze, echte Listen. KI Crawler (Programme, die automatisch Webseiten durchsuchen und einlesen) lesen Struktur, keine reine Optik.
• Schema.org Markup: strukturierte Daten, etwa für Organisation, Angebot oder häufige Fragen, helfen KI Systemen, Inhalte korrekt einzuordnen. Man kann sich das wie ein Beipackzettel für Maschinen vorstellen, der neben dem sichtbaren Text steht und in einer maschinenlesbaren Sprache dasselbe nochmal zusammenfasst.
• eine llms.txt Datei: ein noch junges, aber wachsend genutztes Format, über das du KI Systemen in einfacher Textform mitteilst, was deine Seite ist und welche Inhalte besonders relevant sind, ähnlich einer kurzen Visitenkarte, aber eben für Maschinen statt für Menschen.
• klare, eigenständige Antwortsätze: Abschnitte, die eine konkrete Frage in ein bis zwei Sätzen direkt beantworten, werden von KI Systemen deutlich häufiger zitiert als vage Marketingsprache.
• Zugriff für KI Crawler erlauben: prüfe deine robots.txt Datei (eine kleine Textdatei, die wie ein Schild an der Eingangstür bestimmten Besuchern sagt, ob sie hereindürfen) und stelle sicher, dass Bots wie GPTBot, ClaudeBot oder PerplexityBot nicht versehentlich blockiert sind, falls du sichtbar sein willst.

Du kannst Claude Code direkt bitten, diese Punkte in die fertige Seite einzubauen, etwa mit einem Auftrag in dieser Art, den du wieder einfach in das Eingabefeld tippst:

Prompt zum Anpassen: Ergänze die Seite um semantische HTML Struktur, ein passendes Schema.org Markup für mein Angebot und eine einfache llms.txt Datei im Hauptverzeichnis.

Schritt 9: der Check vor dem Livegang

Bevor die Seite öffentlich erreichbar ist, gehört dieser Check dazu, am besten gehst du die Liste einmal ganz in Ruhe durch:

• Mobile Ansicht: schick dir den Link deiner Seite per WhatsApp oder E-Mail selbst zu, öffne ihn auf deinem Handy und schau, ob alle Abschnitte gut aussehen, ob Buttons groß genug zum Antippen sind und ob wirklich alles lädt.
• alle Links: klick jeden Link einmal an, auch die im Footer, also im untersten Bereich der Seite
• Impressum und Datenschutz: prüfe, ob beide Texte wirklich zu deiner Seite, deinen eingebundenen Tools und deinem Business passen. Übernimm rechtliche Texte niemals ungeprüft von einer fremden Seite, und verlass dich bei rechtlichen Aussagen nicht allein auf eine KI. Generatoren wie der von eRecht24 sind für den Einstieg eine solide, kostenlose Basis, ersetzen im Zweifel aber keine rechtliche Beratung.
• eingebundene Dienste: prüfe, welche externen Schriften, Videos, Formulare oder Trackingtools deine Seite lädt, und ob deine Datenschutzhinweise dazu passen
• Rechtschreibung: ein letzter Korrekturdurchgang von Hand. Claude ist gut, aber nicht fehlerfrei.
• Ladezeit: große Bilder vor dem Hochladen komprimieren (das bedeutet, ihre Dateigröße verkleinern, ohne dass man den Unterschied sieht), etwa mit kostenlosen Tools wie TinyPNG oder Squoosh, beide einfach über den Browser erreichbar
• Barrierefreiheit: Kontraste prüfen, Alt Texte für Bilder ergänzen (kurze Textbeschreibungen, die vorlesen, was auf einem Bild zu sehen ist), Schriftgrößen nicht zu klein wählen. Das hilft echten Menschen und wirkt sich nebenbei auch positiv auf die Sichtbarkeit in Suchmaschinen aus.

Praxisbeispiel: eine Landingpage für ein Coaching Angebot

Ein Beispiel aus einem echten Projekt, anonymisiert: Eine Kundin mit einem Coaching Angebot für Existenzgründerinnen wollte eine einzelne Landingpage für eine Warteliste. Als Beispielbild diente ein Canva Entwurf mit warmen Erdtönen und einer serifenlosen, sehr klaren Schrift. Claude leitete daraus ein Designsystem mit drei Hauptfarben, zwei Schriftschnitten und klaren Abstandsregeln ab.

Die Struktur bestand aus fünf Abschnitten: Hero mit Anmeldeformular, drei Vorteile in Kartenform, ein kurzer Über mich Teil, zwei Kundenstimmen und ein FAQ mit vier Fragen. Der zeitintensivste Teil war, wie so oft, die Textarbeit: Der erste Hero Text von Claude klang zu werblich, zu glatt, fast wie aus einem Werbeprospekt. Erst nach drei Anläufen mit konkreteren Anweisungen und echten Beispieltexten der Kundin traf der Ton wirklich ihre Stimme.

Der eigentliche Bau über Claude Code dauerte anschließend keine 20 Minuten. Insgesamt lag das Projekt bei etwa drei bis vier Stunden reiner Arbeitszeit, verteilt auf einen Nachmittag, plus einem zusätzlichen Durchgang für die GEO Optimierung am Folgetag. Ergebnis: eine Seite, die spürbar nach der Kundin klingt und nicht nach einer austauschbaren Vorlage.

Häufige Fehler beim Websitebau mit Claude, und wie du sie vermeidest

Fehler 1: ohne Beispielbild direkt loslegen

Wer Claude Code ohne Designsystem einfach bau mir eine Webseite sagt, bekommt eine technisch funktionierende, aber optisch beliebige Seite. Die Lösung ist simpel: Schritt 1 und 2 niemals überspringen, auch wenn sie im ersten Moment wie ein Umweg wirken.

Fehler 2: alle Texte in einem Rutsch schreiben lassen

Wer verlangt, dass Claude die komplette Seite in einer einzigen Antwort textet, bekommt selten Texte, die wirklich zueinander passen und die eigene Stimme treffen. Abschnitt für Abschnitt, mit Feinschliff dazwischen, liefert spürbar bessere Ergebnisse.

Fehler 3: keine eigenen Beispieltexte mitgeben

Ohne Referenz für den eigenen Ton greift Claude auf einen neutralen, sehr allgemeinen Stil zurück. Das Resultat liest sich glatt, aber austauschbar, fast so, als hätte jede zweite Seite denselben Autor.

Fehler 4: die rechtlichen Punkte komplett Claude überlassen

Claude kann Impressum und Datenschutzerklärung als Textvorschlag liefern, trägt aber keine Verantwortung für deren rechtliche Korrektheit. Gerade bei Formularen, Cookies und eingebundenen Diensten braucht es einen menschlichen, im Zweifel fachkundigen Blick.

Fehler 5: nur am Desktop testen

Ein großer Teil der Besucherinnen und Besucher kommt über das Smartphone. Eine Seite, die am großen Bildschirm perfekt aussieht, kann auf dem Handy an Abständen, Schriftgrößen oder Formularen scheitern, wenn niemand dort getestet hat.

Fehler 6: die Ladezeit ignorieren

Unkomprimierte Bilder in hoher Auflösung bremsen selbst die schönste Seite aus. Wenige Sekunden zusätzliche Ladezeit kosten in der Praxis messbar Besucher, die vorher abspringen.

Fehler 7: GEO und semantisches HTML komplett übergehen

Wer nur auf klassisches Design achtet, aber Überschriften Struktur und strukturierte Daten außen vor lässt, verschenkt Sichtbarkeit in KI Suchergebnissen, die 2026 einen wachsenden Anteil des Suchverkehrs ausmachen.

Experten Tipps für bessere Ergebnisse

• Arbeite in einem eigenen Claude Project für jedes Website Projekt, so bleiben Designsystem, Texte und bisherige Anweisungen an einem Ort gebündelt, und Claude muss nicht bei jeder neuen Unterhaltung wieder von vorn lernen.
• Bewahre die design.md Datei über das Projektende hinaus auf. Bei der nächsten Anpassung oder einer zweiten Seite sparst du dir damit den kompletten ersten Schritt.
• Formuliere Änderungswünsche immer mit einem konkreten Bezugspunkt, welcher Abschnitt, welches Element, welche Richtung der Änderung, nie mit einer vagen Stimmungsbeschreibung.
• Bitte Claude Code aktiv um eine kurze Erklärung, welche Datei welche Aufgabe übernimmt, bevor du selbst etwas manuell änderst. Das erspart dir Suchen im Code, wenn du später ohne Claude eine Kleinigkeit anpassen willst.
• Teste die Seite in einer zweiten Korrekturschleife bewusst mit jemandem, der das Projekt vorher nicht kannte. Blinde Flecken bei der eigenen Seite sind völlig normal.
• Plane die GEO Optimierung von Anfang an mit ein, nicht als nachträgliche Idee. Semantisches HTML im ersten Bauauftrag zu verlangen ist deutlich schneller, als es später nachzurüsten.
• Sichere eine funktionierende Zwischenversion, bevor du eine größere strukturelle Änderung beauftragst. Kopiere dazu einfach die fertige HTML Datei in einen zweiten Ordner mit dem Zusatz Sicherung im Namen. So kommst du im Zweifel mit einem Klick zur letzten guten Version zurück.

Vor und Nachteile: Website mit Claude im Vergleich zu Baukasten und Agentur

Vorteile:

• deutlich schneller als eine klassische Agenturbeauftragung, oft in Stunden statt Wochen
• volle Kontrolle über Design und Text, ohne zwischen zwei Terminen auf Feedback zu warten
• kein Baukasten Korsett, echter Code statt starrer vorgefertigter Blöcke
• gut geeignet für schnelle Iterationen und Anpassungen im laufenden Betrieb

Nachteile:

• braucht trotzdem Zeit und mehrere Korrekturrunden, ist also kein reiner Ein Klick Prozess
• ersetzt keine Marketingstrategie, die Grundentscheidungen triffst weiterhin du
• rechtliche und sicherheitsrelevante Punkte brauchen weiterhin menschliche Prüfung
• für sehr komplexe Anwendungen mit Datenbank, Login Bereich oder Zahlungsabwicklung braucht es meist zusätzliches technisches Wissen oder Unterstützung

Im Vergleich zu einem klassischen Baukasten wie Wix oder Squarespace gewinnst du Freiheit beim Design, verlierst aber die fertigen, sofort einsatzbereiten Vorlagen. Im Vergleich zu einer klassischen Agentur gewinnst du Geschwindigkeit und Kosten, verlierst aber die strategische Beratung, die eine erfahrene Agentur zusätzlich mitbringt. Für eine einzelne Landingpage oder eine kleine Business Seite überwiegen in unserer Erfahrung die Vorteile deutlich, für sehr komplexe Plattformen lohnt sich weiterhin ein Blick auf spezialisierte Entwicklung.

Häufige Missverständnisse rund um KI und Websites

Claude programmiert von allein die perfekte Seite

Falsch. Claude braucht klare Vorgaben, ein Designsystem und Feedback in mehreren Runden. Ohne diese Führung entsteht eine technisch funktionierende, aber beliebige Seite.

Kein Programmierwissen nötig heißt kein Testen nötig

Auch ohne eigenen Codetest bleibt wichtig: mobile Ansicht prüfen, Links klicken, Formulare ausprobieren. Die Verantwortung für eine funktionierende Seite bleibt bei dir.

Eine mit KI gebaute Seite wird von Google automatisch schlechter eingestuft

Google bewertet keine Seite danach, mit welchem Werkzeug sie entstanden ist, sondern danach, ob sie Nutzenden echten Mehrwert bietet, technisch sauber ist und vertrauenswürdig wirkt. Entscheidend ist die Qualität des Ergebnisses, nicht das Werkzeug dahinter.

GEO ersetzt klassisches SEO

GEO ergänzt klassisches SEO, ersetzt es aber nicht. Eine Seite, die technisch sauber und inhaltlich stark für Menschen ist, profitiert in aller Regel auch bei KI Suchsystemen, umgekehrt gilt das nicht automatisch.

Häufig gestellte Fragen

Wie lange dauert es, eine Website mit Claude zu bauen?

Für eine einzelne Landingpage mit klarer Idee und vorhandenen Texten sind drei bis sechs Stunden realistisch, verteilt auf mehrere Korrekturrunden. Umfangreichere Seiten mit vielen Unterseiten brauchen entsprechend mehr Zeit.

Brauche ich Programmierkenntnisse, um mit Claude eine Website zu bauen?

Nein, für den Ablauf in diesem Guide reichen normale Sprache und ein klares Ziel für die Seite. Grundkenntnisse in HTML helfen beim späteren Feintuning, sind aber keine Voraussetzung.

Muss ich am Computer sehr geübt sein, um diesem Guide zu folgen?

Nein. Alles, was du an technischem Vorwissen brauchst, wird in diesem Guide erklärt, von der Installation der App bis zum letzten Klick beim Hosting. Wenn du eine E Mail schreiben und eine Datei speichern kannst, reicht das völlig aus, um alle Schritte selbst durchzuführen.

Welcher Claude Account ist für den Websitebau notwendig?

In der Praxis reicht für die meisten Projekte der Standard Pro Account, weil er Claude Code und ausreichend Nutzungsvolumen enthält. Wer sehr viele Seiten hintereinander baut, kann von einem höheren Tarif profitieren.

Kann ich mit Claude auch einen Onlineshop bauen?

Für einfache Produktseiten oder eine Warteliste ist der beschriebene Weg gut geeignet. Ein vollständiger Onlineshop mit Zahlungsabwicklung, Lagerbestand und Kundenkonten braucht zusätzliche technische Bausteine und in der Regel Unterstützung durch erfahrene Entwicklung.

Wie verhindere ich, dass meine Seite wie eine typische KI Seite aussieht?

Der entscheidende Hebel ist Schritt 2, das Ableiten eines eigenen Designsystems aus einem Beispielbild, kombiniert mit eigenen Beispieltexten für den Ton. Ohne diese beiden Zutaten entstehen die austauschbaren Ergebnisse, die viele Menschen unter KI Seite verstehen.

Ist eine mit Claude gebaute Website sicher und DSGVO konform?

Die technische Basis kann sauber sein, die rechtliche Konformität hängt aber von den eingebundenen Diensten, Formularen und Trackingtools ab. Prüfe Impressum, Datenschutzerklärung und Cookie Einstellungen manuell oder mit fachkundiger Unterstützung, bevor die Seite live geht.

Wo kann ich meine mit Claude gebaute Website kostenlos hosten?

Für einfache Landingpages ohne Datenbank eignen sich Netlify und Vercel, beide mit kostenlosem Einstieg und Einrichtung in wenigen Minuten. GitHub Pages ist eine weitere kostenlose Option für Nutzer mit etwas technischerem Hintergrund.

Was ist der Unterschied zwischen Claude Chat und Claude Code?

Im Chat sprichst du mit Claude über Texte, Ideen und Bilder. Claude Code ist der Programmiermodus, der sich mit einem echten Ordner auf deinem Rechner verbindet und dort Dateien anlegt, liest und verändert, in unserem Fall den kompletten Code deiner Webseite.

Wie mache ich meine Website auch für ChatGPT und andere KI Suchsysteme sichtbar?

Über semantisches HTML, passende Schema.org Daten, eine einfache llms.txt Datei und klar formulierte Antwortsätze zu den wichtigsten Fragen deiner Zielgruppe. Dieser Bereich heißt GEO und wird in Schritt 8 dieses Guides ausführlich erklärt.

Was mache ich, wenn ich bei einem Schritt nicht weiterkomme?

Beschreib Claude im Chat einfach ganz genau, was du siehst und was du erreichen wolltest, zum Beispiel: Ich habe auf den Downloadbutton geklickt, aber es öffnet sich nichts. Claude kann dir daraufhin gezielt weiterhelfen, ganz so, wie eine geduldige Kollegin, die neben dir sitzt.

Die wichtigsten Erkenntnisse im Überblick

• Eine Website mit Claude entsteht in vier Phasen: Designsystem, Struktur, Texte, technischer Bau über Claude Code
• Das Designsystem aus einem Beispielbild ist der wichtigste Einzelschritt gegen austauschbare Ergebnisse
• eigene Beispieltexte sind entscheidend, damit die Seite nach dir klingt und nicht nach einem neutralen KI Standard
• mehrere Korrekturrunden sind normal und kein Zeichen für einen Fehler im Prozess
• Netlify und Vercel sind für den schnellen, kostenlosen Start die praktischste Wahl
• GEO Optimierung, also Sichtbarkeit in KI Suchergebnissen, gehört 2026 in jeden ernsthaften Websiteprozess mit hinein
• rechtliche Prüfung und ein finaler menschlicher Blick bleiben unabhängig vom Werkzeug notwendig
• jeder einzelne Klick in diesem Guide lässt sich auch ohne Vorerfahrung nachvollziehen, wenn du dir für jeden Schritt etwas Zeit nimmst

Dein nächster Schritt

Du hast jetzt den kompletten Ablauf in der Hand, von der ersten Bildidee bis zur fertigen, sichtbaren Seite, inklusive jedem einzelnen Klick dazwischen. Der ehrlichste Rat zum Schluss: Fang mit dem einfachsten Projekt an, das du gerade hast, eine einzelne Landingpage, eine Warteliste, eine kleine Vorstellungsseite. Durchlaufe alle neun Schritte einmal komplett, auch wenn du an der einen oder anderen Stelle unsicher bist. Die Routine entsteht beim Tun, nicht beim Lesen.

Wenn du dabei technische Unterstützung brauchst, insbesondere bei der GEO Optimierung, dem Schema.org Markup oder der llms.txt Einrichtung, ist das genau der Bereich, in dem wir bei Dreamcodes seit Jahren unterwegs sind. Schau dich in Ruhe auf Dreamcodes um, oder starte einfach direkt mit deinem ersten Beispielbild. Der Rest folgt Schritt für Schritt.