Erstellen Sie eine Website mit Claude: Was Sie erhalten und was Sie vor dem Start überprüfen sollten.

Wie erstellen Sie heute eine Website mit Claude?

Sie erstellen Ihre Website mit Claude, indem Sie die Seite in einer Eingabeaufforderung beschreiben, Claude Code Ihre Dateien schreiben lassen, sie auf GitHub hochladen und mit Ihrem Host wie Vercel oder Cloudflare Pages verbinden. Ein Einsteiger-Tutorial nennt die Voraussetzungen: ein Claude-Pro-Abonnement, ein Vercel-Konto und ein GitHub-Konto. Dazu kommen Node.js (LTS) und ein Terminal; Claude Code installieren Sie über npm. „Fangen Sie klein an, dann reicht der 20-Dollar-Pro-Tarif aus“, sagt Ryan Doser. Für aufwendige Erstellungsaufgaben empfiehlt er jedoch den 100-Dollar-Max-Tarif.

Es gibt andere Wege. Chris Lemas 24-Schritte-Anleitung führt Sie ohne Terminal durch die Erstellung Ihrer kostenlosen Website mit Claude Cowork, GitHub und Cloudflare Pages. Mit Claude Design beginnen Sie stattdessen direkt mit visuellen Elementen. Laut Anthropic erstellen Sie damit Designs, Prototypen, Präsentationsfolien und One-Pager, als Marketingfachmann auch Landingpages. Egal, wofür Sie sich entscheiden: Ihre Seiten liefert ein Hosting-Anbieter an die Besucher aus. Und genau diese Seiten bewertet die öffentliche Lesung.

Was ist der Unterschied zwischen Claude Design, Claude Code und dem Chat?

Claude Design nutzen Sie für visuelle Arbeiten, Claude Code zum Erstellen und Hochladen der Dateien, aus denen Ihre Website entsteht. Der Chat dient einfachen Unterhaltungen. Haben Sie Claude Pro, Max, Team oder Enterprise abonniert, können Sie Claude Design in der Forschungsvorschau testen; es ist ein Produkt von Anthropic Labs und basiert auf Claude Opus 4.7. Das geht zulasten Ihrer Abonnement-Limits. Bei einem Enterprise-Tarif muss Ihr Administrator die Funktion in den Organisationseinstellungen aktivieren. Finden Sie sie nicht, fragen Sie zuerst dort nach.

Nutzen Sie alle drei auf Ihrer Website und beobachten Sie den Übergang zwischen ihnen. Laut Anthropic können Produktmanager in Claude Design einen Funktionsablauf skizzieren und ihn zur Umsetzung an Claude Code weitergeben. Beginnen Sie mit dem 15-minütigen Leitfaden der Claude Academy zu diesem Übergang. Design-Präsentationen lassen sich als PPTX exportieren oder an Canva senden. Doch was Ihre bereitgestellte Seite tatsächlich enthält, verrät Ihnen das alles nicht. Das hängt von Ihren Dateien, Ihrem Host und Ihrer Eingabeanweisung ab. Verlässlich ist deshalb nur Ihre Live-URL. Prüfen Sie Ihre eigene Seite, nicht das Tool. Lesen Sie nach, was Ihr Browser empfängt.

Was liefert eine mit Claude gebaute Website standardmäßig aus?

Was Ihre mit Claude erstellte Website ausliefert, bestimmen Ihre Eingabeaufforderung, Ihr Framework und Ihre Build-Einstellungen. Einen einheitlichen Standardwert gibt es nicht. Leon Furzes erste Eingabeaufforderung bezog sich auf eine Astro-Website; seine Cloudflare-Pages-Einstellungen verwenden die Astro-Voreinstellung und den Build-Befehl `npm run build`, als Ausgabeverzeichnis dient `dist`. Stimmen Ihre Einstellungen damit überein? Pelcro beschreibt eine Live-Website ohne herkömmlichen Server, bei der Seiten im Voraus erstellt und von Cloudflare bereitgestellt werden. Funktioniert Ihre Website so? Wie die Antwort auch ausfällt: Entscheidend ist das Ergebnis der Bereitstellung. Überprüfen Sie also, was Sie bereitstellen.

