Website mit Claude erstellen: Anleitung aus der Praxis

Meine Erfahrung: Diese Website ist mit Claude gebaut

Seit Juli 2026 baue ich pianopianostudio.de mit Claude Code. Technik: Astro, ein kostenloses Grundgerüst für schnelle Websites. Hosting: Vercel, also der Server, auf dem die Seite liegt. Stand heute: über 240 Änderungen, 85 davon als geprüfte Updates live. Den Großteil des Codes hat Claude geschrieben.

Drei Dinge habe ich dabei gelernt:

• Claude baut schnell, aber du gibst die Richtung vor. Struktur, Positionierung und Keywords kommen von mir.
• Die Qualität steckt in der Kontrolle. Ich prüfe jede Änderung in der Vorschau und auf dem Handy. Vieles schicke ich mit Korrekturen zurück.
• Texte schreibe ich selbst. Claude hilft bei Gliederung und Feinschliff.

Mit Claude eine Website erstellen: drei Wege im Vergleich

Kurz gesagt: Für einen Entwurf reicht der Chat. Für eine echte Website brauchst du Claude Code.

1. Claude Chat

Du beschreibst im Chat auf claude.ai, was du willst. Claude zeigt die Seite direkt daneben. Gut, um eine Idee in fünf Minuten sichtbar zu machen. Für eine echte Website fehlen Unterseiten und ein Ort zum Veröffentlichen.

2. Claude Design

Gibt es seit April 2026. Du lädst Logo, Farben oder Screenshots hoch und verfeinerst den Entwurf per Chat, Kommentar oder Schieberegler. Das Ergebnis exportierst du oder übergibst es an Claude Code.

3. Claude Code

Claude Code arbeitet direkt in einem Ordner auf deinem Computer. Es legt Dateien an, testet die Seite und spielt Änderungen aus. Die Einarbeitung dauert etwas länger. Dafür bekommst du eine Website, die dir gehört und die du beliebig erweitern kannst. Mit genau diesem Tool ist diese Seite entstanden.

Schritt für Schritt: Website erstellen mit Claude

So baue ich eine Website mit Claude Code, vom leeren Ordner bis zur eigenen Domain. Nur ein Entwurf im Chat? Dann reichen die Schritte 1, 3 und 4.

Zu jedem Schritt siehst du einen Screenshot. Die Ansichten sind vereinfacht nachgestellt und die wichtigen Stellen nummeriert. Klick auf ein Bild, um es groß zu öffnen.

1. Ziel, Seiten und Keywords festlegen

   Bevor du Claude etwas schreibst, klär drei Fragen: Wer besucht die Seite? Was soll die Person tun (anrufen, buchen, kaufen)? Wonach sucht sie bei Google?

   • Seitenliste: Für die meisten Selbstständigen reichen Start, Leistungen, Über mich, Kontakt, Impressum und Datenschutz. Wie du die Seiten sinnvoll ordnest, zeige ich im Ratgeber zum Website Aufbau.
   • Ein Keyword pro Seite: Das ist der Suchbegriff, über den die Seite gefunden werden soll. Gib dein Thema bei Google ein und schau dir die Vorschläge der Suchleiste und den Block „Ähnliche Fragen“ an. Für eine Praxis wäre das etwa „Physiotherapie München“.
   • Materialordner: Leg einen Ordner „website“ an und darin einen Ordner „inhalte“ mit deinen Texten, Fotos, dem Logo und deinen Farben. Farben am besten als Hexcode, also im Format #2C657A. Den findest du in jedem Designprogramm.

   

2. Claude Code und Konten einrichten

   Buch den Pro Plan und installier die Claude Desktop App. Das ist Claude als Programm auf deinem Computer statt im Browser. Klick oben auf den Reiter „Code“ und wähl deinen Ordner „website“ aus. Ab jetzt arbeitet Claude nur in diesem Ordner.

   

   Befehle tippt Claude selbst. Bevor Claude etwas auf deinem Computer ausführt, fragt es nach. Du liest kurz mit und klickst auf „Erlauben“.

   

   Leg außerdem ein kostenloses Konto bei GitHub an. GitHub ist ein Onlinespeicher für Code, so wie Google Drive für Dokumente. Jede Änderung an deiner Website wird dort als eigene Version gesichert. Geht etwas schief, springst du einfach zurück.

   Dann lass Claude eine Datei CLAUDE.md anlegen. Das ist eine einfache Textdatei mit Regeln, die Claude bei jeder Sitzung liest: Tonalität, Farben, Schriften, Du oder Sie. Bei mir steht zum Beispiel drin, dass mit Doppelpunkt gegendert wird (Kund:innen). So musst du nichts zweimal erklären.

   

