Website mit Claude erstellen: die Anleitung für die Schweiz

Von Daniel Dmitriouk, Zürich · Stand 3. November 2026

Ich habe über 20 Websites gebaut, viele davon komplett mit Claude, auch diese hier. Diese Anleitung zeigt den Weg, den ich selbst nutze, und die Stellen, an denen Anfänger am häufigsten hängen bleiben.

Was du brauchst

• Claude Pro. Das bezahlte Abo von Anthropic. Claude Code ist darin enthalten.
• Einen Laptop mit Chrome. Claude Code läuft im Browser unter claude.ai/code. Du musst nichts installieren.
• Ein GitHub-Konto (gratis). Dort liegt der Code deiner Website, mit jeder Version gespeichert.
• Ein Cloudflare-Konto (gratis). Cloudflare stellt deine Website online.
• Eine Domain, zum Beispiel deinname.ch. In der Schweiz kaufen viele bei Hostpoint, andere Anbieter gehen genauso.

Claude Chat oder Claude Code?

Im normalen Chat kann Claude dir eine Seite als Vorschau zeigen. Das ist gut, um ein Design auszuprobieren. Für eine echte Website reicht es nicht: Die Seite liegt nur im Chat, sie hat keine Adresse, und jede Änderung musst du von Hand kopieren.

Claude Code arbeitet direkt in deinem Projekt. Es schreibt die Dateien, speichert sie auf GitHub und kann Fehler selbst prüfen. Für eine Website, die dir gehört und die du später ändern willst, ist das der richtige Weg.

Schritt 1: Inhalte sammeln

Claude baut schnell. Was Claude nicht weiss, sind die Fakten über dein Business. Schreib sie vorher auf, in deinen eigenen Worten:

• Was du anbietest, in einem Satz, und für wen
• Wo du arbeitest (Ort, Region oder online)
• Preise oder Pakete
• Drei Gründe, warum Kunden zu dir kommen, und Bewertungen, falls du welche hast
• Wie man dich erreicht: E-Mail, Telefon, Buchungslink
• Name, Adresse und E-Mail fürs Impressum
• Ein paar eigene Fotos und zwei, drei Websites, die dir gefallen

Schritt 2: Die Website bauen lassen

Öffne claude.ai/code in Chrome, verbinde dein GitHub-Konto und starte ein neues Projekt. Dann beschreibst du die Website. Ein guter erster Prompt ist konkret:

Bau mir eine Website für mein Yogastudio in Winterthur.
Ruhig, naturnah, viel Weissraum. Seiten: Start, Kurse, Preise, Kontakt.
Hier sind meine Angaben: [deine Notizen aus Schritt 1]
Erfinde nichts. Wenn etwas fehlt, frag mich zuerst.
Einfaches HTML und CSS, schnell auf dem Handy.

Claude baut die erste Version in rund 20 Minuten und speichert sie auf GitHub.

Schritt 3: Ändern in normalen Sätzen

Jetzt kommt der Teil, der Spass macht. Du schaust die Vorschau an und sagst, was anders sein soll:

Mach den Titel grösser und die Farben wärmer.
Ändere den Preis für die Probestunde auf CHF 25.
Füg meine drei Fotos auf der Startseite ein.

Gefällt dir ein Layout auf einer anderen Website, mach einen Screenshot und schreib: «Claude, mach es so.» Das funktioniert erstaunlich gut.

Schritt 4: Gratis online mit Cloudflare

In Cloudflare verbindest du unter Workers & Pages dein GitHub-Projekt. Ab dann gilt: Jede Änderung, die Claude auf GitHub speichert, ist nach rund einer Minute online. Zuerst bekommst du eine Adresse, die auf workers.dev endet. Das ist deine Testadresse.

Das Hosting kostet nichts. Für eine Website von einem Studio, einer Praxis oder einem Coach reicht das Gratis-Angebot von Cloudflare locker.

Schritt 5: Die eigene .ch-Domain verbinden