Sehen Sie sich Ihren Markup-Code an. Laut HashBuilds schreibt Claude sauberen, semantischen Code, braucht aber bei Viewport-Meta-Tags, Zeichensatzdeklarationen und der Titelhierarchie Unterstützung. Prüfen Sie daher Ihren Head-Bereich auf alle drei Punkte. Ein JSON-LD-Schema kann das Tool erstellen, wenn Sie ihm konkrete geschäftliche Anforderungen vorgeben. Haben Sie das getan? Die Auswertung analysiert Ihre Startseite und bis zu acht zufällig ausgewählte Seiten und gibt Ihnen einen Überblick über Header, Markup, strukturierte Daten, Überschriften sowie Skript- und Bildgewicht. Ihre Eingabeaufforderungen und Ihr Repository bleiben unberücksichtigt. Sie erhalten also lediglich eine Auswertung dessen, was Ihre Website tatsächlich bereitstellt, mehr nicht.

Was sollten Sie prüfen, bevor Sie eine mit Claude gebaute Website veröffentlichen?

Bevor Sie eine Seite veröffentlichen, prüfen Sie Ihre Metadaten auf mehr als einer Seite. Danach sind Canonical-Tags, Antwort-Header, strukturierte Daten, Crawler-Zugriff und Bildgewichtung an der Reihe. Haben Sie eine gemeinsam genutzte Vorlage geändert? Dann rufen Sie für jede Änderung mindestens zwei Ihrer Routen auf. Screpy warnt: Ihr Metadaten-Helper kann isoliert betrachtet korrekt erscheinen und trotzdem auf jeder Seite dieselben Werte zurückgeben. Testen Sie daher jede Route, an der Sie etwas geändert haben. In einer Plugin-Demo gab eine neu bereitgestellte „Über uns“-URL einen 404-Fehler zurück und musste repariert werden. Eine Seite, die stillschweigend fehlschlägt, ist die schlimmste Art von Fehler. Laden Sie deshalb nach der Bereitstellung Ihre eigenen neuen URLs.

Überprüfen Sie Ihr Schema zweimal. eSEOspace empfiehlt, jeden JSON-LD-Block zu analysieren und Ihre Vorlagen im „Rich Results Test“ von Google zu testen. Außerdem soll Ihr Markup mit dem übereinstimmen, was Ihre Besucher sehen. Dabei wird die Regel von Google zitiert: „Markieren Sie keine Inhalte, die für die Leser der Seite nicht sichtbar sind.“ Screpy weist darauf hin, dass eine fehlerfreie Analyse nicht bedeutet, dass Ihre Seiten für die Anzeige geeignet sind. Gültiges Markup kann erfundene oder veraltete Werte enthalten. Prüfen Sie es, bevor Sie es veröffentlichen. Pelcro markiert alles, was größer als 500 KB ist; achten Sie daher auf die Größe Ihrer Bilder.

Wie stellen Sie eine mit Claude gebaute Website bereit und betreiben sie weiter?

Sie stellen bereit, indem Sie Ihr GitHub-Repository mit einem Host wie Vercel oder Cloudflare Pages verbinden. Sobald Sie Änderungen in Ihr Repository übertragen, stellt Ihr Host automatisch neu bereit. In einem Tutorial für Einsteiger fragt Claude Code, ob es jede Ihrer Aktualisierungen auf GitHub hochladen soll, woraufhin Vercel Ihre Website neu bereitstellt. Ryan Doser sagt, dass Cloudflare dafür weniger als eine Minute braucht. Er hält Repositorys für echte Kundenwebsites privat (zu Recht). Und Ihres sollte ebenfalls privat bleiben.

Ihre Website ist unter einer pages.dev-Adresse erreichbar, bis Sie Ihre eigene Domain darauf verweisen, erklärt Chris Lema. Danach dauert es laut MindStudio in der Regel einige Minuten bis zu einigen Stunden, bis Ihre DNS-Änderungen übernommen sind. Vercel richtet HTTPS auf Ihrer benutzerdefinierten Domain automatisch ein. Pelcro eröffnet jede Ihrer Änderungen als Pull-Request mit einem Vorschau-Link, den Sie öffnen können, und führt zuerst die Überprüfungen durch. Schlägt eine der erforderlichen Überprüfungen fehl, bekommt Cloudflare den Auftrag zum Bereitstellen Ihres Builds gar nicht erst.

Wo schneiden mit Claude gebaute Websites gut ab, und wo fallen sie ab?

