Du willst eine Website mit KI erstellen, aber weißt nicht, wo du anfangen sollst? Diese Anleitung führt dich in sieben klaren Schritten vom ersten Satz bis zur fertigen Seite im Internet. Du brauchst dafür keine Programmierkenntnisse – nur eine Idee und etwas Zeit.
Wir zeigen den Weg am Beispiel von AICODESIT, einer Plattform, auf der eine KI deine Website als echten Code schreibt. Die Prinzipien gelten aber für jedes gute KI-Werkzeug: klare Anweisungen, kleine Schritte und ein prüfender Blick auf das Ergebnis.
Warum du deine Website mit KI erstellen solltest
Eine Website zu bauen hieß lange: Baukasten-Vorlage anpassen oder eine Agentur bezahlen. Beides hat Nachteile. Baukästen sind schnell, aber starr. Agenturen sind flexibel, aber teuer und langsam.
Wenn du eine Website mit KI erstellen lässt, bekommst du das Beste aus beiden Welten. Du beschreibst in normalen Sätzen, was du brauchst, und die KI schreibt Seiten, Texte, Layout und Logik. Das Ergebnis ist echter Code, den du jederzeit ändern kannst.
- Tempo: Eine erste Version steht in Minuten statt in Wochen.
- Kosten: Du zahlst für KI-Nutzung und Hosting, nicht für Stunden einer Agentur.
- Freiheit: Du bist nicht an die Grenzen eines Baukastens gebunden.
- Lernen: Du siehst, wie die KI deine Wünsche in Code übersetzt, und verstehst deine Seite immer besser.
Wichtig ist nur: Die KI ist ein sehr schneller Mitarbeiter, kein Hellseher. Je klarer du sagst, was du willst, desto besser wird das Ergebnis. Genau darum geht es in den folgenden Schritten.
Vorbereitung: Was du brauchst, bevor du startest
Bevor du die erste Nachricht schreibst, lohnt sich eine Viertelstunde Vorbereitung. Sie spart dir später viele Korrekturrunden und damit auch KI-Guthaben.
- Ziel der Website: Soll sie Kunden informieren, Anfragen sammeln, Produkte verkaufen oder Termine vergeben?
- Zielgruppe: Wer besucht die Seite? Junge Familien, Firmenkunden, Touristen?
- Inhalte: Texte über dich, deine Leistungen, Preise, Öffnungszeiten, Kontaktdaten.
- Bilder: Logo, Fotos von dir, deinem Team, deinen Produkten oder Räumen.
- Vorbilder: Zwei oder drei Websites, deren Stil dir gefällt.
Schreibe diese Punkte kurz in eine Notiz. Du wirst sie gleich fast eins zu eins in deinen Prompt übernehmen.
Schritt 1: Konto anlegen und Projekt starten
Registriere dich kostenlos unter aicodesit.com. Der Free-Plan reicht zum Ausprobieren: Er enthält bis zu drei Projekte, eine Live-Vorschau und Zugriff auf kostenlose KI-Modelle.
Lege dann ein neues Projekt an. Jedes Projekt ist ein eigener Ordner mit allen Dateien deiner Website. In diesem Ordner arbeitet die KI – sie kann Dateien anlegen, lesen und gezielt ändern.
Rechts siehst du die Vorschau deiner Seite, links den Chat. Mehr brauchst du am Anfang nicht.
Schritt 2: Den ersten Prompt richtig formulieren
Der erste Prompt ist der wichtigste Moment, wenn du eine Website mit KI erstellen willst. Er legt Aufbau, Stil und Inhalte fest. Ein guter Prompt beantwortet fünf Fragen:
- Wer bist du? Zum Beispiel: „Physiotherapie-Praxis in Köln mit drei Therapeuten.“
- Was soll die Seite leisten? „Leistungen zeigen, Termine anfragen, Anfahrt erklären.“
- Welche Seiten und Abschnitte? „Startseite, Leistungen, Team, Preise, Kontakt mit Formular.“
- Welcher Stil? „Ruhig, hell, viel Weißraum, Akzentfarbe Salbeigrün, runde Ecken.“
- Welche echten Inhalte? Öffnungszeiten, Adresse, Preise, Namen.
Hier ist eine Vorlage, die du anpassen kannst:
„Erstelle eine Website für die Physiotherapie-Praxis ‚Bewegt‘ in Köln-Ehrenfeld. Seiten: Startseite mit großem Bild und Satz zum Konzept, Leistungen (Krankengymnastik, Manuelle Therapie, Massage) mit kurzen Beschreibungen, Team mit drei Profilen, Preise als Tabelle, Kontakt mit Formular (Name, E-Mail, Telefon, Wunschtermin, Nachricht) und eingebetteter Karte. Stil: hell, ruhig, Salbeigrün als Akzent, gut lesbare Schrift. Mobil zuerst. Öffnungszeiten: Mo–Fr 8–19 Uhr.“
Je konkreter du bist, desto weniger musst du später korrigieren. Echte Inhalte sind dabei besser als Platzhalter, weil die KI das Layout an deine echten Texte anpasst.
Schritt 3: Design im Chat verfeinern
Die erste Version ist ein Entwurf, kein Endergebnis. Jetzt verfeinerst du sie im Gespräch. Das Wichtigste dabei: eine Änderung pro Nachricht.
- „Mach den Bereich oben auf der Startseite höher und das Bild heller.“
- „Die Überschriften sollen etwas größer und fetter sein.“
- „Füge unter den Leistungen einen Abschnitt mit drei Kundenstimmen hinzu.“
- „Der Button ‚Termin anfragen‘ soll auf jeder Seite oben rechts erscheinen.“
Die KI ändert dann gezielt die betroffenen Dateien, statt alles neu zu erzeugen. Das ist schneller, günstiger und vermeidet, dass schon gute Teile wieder verschwinden.
Gefällt dir eine Änderung nicht, sag es einfach: „Mach die letzte Änderung rückgängig.“ Du kannst auch selbst im Editor eingreifen, denn alle Dateien sind direkt bearbeitbar.
Schritt 4: Inhalte und Bilder einfügen
Jetzt ersetzt du alle Beispieltexte durch deine echten Inhalte. Am einfachsten gibst du der KI die Texte direkt im Chat: „Ersetze den Text im Bereich ‚Über uns‘ durch folgenden Text: …“.
Bilder lädst du in den Speicher deines Projekts hoch und sagst der KI, wo sie hingehören. Achte dabei auf drei Dinge:
- Größe: Große Fotos vorher verkleinern, damit die Seite schnell lädt.
- Rechte: Nur Bilder verwenden, die du nutzen darfst – eigene Fotos oder lizenzfreie Quellen.
- Alternativtexte: Jedes Bild braucht eine kurze Beschreibung für Screenreader und Suchmaschinen.
Die KI kann auch Bilder erzeugen, etwa ein Titelbild oder Illustrationen. Für Fotos von echten Personen oder Räumen sind eigene Bilder aber fast immer überzeugender.
Schritt 5: Formulare, Datenbank und Login
Viele KI-Werkzeuge erzeugen nur schöne Oberflächen. Eine echte Website braucht oft mehr: Kontaktanfragen speichern, Kundenkonten, einen geschützten Bereich für dich.
AICODESIT bringt dafür eine eingebaute Datenbank, eine fertige Anmeldung und einen Dateispeicher mit. Du sagst der KI zum Beispiel:
„Speichere jede Kontaktanfrage in einer Datenbanktabelle und baue eine Übersichtsseite, die nur ich nach dem Login sehe.“
Die KI legt die Tabelle an und bindet das Formular an. Neue Tabellen sind dabei zunächst privat: Niemand kann sie von außen lesen, bis die KI den Zugriff gezielt freigibt. So landen Anfragen nicht versehentlich öffentlich im Netz.
Wer sich für die Technik dahinter interessiert: Die Zugriffsregeln basieren auf der Row Level Security von PostgreSQL.
Schritt 6: SEO-Grundlagen einrichten
Die schönste Seite nützt wenig, wenn sie niemand findet. Wenn du eine Website mit KI erstellen lässt, kannst du die KI gleich um die wichtigsten SEO-Grundlagen bitten:
- Seitentitel und Beschreibung: Für jede Seite ein eigener Titel und eine kurze Beschreibung mit dem wichtigsten Suchbegriff.
- Überschriften-Struktur: Genau eine H1 pro Seite, darunter logisch gegliederte H2 und H3.
- Alternativtexte: Für alle Bilder.
- Ladezeit: Bilder komprimieren, unnötige Skripte vermeiden.
- Mobile Ansicht: Die Seite muss auf dem Handy perfekt funktionieren.
Ein guter Startpunkt ist der SEO-Leitfaden für Einsteiger von Google. Dort erklärt Google selbst, worauf es bei der Suche ankommt.
Prüfe deine Seite außerdem mit PageSpeed Insights. Das kostenlose Werkzeug zeigt dir, wie schnell deine Seite lädt und was du verbessern kannst.
Schritt 7: Veröffentlichen und eigene Domain verbinden
Zum Veröffentlichen brauchst du einen bezahlten Plan. Mit dem Basic-Plan für 20 $ im Monat geht deine Website mit einem Klick unter einer aicodesit.app-Adresse live, und du kannst deine eigene Domain verbinden.
Die Pläne im Überblick:
- Free (0 $): 3 Projekte, Live-Vorschau, kostenlose KI-Modelle – zum Ausprobieren, ohne Veröffentlichung.
- Basic (20 $/Monat): 20 Projekte, 10 veröffentlichte Websites, 20 $ KI-Guthaben pro Monat, eigene API-Schlüssel.
- Pro (50 $/Monat): 50 Projekte, 25 veröffentlichte Websites, 50 $ KI-Guthaben.
- Max (100 $/Monat): 100 Projekte, 50 veröffentlichte Websites, 100 $ KI-Guthaben.
Alle Details findest du auf der Preisseite. Zusätzliches KI-Guthaben kannst du jederzeit nachkaufen.
Vergiss vor dem Start nicht die Pflichtangaben. In Deutschland braucht fast jede geschäftliche Website ein Impressum und eine Datenschutzerklärung. Eine gute Hilfe ist der Impressum-Generator von eRecht24.
Häufige Fehler, wenn du eine Website mit KI erstellen willst
Die meisten Probleme entstehen nicht durch die KI, sondern durch die Art, wie man mit ihr arbeitet. Diese Fehler sehen wir am häufigsten:
- Zu vager Prompt: „Mach mir eine schöne Website“ führt zu austauschbaren Ergebnissen. Nenne Branche, Zielgruppe und Stil.
- Alles in einer Nachricht ändern: Fünf Wünsche auf einmal führen oft dazu, dass einer davon untergeht.
- Platzhalter stehen lassen: „Lorem ipsum“ und Beispielbilder wirken unprofessionell.
- Mobile Ansicht vergessen: Die meisten Besucher kommen über das Handy.
- Keine Kontrolle: Klicke vor dem Veröffentlichen jeden Link und jedes Formular selbst durch.
- Rechtliches ignorieren: Impressum, Datenschutz und Bildrechte sind Pflicht.
Was kostet es, eine Website mit KI zu erstellen?
Die Kosten bestehen aus zwei Teilen: dem Plan und der KI-Nutzung. Für den Plan zahlst du einen festen Monatspreis. Die KI-Nutzung hängt davon ab, wie viel du änderst und welches Modell du verwendest.
Bei AICODESIT siehst du nach jedem Schritt im Chat, was er gekostet hat. Eine Budget-Anzeige zeigt dein restliches Guthaben. So erlebst du am Monatsende keine Überraschung.
Mehr dazu erklären wir ausführlich in unserem Artikel über KI-Website Kosten.
Profi-Tipps für bessere Ergebnisse
- Stilwörter nutzen: Begriffe wie „Glassmorphism“, „Neumorphism“ oder „minimalistisch“ geben der KI eine klare Richtung.
- Referenz beschreiben: „Aufbau ähnlich wie eine Apple-Produktseite: großes Bild, wenig Text, viel Raum.“
- Komponenten wiederverwenden: „Nutze für alle Karten denselben Stil wie bei den Leistungen.“
- Neue Chats für neue Themen: Ein langer Chatverlauf wird bei jeder Nachricht mitgelesen und kostet mehr.
- Barrierefreiheit beachten: Ausreichende Kontraste und Beschriftungen helfen allen Besuchern. Die Grundlagen erklärt MDN zur Barrierefreiheit.
Praxisbeispiel: Eine Handwerker-Website mit KI erstellen
Theorie ist gut, ein Beispiel ist besser. Stell dir Markus vor, einen Elektriker aus Leipzig mit zwei Mitarbeitern. Er hat bisher nur einen Eintrag bei Google und will endlich eine eigene Website.
Markus beginnt mit diesem Prompt: „Erstelle eine Website für den Elektrobetrieb Krüger in Leipzig. Leistungen: Elektroinstallation, Smart Home, Wallboxen, Notdienst. Seiten: Startseite, Leistungen, Referenzen mit Fotos, Über uns, Kontakt mit Rückruf-Formular. Stil: vertrauenswürdig, Dunkelblau und Gelb, klare Schrift. Notdienst-Nummer gut sichtbar oben.“
Nach etwa einer Minute steht die erste Version. Markus sieht sich die Vorschau an und schreibt dann nacheinander:
- „Die Notdienst-Nummer soll auf dem Handy als Button zum Anrufen erscheinen.“
- „Füge bei den Wallboxen einen kurzen Abschnitt zu Förderungen hinzu, ohne konkrete Beträge.“
- „Speichere Rückruf-Anfragen in der Datenbank und schicke mir eine Übersicht, die nur ich sehe.“
- „Ersetze die Beispielfotos bei den Referenzen durch meine hochgeladenen Bilder.“
Nach rund einer Stunde ist die Website fertig. Markus prüft alle Links, testet das Formular selbst und ergänzt Impressum und Datenschutz. Dann veröffentlicht er die Seite unter seiner eigenen Domain.
Das Beispiel zeigt das Prinzip: Ein guter erster Prompt, danach kleine, klare Änderungen. So bleibt das Ergebnis unter Kontrolle und die Kosten bleiben überschaubar.
Prompt-Vorlagen für verschiedene Website-Typen
Je nach Art der Website brauchst du andere Abschnitte. Diese Vorlagen helfen dir beim Start. Ersetze die Angaben in Klammern durch deine eigenen.
Portfolio für Kreative:
„Erstelle ein Portfolio für (Name), (Beruf) in (Stadt). Startseite mit großer Galerie der besten Arbeiten, Projektseiten mit Bildern und kurzer Beschreibung, Über mich, Kontakt. Stil: (minimalistisch/verspielt), viel Weißraum.“
Landingpage für ein Produkt:
„Erstelle eine Landingpage für (Produkt). Abschnitte: Nutzenversprechen in einem Satz, drei Vorteile mit Symbolen, so funktioniert es in drei Schritten, Preise, häufige Fragen, Anmeldeformular für die Warteliste.“
Website für einen Verein:
„Erstelle eine Website für den (Vereinsname) e. V. Seiten: Startseite mit nächsten Terminen, Über den Verein, Mannschaften oder Gruppen, Mitglied werden mit Formular, Kontakt. Termine sollen aus einer Datenbank kommen, damit ich sie selbst pflegen kann.“
Kleiner Online-Shop:
„Erstelle einen Online-Shop für (Produkte). Produktliste mit Filtern, Produktseiten, Warenkorb, Kasse mit Stripe. Produkte in einer Datenbank, damit ich sie über eine geschützte Admin-Seite verwalte.“
Für Zahlungen im Shop lohnt sich ein Blick in die Stripe-Dokumentation zu Checkout. Die KI kann die Anbindung bauen, du brauchst aber ein eigenes Stripe-Konto.
Website mit KI erstellen vs. Baukasten vs. Agentur
Welche Lösung passt zu dir? Der Vergleich hängt von Budget, Zeit und Anspruch ab.
- Baukasten (z. B. klassische Website-Editoren): schneller Start, viele Vorlagen. Aber: Du arbeitest nur innerhalb der Möglichkeiten des Editors, eigene Funktionen sind schwer umzusetzen.
- Agentur: individuelles Ergebnis und persönliche Beratung. Aber: hohe Kosten, längere Wartezeiten und jede Änderung kostet wieder Geld.
- Website mit KI erstellen: individuelles Ergebnis in kurzer Zeit, echte Funktionen wie Datenbank und Login, Änderungen jederzeit selbst im Chat. Aber: Du bist selbst für Inhalte und Kontrolle verantwortlich.
Für die meisten Selbstständigen, kleinen Unternehmen und Projekte ist der KI-Weg heute die beste Mischung aus Kosten, Tempo und Freiheit.
Checkliste vor dem Livegang
Bevor du deine Seite veröffentlichst, gehe diese Liste einmal komplett durch:
- Alle Platzhaltertexte und Beispielbilder ersetzt
- Jede Seite hat einen eigenen Titel und eine Beschreibung
- Alle Links funktionieren, auch im Menü und im Footer
- Formulare getestet: Kommen die Anfragen wirklich an?
- Mobile Ansicht auf mindestens einem echten Handy geprüft
- Impressum und Datenschutzerklärung vorhanden und verlinkt
- Bilder komprimiert und mit Alternativtext versehen
- Ladezeit mit PageSpeed Insights geprüft
- Kontaktdaten, Öffnungszeiten und Preise stimmen
- Eigene Domain verbunden und erreichbar
Nach dem Livegang lohnt sich die Anmeldung in der Google Search Console. Dort siehst du, ob Google deine Seiten findet und für welche Suchbegriffe sie erscheinen.
Nach dem Start: die Website pflegen und erweitern
Eine Website ist nie ganz fertig. Neue Angebote, geänderte Preise oder saisonale Aktionen gehören dazu. Der große Vorteil, wenn du deine Website mit KI erstellen lässt: Auch die Pflege funktioniert im Chat.
Du schreibst einfach, was sich geändert hat: „Die Preise für Massage steigen ab Januar auf 45 Euro“ oder „Füge eine Seite für unser neues Angebot Rückenschule hinzu“. Die KI ändert genau diese Stellen und lässt den Rest unberührt.
Für Inhalte, die sich oft ändern, lohnt sich eine kleine Verwaltungsseite. Bitte die KI, Termine, Produkte oder News in der Datenbank zu speichern und eine geschützte Seite zu bauen, auf der du sie selbst pflegst. Dann brauchst du für jede Kleinigkeit nicht einmal den Chat.
Regelmäßige Aufgaben kann die KI sogar automatisch einplanen. Ein Beispiel: Jeden Montag um 8 Uhr eine Zusammenfassung der Anfragen der letzten Woche. So wächst deine Website mit deinem Geschäft mit.
Und wenn du später mehr willst, zum Beispiel einen Kundenbereich, eine Buchungsfunktion oder einen kleinen Shop, baust du das schrittweise dazu. Du musst nicht von vorne anfangen, denn der Code gehört dir und lässt sich jederzeit erweitern.
FAQ: Website mit KI erstellen
Kann ich eine Website mit KI komplett kostenlos erstellen?
Bauen und testen ja: Der Free-Plan enthält Projekte, Live-Vorschau und kostenlose KI-Modelle. Zum Veröffentlichen unter einer Live-Adresse brauchst du einen bezahlten Plan.
Brauche ich Programmierkenntnisse?
Nein. Du beschreibst alles im Chat. Wer programmieren kann, hat zusätzlich vollen Zugriff auf den Code.
Wie lange dauert es?
Eine erste Version entsteht in wenigen Minuten. Für eine fertige, geprüfte Website mit echten Inhalten solltest du einige Stunden einplanen.
Gehört mir der Code?
Ja. Die Website besteht aus normalen Dateien, die du jederzeit bearbeiten kannst.
Ist eine KI-Website gut für Google?
Ja, wenn die Grundlagen stimmen: eigene Inhalte, saubere Struktur, schnelle Ladezeit und gute Texte. Die KI hilft dabei, aber die Inhalte sollten von dir kommen.
Kann ich meine bestehende Website mit KI überarbeiten?
Ja. Du kannst die Dateien deiner bisherigen Website in ein Projekt hochladen und die KI bitten, Design, Texte oder Funktionen zu verbessern.
Welches KI-Modell soll ich wählen?
Für Texte und kleine Änderungen reicht oft ein günstiges oder kostenloses Modell. Für komplexe Funktionen wie Datenbank, Login oder Shop lohnt sich ein stärkeres Modell.
Fazit
Eine Website mit KI erstellen ist heute schneller und günstiger als je zuvor. Der Schlüssel liegt in einer guten Vorbereitung, klaren Prompts und kleinen Schritten.
Starte mit einem konkreten Ziel, ersetze Platzhalter durch echte Inhalte und prüfe vor dem Livegang alles selbst. Dann hast du in kurzer Zeit eine professionelle Website, die du jederzeit weiter ausbauen kannst.
Jetzt kostenlos starten und deine erste Website mit KI erstellen.
Weiterlesen: Lovable Alternativen im Vergleich · Restaurant Website erstellen · KI Agenten erstellen · KI-Website Kosten