3. Das Grundgerüst bauen lassen

   Dein erster Auftrag beantwortet fünf Fragen: Ziel, Zielgruppe, Seiten, Stil und Technik. So sieht einer aus, den ich ähnlich selbst nutze:

   Erstelle eine Website für meine Physiotherapiepraxis in München.
   Ziel: Patient:innen sollen online einen Termin anfragen.
   Zielgruppe: Berufstätige zwischen 30 und 55 mit Rückenschmerzen.
   Seiten: Start, Leistungen, Team, Kontakt, Impressum, Datenschutz.
   Inhalte: Nutze die Texte und Bilder aus dem Ordner inhalte.
   Stil: ruhig und hell, viel Weißraum, Akzentfarbe #2C657A.
   Technik: Astro, statische Seiten, mobil zuerst, Bilder als WebP.
   Zeig mir zuerst die Seitenstruktur und warte auf mein Okay.

   Die Zeile „Technik“ kannst du einfach übernehmen. Sie sorgt für eine schnelle Seite, die kaum Wartung braucht.

   Claude antwortet mit einem Plan: Dateien, Seitennamen, Abschnitte der Startseite. Lies ihn genau. Jetzt kostet eine Änderung einen Satz. Später mehrere Runden.

   

4. Im Browser prüfen und verfeinern

   Lass Claude die Vorschau starten. Diese Version läuft nur auf deinem Computer, niemand außer dir sieht sie. Sie öffnet sich im Browser unter einer Adresse wie localhost:4321. Prüf sie immer auch mobil: In Chrome per Rechtsklick auf „Untersuchen“, dann die Geräteansicht einschalten.

   

   Gib Feedback einzeln und konkret. Screenshots ziehst du einfach in den Chat. Diese Nachrichten funktionieren:

   • „Der obere Bereich wirkt auf dem Handy zu voll. Kürze den Text auf zwei Zeilen.“
   • „Der Button im Kontaktbereich soll dieselbe Farbe haben wie oben.“
   • „Ersetze die Platzhalter auf der Seite Team durch die Texte aus team.md.“

   Das funktioniert nicht: „Mach es schöner.“ Je genauer du sagst, was stört, desto besser das Ergebnis.

5. SEO und Rechtstexte einbauen

   Jetzt machst du den Entwurf auffindbar. Gib Claude pro Seite das Keyword aus Schritt 1 und lass Title, Meta Description und H1 darauf ausrichten. Title und Meta Description sind Überschrift und Kurztext, die Google in den Suchergebnissen zeigt. Die H1 ist die Hauptüberschrift auf der Seite. Dann gibst du Claude die Checkliste weiter unten als Prüfauftrag.

   

   Impressum und Datenschutzerklärung erstellst du mit einem Generator für Rechtstexte oder lässt sie prüfen. Claude baut sie ein, haftet aber nicht dafür. Und: Schriften gehören auf deinen Server, nicht zu Google. Sonst droht eine Abmahnung.

6. Veröffentlichen und Domain verbinden

   Bisher liegt die Website nur auf deinem Computer. Damit sie online geht, musst du vier Begriffe kennen:

   Repository

   Der Projektordner deiner Website bei GitHub, mit allen Dateien und jeder früheren Version.

   Hoster

   Ein Anbieter, der deine Website auf einem Server speichert, der rund um die Uhr läuft. Erst dadurch ist sie im Internet erreichbar.

   Domain

   Deine Adresse im Internet, etwa deinname.de. Du mietest sie jährlich bei einem Domainanbieter wie INWX, IONOS oder Strato.

   DNS-Eintrag

   Eine Einstellung beim Domainanbieter, die festlegt, zu welchem Hoster deine Domain führt. Wie ein Nachsendeauftrag für deine Adresse.

   So gehst du vor:

   • Sag Claude: „Leg ein Repository an und lade das Projekt zu GitHub hoch.“ Claude erledigt das, du bestätigst nur.
   • Wähl einen Hoster. Netlify, Cloudflare Pages oder Vercel verbinden sich direkt mit GitHub. Ich nutze Vercel, die anderen funktionieren genauso. Klassische Webhoster wie IONOS gehen auch, dort lädt Claude die fertigen Dateien direkt hoch.
   • Beim Hoster wählst du dein Repository aus. Nach etwa einer Minute ist die Seite unter einer vorläufigen Adresse online.

     

   • Dann trägst du deine Domain ein. Der Hoster zeigt dir die DNS-Einträge, die du bei deinem Domainanbieter hinterlegst. Meine Domain liegt bei INWX, dort dauert das wenige Minuten.

     

   • Melde die Seite in der Google Search Console an. Das kostenlose Google-Tool zeigt dir, wie deine Seite in der Suche abschneidet. Reiche dort die Sitemap ein, eine Liste aller Seiten, damit Google sie schneller findet.

     