Keine der Quellen veröffentlicht Bewertungen, also gibt es von ihnen keine allgemeine Antwort. Die Antwort sind Ihre eigenen Säulen-Ergebnisse. Sie erhalten eine Punktzahl von 100 für Ihre Website, die sich aus acht gewichteten Säulen zusammensetzt: Architektur 15 %, Leistung 15 %, Sicherheit 12 %, Suche 12 %, Schema 10 %, KI-Bereitschaft 10 %, redaktionelle Erfahrung 10 % und Betriebszustand 16 %. Hinter jeder Säule stehen die entsprechenden Belege, damit Sie diese prüfen können, bevor Sie Ihrer Punktzahl trauen. Eine Zahl ohne Belege ist bloß eine Meinung.

Die Werte, die die Quellen nennen, können Sie auf Ihren eigenen Seiten nachsehen. Ihre Metadaten wiederholen sich vielleicht über mehrere Seiten hinweg. Ihre neue Route gibt womöglich einen 404-Fehler zurück, und Ihre Bilder sind unter Umständen größer als 500 KB. Alle drei Punkte zeigen Ihnen Ihre ausgewählten öffentlichen Seiten. Ob ein Schemawert für Ihr Unternehmen zutrifft, kann die Auswertung Ihnen aber nicht sagen: Das müssen Sie selbst beurteilen. Ihre Punktzahl fällt in einen der folgenden Bereiche: 80 bis 100 guter Zustand, 60 bis 79 eingeschränkt, 40 bis 59 gefährdet und 0 bis 39 veralteter Zustand. Ermitteln Sie Ihren Bereich. Und beheben Sie dann die Probleme, die Sie auf Ihrer Website erkennen können.

Wie prüfen Sie Ihre mit Claude gebaute Website in zwei Minuten?

Fügen Sie die Adresse Ihrer Website in die kostenlose Bewertung ein und geben Sie Ihre geschäftliche E-Mail-Adresse an, damit Sie den Link zu Ihrem Bericht einmalig erhalten. Etwa zwei Minuten später sehen Sie Ihre Punktzahl auf einer Skala von 100. Die Analyse wertet Ihre Startseite sowie bis zu acht zufällig ausgewählte Seiten Ihrer Website aus: Ihre Antwort-Header, das Markup, strukturierte Daten, Überschriften, die Größe von Skripten und Bildern sowie Ihre Robots- und Canonical-Signale. Sie erhalten eine Gesamtpunktzahl und dazu die Belege für jeden einzelnen Bewertungsbereich. Bevor Sie etwas ändern, sehen Sie, was die Punktzahl gesenkt hat. So müssen Sie nie raten, welche Korrektur Sie zuerst versuchen.

Ich nutze Claude Code täglich und habe diese Bewertung damit erstellt. Die Prüfungen entspringen deshalb derselben Gewohnheit, die diese Seite empfiehlt: Beurteilen Sie das Ergebnis, nicht das Werkzeug. Die Bewertung meldet sich nicht auf Ihrer Website an, liest keine Analysedaten aus, wertet keine Leistungsdaten aus der Praxis aus und befragt niemanden. Sie erhalten drei Überprüfungen pro Stunde und Verbindung. Beheben Sie einen der Punkte, stellen Sie Ihre Website erneut bereit und führen Sie den Test noch einmal durch. Ihre nächste Bewertung zeigt Ihnen dann, was Ihre Änderung bewirkt hat. Etwas anderes, auf das Sie sich verlassen können, gibt es als Feedback nicht.

Fragen und Antworten.

Eigene Website prüfen.

1. 01Astro-SEO-CheckIslands, Content Collections, strukturierte Daten, Web Vitals.
2. 02Next.js-SEO-AuditRendering-Modus, Metadaten, Hydration-Kosten.
3. 03Website-CheckDie Gesamtanalyse, alle acht Säulen.

Mehr von What Ships.

1. 01Die besten Vibe-Coding-Tools 2026, bewertet nach dem, was sie ausliefern.Tools · 2026-10-25
2. 02Die besten KI-Website-Baukästen, gemessen an den Scores ihrer Websites.Baukästen · 2026-10-25
3. 03Lovable vs. Bolt vs. v0: Was jedes Tool ausliefert.Im direkten Vergleich · 2026-10-25