Hier geben die meisten auf, weil es nichts mit Design zu tun hat. Der Ablauf, am Beispiel einer Domain bei Hostpoint:

1. In Cloudflare Add a domain wählen, deine Domain eingeben, den Gratis-Plan nehmen.
2. Cloudflare übernimmt die bisherigen Einträge. Lösch die Einträge für die Parkseite (bei Hostpoint die Adressen 217.26.48.101 und 2a00:d70:0:a::166). Sonst zeigt deine Domain weiter die Parkseite statt deiner Website. E-Mail-Einträge (MX) lässt du stehen.
3. Cloudflare zeigt dir zwei Nameserver. Trag sie bei Hostpoint unter Domains › deine Domain › Name servers ein und speichere.
4. Zurück in Cloudflare, bei deinem Worker unter Domains: deine Domain mit www und ohne www hinzufügen.
5. Eine Weiterleitung einrichten, damit es nur eine Adresse gibt, zum Beispiel ohne www auf www. Cloudflare hat dafür eine fertige Vorlage unter Rules › Redirect Rules.

Schritt 6: Impressum und Datenschutz

Auch eine kleine Website in der Schweiz braucht klare Angaben, wer dahintersteht, und eine Datenschutzerklärung. Wer im Internet Leistungen anbietet, muss laut Lauterkeitsrecht (UWG) klar angeben, wer dahintersteht und wie man ihn erreicht, inklusive E-Mail. Und seit 1. September 2023 gilt das revidierte Datenschutzgesetz (DSG).

• Impressum: Name oder Firma, Adresse, E-Mail, bei Firmen die UID oder MWST-Nummer.
• Datenschutz: welche Daten anfallen (Kontaktformular, Statistik, eingebettete Karten oder Videos), wer sie bekommt und wie man dich erreicht.

Claude kann beides aus deinen Angaben schreiben. Lies es trotzdem selbst durch. Das hier ist eine Orientierung, keine Rechtsberatung.

Schritt 7: Bei Google und ChatGPT gefunden werden

Eine schöne Website, die niemand findet, bringt nichts. Lass Claude diese Punkte erledigen, sobald die Domain läuft:

• Titel und Beschreibung pro Seite: was du anbietest und wo, zum Beispiel «Yoga in Winterthur | Atem Yoga».
• Canonical, Sitemap und robots.txt zeigen auf deine echte Domain, nicht mehr auf die workers.dev-Adresse.
• Strukturierte Daten (Schema.org) mit Name, Adresse, Angebot und Öffnungszeiten.
• Eine llms.txt-Datei: eine kurze Zusammenfassung für KI-Suchen wie ChatGPT, Claude und Perplexity.

Dann meldest du die Website in der Google Search Console an. Die Bestätigung geht am einfachsten über einen TXT-Eintrag in Cloudflare. Danach reichst du die Sitemap ein und beantragst die Indexierung der Startseite. Hast du ein Google-Unternehmensprofil, trag dort deine neue Adresse ein.

Die häufigsten Stolpersteine

Aus meinen Workshops und Einzelsessions:

1. Dateien von Hand auf github.com hochladen. Das bringt Claude und GitHub durcheinander. Lass Claude speichern. Nur Fotos lädst du selbst hoch und sagst Claude danach Bescheid.
2. Die Desktop-App statt des Browsers. Für Anfänger ist claude.ai/code in Chrome einfacher, weil dort GitHub direkt verbunden ist.
3. Die Parkseite bleibt. Die alten Einträge des Domain-Anbieters wurden in Cloudflare nicht gelöscht (Schritt 5).
4. Google kennt nur die Testadresse. Canonical und Sitemap zeigen noch auf workers.dev. Dann ist die Website zwar online, aber für Google die falsche.
5. Ein Satz für zu viel auf einmal. «Mach alles schöner» bringt wenig. Eine Änderung pro Satz bringt viel.

Was kostet das?

Häufige Fragen