7. Die Seite pflegen

   Ab jetzt läuft jede Änderung gleich: Du beschreibst sie in einem Satz. Du prüfst die Vorschau. Claude lädt sie hoch, dein Hoster stellt sie online. So sind alle über 80 Updates dieser Website live gegangen.

   

Was kostet es, eine Website mit Claude zu erstellen?

Claude selbst ist günstig, mehr kostet deine Zeit. Die Preise, Stand September 2026:

Für eine kleine Website reicht meist ein Monat Pro. Der größere Posten ist deine Zeit: Rechne mit mindestens einem vollen Arbeitstag. Als Einsteiger:in eher mit mehreren.

Website mit KI erstellen: wo Claude an Grenzen stößt

Claude setzt um. Planen musst du. Claude baut genau das, was du beschreibst. Was du beschreiben solltest, weiß es nicht.

• Strategie: Welche Zielgruppe, welches Angebot und welche Seiten wirklich Anfragen bringen, entscheidest du. Claude kennt weder deinen Markt noch deine Wettbewerber.
• Suchintention: Claude weiß nicht, wonach deine Kund:innen bei Google suchen. Ohne Keyword-Recherche baust du eine schöne Seite, die niemand findet.
• Langfristiges Wachstum: Sichtbarkeit entsteht über Monate (wie lange SEO dauert): Zahlen in der Search Console auswerten, neue Inhalte planen, ausbauen, was funktioniert. Claude misst keine Ergebnisse und denkt nicht von selbst an den nächsten Schritt.
• Qualitative Inhalte: Eigene Erfahrung, Zahlen und Beispiele kann keine KI erfinden. Genau sie schaffen Mehrwert und entscheiden, ob du bei Google und in KI-Suchen rankst.

Kurz gesagt: Claude baut dir die Website. Den Plan, wohin sie wachsen soll, brauchst du selbst.

SEO-Check vor dem Livegang

Ohne SEO findet deine neue Website kaum jemand. Warum das so ist, erkläre ich in Warum SEO wichtig ist. Diese Liste gehe ich vor jedem Livegang durch. Gib sie Claude direkt als Prüfauftrag:

• Jede Seite hat einen eigenen Title (bis etwa 60 Zeichen) und eine Meta Description.
• Pro Seite gibt es genau eine H1, die das Hauptkeyword enthält.
• Bilder sind klein gespeichert (Format WebP) und haben Alt-Texte, also kurze Bildbeschreibungen für Google und Screenreader.
• Die Seite lädt mobil schnell. Prüf das mit dem kostenlosen Google-Tool PageSpeed Insights.
• Canonical, Sitemap und robots.txt sind gesetzt. Diese technischen Angaben sagen Google, welche Seiten es gibt und welche es lesen darf.
• Strukturierte Daten beschreiben dein Unternehmen. Das sind unsichtbare Zusatzinfos im Code, etwa Adresse und Öffnungszeiten.
• Impressum und Datenschutzerklärung sind von jeder Seite aus erreichbar.
• Die Seite ist in der Google Search Console angemeldet.

Fazit: Selbst bauen oder bauen lassen?

Kann man mit Claude eine Website erstellen? Ja, auch ohne Informatikstudium. Nimm Claude Code, mach vorher einen Plan und prüf SEO und Recht, bevor die Seite live geht.

Keine Zeit dafür? Ich baue Websites mit genau diesem Werkzeug, inklusive Design, Texten und SEO-Fundament. Die fokussierte Variante an einem Tag. So läuft das ab und das kostet es.