Fabian Stegmaier
KI-Agent Website Case Study

Website mit KI erstellen: Mein Relaunch in 3 Tagen

F
Fabian Stegmaier
· · 12 Min. Lesezeit
Website mit KI erstellen: Vorher WordPress PageSpeed 65, nachher Astro PageSpeed 95

Website mit KI erstellen: Wie ich meinen kompletten Relaunch in 3 Arbeitstagen umgesetzt habe

Kann man eine professionelle Website mit KI erstellen? Ich habe es ausprobiert. Meine alte WordPress-Seite hatte einen PageSpeed von 65 auf dem Handy. Von 17 Blog-Artikeln wurde praktisch nur einer in Google gefunden. Das Design passte nicht mehr zur Marke.

3 Arbeitstage später: PageSpeed 95. Klicks verdoppelt. Laufende Kosten: 0 EUR. Eine Website mit KI erstellen funktioniert. Wenn man es richtig angeht.

In diesem Artikel zeige ich Ihnen Schritt für Schritt, wie ich das mit einem KI-Agenten umgesetzt habe. Was funktioniert hat, was nicht funktioniert hat, und was Sie daraus für Ihr eigenes Unternehmen mitnehmen können.

Warum ich meine Website neu aufbauen musste

Die Probleme meiner WordPress-Seite

Vor etwa einem Jahr habe ich meine erste richtige Business-Website gebaut. WordPress, ein gekauftes Elementor-Template, gehostet auf IONOS. Der Aufwand: 2 bis 3 Wochen. Das Ergebnis sah auf den ersten Blick professionell aus.

Aber unter der Oberfläche lief es nicht gut:

  • PageSpeed Mobile: 65 von 100. Die Seite brauchte 5,4 Sekunden, bis der wichtigste Inhalt sichtbar war (LCP). 454 Kilobyte ungenutztes JavaScript wurde bei jedem Seitenaufruf geladen, obwohl es nie gebraucht wurde.
  • Nur 1 Unterseite in Google indexiert. Von 17 Blog-Artikeln tauchte fast nur einer in den Suchergebnissen auf. Der Rest lag tot im Internet.
  • 7 verschiedene URL-Strukturen. Meine Blog-Artikel hatten Pfade wie /n8n-hosting-kosten/wie-nutze-ich-n8n-komplett-dsgvo-konform/ oder /ai-agenten-workflows/n8n-automation/. Jede Kategorie hatte einen eigenen Präfix. Google konnte die Struktur nicht verstehen.
  • Keyword-Kannibalisierung. 3 verschiedene URLs konkurrierten um dasselbe Keyword “KI-Automatisierung”. Die Blog-Artikel waren KI-generiert, ohne echte Anwendungsfälle oder konkreten Mehrwert.
  • Design-Problem. Schwarz-Pink. Vor einem Jahr dachte ich, das sei der KI-Design-Trend. Aber es passte nicht zu meiner Marke und war schlecht lesbar.

Der Auslöser: Praxis statt Theorie

Ich berate Unternehmen bei KI-Automatisierung. Ich sage meinen Kunden: “Nutzen Sie KI, um repetitive Prozesse zu eliminieren.” Aber meine eigene Website? Die lief auf einem System, das ich nicht kontrollierte, mit Plugins, die ich nicht verstand, und Content, der niemandem half.

Der Gedanke war einfach: Wenn ich schon KI-Automatisierung verkaufe, dann sollte ich sie auch für mein eigenes Business nutzen. Und dabei habe ich direkt ein konkretes Beispiel, das ich meinen Kunden zeigen kann.

Wie ich meine Website mit KI erstellt habe: Der Prozess

Schritt 1: Analyse der bestehenden Website

SEO-Audit mit drei Datenquellen

Ich habe nicht einfach gesagt: “Bau mir eine neue Website.” Das wäre der größte Fehler gewesen. Der KI-Agent hätte meinen bestehenden Inhalt eins zu eins kopiert, mit allen Problemen.

Stattdessen habe ich zuerst meine alte Website analysiert. Dafür habe ich drei Datenquellen kombiniert:

  1. DataForSEO (über einen MCP-Server verbunden): Keyword-Analyse, Suchvolumen, Keyword Difficulty, Backlink-Check.
  2. Google Search Console: Echte Klick-Daten, Impressionen, durchschnittliche Positionen pro Seite.
  3. Screaming Frog Crawl: Technische Analyse aller URLs, Redirects, kaputte Links, fehlende Meta-Daten.

Den KI-Agenten habe ich dann mit diesen Daten gefüttert und gesagt: “Analysier diese drei Quellen. Wo sind die Baustellen? Wo verschwende ich Potenzial?”

Was die Daten zeigten

Die Ergebnisse waren ernüchternd:

  • Mein bester Artikel (n8n DSGVO) generierte 894 Klicks und 49% des gesamten Website-Traffics. Aber er hatte nur 7 interne Links. Er war auf meiner eigenen Website praktisch versteckt.
  • 8 Kategorie-Hub-Seiten waren auf “noindex” gesetzt. Sie existierten, aber Google durfte sie nicht anzeigen.
  • 3 URLs konkurrierten um “KI-Automatisierung”, inklusive einer mit Unterstrich statt Bindestrich.
  • 2 Blog-Artikel waren reiner Thin Content (unter 600 Wörter, keine echten Informationen). 2 weitere überschnitten sich thematisch so stark, dass sie sich gegenseitig Ranking-Positionen wegnahmen.

Ohne diese Analyse hätte ich die gleichen Fehler wiederholt. Wer eine Website mit KI erstellen will, muss zuerst verstehen, was an der alten nicht funktioniert.

Schritt 2: Design und Branding

Drei Varianten, dann iterieren

Nachdem die Analyse stand, ging es ans Design. Hier hat der KI-Agent seinen größten Vorteil ausgespielt.

Ich habe gesagt: “Erstell mir drei Design-Varianten für die Startseite. Sauber, professionell, mit hellem Hintergrund.” Der KI-Agent hat drei komplett unterschiedliche Entwürfe geliefert.

Variante 1 ging in die richtige Richtung. Also habe ich gesagt: “Variante 1, aber wärmer. Mach nochmal drei Varianten davon.” Und wieder drei Entwürfe. So habe ich mich Schritt für Schritt zum finalen Design vorgearbeitet.

Der Unterschied zu Templates

Bei meiner alten WordPress-Seite hatte ich ein Template gekauft. Die Farben waren vorgegeben. Wenn ein Hintergrund-Element nicht sauber formatiert war, musste ich das akzeptieren. Einen Button 25 Pixel nach unten verschieben? Dafür hätte ich im CSS wühlen müssen.

Mit dem KI-Agenten war das anders. Ich konnte sagen: “Zentrier den Button. Der Abstand nach oben ist zu groß. Mach 25 Pixel weniger.” Und es passierte. Sofort.

Ich habe mir Animationen angeschaut, die mir auf anderen Websites gefielen. Durchlaufende Testimonials, sanfte Scroll-Effekte. Und ich habe dem KI-Agenten gesagt: “Bau mir das nach.” Es funktionierte. Nicht immer beim ersten Mal, aber nach 2 bis 3 Iterationen.

Davor war meine Realität: Template nehmen oder lassen. Jetzt: Feedback geben, iterieren, das Ergebnis bekommen, das ich mir vorstelle. Wer eine Website mit KI erstellen möchte, hat diesen Vorteil gegenüber klassischen Templates.

Schritt 3: Neubau mit Astro und Tailwind CSS

Von WordPress zur schnellen Alternative

Der KI-Agent hat die neue Website mit Astro 5 und Tailwind CSS 4 gebaut. Für mich die beste WordPress-Alternative, wenn Performance und Kontrolle wichtig sind. Astro generiert statische HTML-Seiten. Kein WordPress, keine Plugins, kein PHP im Hintergrund. Die Seite wird einmal gebaut und dann als fertiges HTML ausgeliefert.

Das bedeutet:

  • Kein JavaScript, das nicht gebraucht wird. WordPress + Elementor laden standardmäßig jQuery, Plugin-Skripte und Theme-CSS, auch wenn die aktuelle Seite davon nichts benötigt. Astro lädt JavaScript nur dort, wo es explizit eingesetzt wird.
  • Keine Plugin-Updates. Bei WordPress hatte ich 6 Plugins. Jedes mit potenziellen Sicherheitslücken und ständigen Update-Aufforderungen. Jetzt: 0 Plugins.
  • Edge-Delivery statt Shared Hosting. Die Seite läuft auf Cloudflare Workers. Das bedeutet: Die Website wird vom Server ausgeliefert, der dem Besucher am nächsten ist. Nicht von einem Shared-Hosting-Server in Frankfurt.

Was der KI-Agent konkret gemacht hat

Der KI-Agent hat nicht nur Code geschrieben. Er hat:

  • 15 Blog-Artikel migriert, 2 Thin-Content-Artikel gelöscht und 2 thematisch überlappende Artikel zu einem starken Artikel zusammengeführt.
  • 48 Redirects implementiert, damit kein bestehender Google-Traffic verloren geht. Die 5 traffic-kritischsten Seiten (über 50 Klicks) wurden sauber weitergeleitet.
  • 7 chaotische URL-Präfixe auf eine einheitliche Struktur /blog/[slug]/ umgestellt.
  • 6 Themen-Cluster für die interne Verlinkung dokumentiert und umgesetzt. Mein bester Artikel (894 Klicks) bekommt jetzt 15+ interne Links statt 7.
  • 5 Schema.org-Typen hinzugefügt: Organization, LocalBusiness, BlogPosting, BreadcrumbList und FAQPage. Vorher: 2 manuell eingefügte JSON-LD-Blöcke.
  • 5 Security-Header gesetzt (HSTS, X-Frame-Options, X-Content-Type-Options, Referrer-Policy, Content-Security-Policy). Bei WordPress war keiner davon aktiv.

Die Ergebnisse nach dem Relaunch

PageSpeed verbessern: von 65 auf 95

MetrikWordPress (alt)Astro (neu)Verbesserung
PageSpeed Mobile65/10095/100+30 Punkte
PageSpeed Desktop74/10099/100+25 Punkte
LCP (Ladezeit Hauptinhalt)5,4 Sekundenunter 2,5 Sekunden3 Sekunden schneller
Ungenutztes JavaScript454 KiBnahezu 099% reduziert
Barrierefreiheit87/10096/100+9 Punkte
Sicherheits-Header05Von 0 auf 5
Laufende Hosting-KostenIONOS Shared0 EUR (Cloudflare)100% Ersparnis

20 von 22 Seiten der neuen Website haben einen mobilen PageSpeed über 90. Die 2 Ausreißer bei 84 bis 85 Punkten haben ein Timing-Problem mit dem Cookie-Banner, kein strukturelles Problem.

Traffic und erste Leads

Ein Vergleich der Google Search Console Daten (jeweils 2 Wochen):

Metrik15.02.-01.03. (vorher)01.03.-15.03. (nachher)Veränderung
Klicks80105+31%
Impressionen6.9008.500+23%
CTR1,1%1,2%+0,1 Prozentpunkte
Durchschnittliche Position12,310,5+1,8 Positionen

Dazu kam der erste Lead-Magnet-Download über die neue Website. Über den alten Lead-Magneten auf der WordPress-Seite hatte ich lange keinen Download mehr.

Wichtig: Das ist ein kurzfristiger Auszug aus 2 Wochen. Daraus lassen sich noch keine belastbaren Schlüsse ziehen. SEO-Ergebnisse brauchen 3 bis 6 Monate, bis sie sich stabilisieren. Aber die Richtung stimmt.

Was ich gelernt habe: KI lenken, nicht laufen lassen

”Mach mir eine Website” funktioniert nicht

Der wichtigste Punkt: Hätte ich dem KI-Agenten gesagt “Bau mir eine neue Website”, wäre das Ergebnis eine generische Seite mit meinem alten Inhalt gewesen. Gleiche Probleme, neues Design.

Was funktioniert hat: Ich habe die Richtung vorgegeben. Nicht den Code, nicht die Umsetzung. Aber die Strategie.

  1. Erst analysieren. Welche Datenquellen gibt es? Was sagen die Daten? Wo sind die Baustellen?
  2. Daten kombinieren. DataForSEO allein reicht nicht. Google Search Console allein reicht nicht. Erst die Kombination aus 3 Quellen zeigt das vollständige Bild.
  3. Best Practices recherchieren. Was funktioniert 2025 und 2026 für konvertierende Websites? Welche Patterns nutzen meine Wettbewerber?
  4. Iterativ Feedback geben. Nicht alles auf einmal. Sondern: Schritt für Schritt. Ergebnis anschauen, Feedback geben, nächster Schritt. Manchmal auch einen Schritt zurück.

Daten geben, Richtung vorgeben, iterieren

Man kann einem KI-Agenten alle relevanten Daten zur Verfügung stellen: SEO-Daten, Klick-Statistiken, technische Crawl-Ergebnisse. Je mehr Kontext, desto besser das Ergebnis. Aber man muss am Anfang sagen, in welche Richtung es gehen soll.

Das ist der entscheidende Unterschied zwischen “KI erledigt das für mich” und “KI multipliziert meine Arbeit.”

Ein KI-Agent ersetzt nicht Ihr Denken. Er multipliziert es.

Was kostet es, eine Website mit KI zu erstellen?

Ich bin kein Webentwickler. Ich kann kein HTML, kein CSS, kein TypeScript. Trotzdem habe ich eine professionelle Website gebaut, die schneller, sicherer und besser strukturiert ist als das, was ich vorher mit einem 2-Wochen-Template-Projekt erreicht hatte.

Hier der ehrliche Kostenvergleich:

PostenKI-Agent (mein Weg)Agentur (Angebot)Freelancer (Schätzung)
Einmalige Kostenunter 100 EUR950 EUR (nur SEO)3.000-8.000 EUR
Laufende Kosten/Monat0 EUR400 EUR (SEO-Betreuung)50-200 EUR (Hosting + Wartung)
Zeitaufwand3 Arbeitstage4-8 Wochen2-4 Wochen
Kontrolle über ErgebnisVoll (iterativ)Begrenzt (Briefing-basiert)Mittel (Abstimmungsrunden)

Meine konkreten Kosten: 80 EUR KI-Abo (das ich auch für andere Projekte nutze), 5 EUR Bildgenerierung, unter 1 EUR SEO-Daten. Das Hosting auf Cloudflare Workers und der Newsletter über Brevo sind kostenlos.

Ob Sie eine Website mit KI erstellen oder einen anderen Geschäftsprozess automatisieren: Die Logik ist dieselbe. Verstehen, welche Daten es gibt. Diese Daten dem KI-Agenten geben. Die Richtung vorgeben. Und iterativ zum Ergebnis kommen.

Wenn Sie wissen möchten, welcher Prozess in Ihrem Unternehmen sich für diesen Ansatz eignet, buchen Sie ein kostenloses Erstgespräch. In 30 Minuten analysiere ich mit Ihnen, wo das größte Potenzial liegt.

Fazit

Meine alte WordPress-Website hat mich 2 bis 3 Wochen Arbeit gekostet und war trotzdem langsam, schlecht indexiert und designtechnisch nicht stimmig. Eine Website mit KI zu erstellen hat 3 Arbeitstage gedauert. PageSpeed von 65 auf 95. Klicks um 31% gestiegen. Laufende Kosten: 0 EUR.

Der Schlüssel war nicht der KI-Agent selbst. Der Schlüssel war die Kombination aus strukturierter Analyse, guten Datenquellen und iterativem Feedback. Ein KI-Agent ist genau so gut wie die Richtung, die Sie ihm geben.

Das ist der erste Teil einer Serie. Im nächsten Artikel zeige ich, wie ich die SEO-Optimierung und die komplette Blog-Pipeline mit dem KI-Agenten automatisiert habe. Folgen Sie mir auf LinkedIn, um den nächsten Teil nicht zu verpassen.

Häufig gestellte Fragen (FAQ)

Brauche ich Programmierkenntnisse, um mit einem KI-Agenten eine Website zu erstellen?

Nein. Ich kann weder HTML noch CSS noch TypeScript. Der KI-Agent schreibt den Code. Sie müssen nur wissen, was Sie wollen, und das in klaren Worten beschreiben können. Der Prozess funktioniert wie ein Gespräch: Sie geben Feedback, der Agent setzt es um.

Was kostet eine Website mit einem KI-Agenten im Vergleich zu einer Agentur?

Meine Kosten lagen bei unter 100 EUR einmalig (80 EUR KI-Abo, 5 EUR Bildgenerierung, unter 1 EUR SEO-Daten) und 0 EUR laufend. Ein vergleichbares Agentur-Angebot lag bei 950 EUR einmalig plus 400 EUR monatlich für SEO. Sie sparen potenziell über 800 EUR im ersten Jahr, aber der Ansatz setzt voraus, dass Sie selbst die Richtung vorgeben können.

Funktioniert das auch für komplexere Websites mit Shop-System?

Wenn Sie eine Website mit KI erstellen wollen, die Blog, Kontaktformular und Lead-Magnet enthält, funktioniert der Ansatz sehr gut. Bei einem vollständigen Online-Shop mit Warenwirtschaft, Zahlungsabwicklung und Kundenkonto wird es komplexer. In dem Fall empfehle ich, den Shop auf einer spezialisierten Plattform (z.B. Shopify) zu belassen und nur die Marketing-Website mit einem KI-Agenten zu bauen.

Wie lange dauert die Einarbeitung in die Arbeit mit einem KI-Agenten?

Die Lernkurve ist flach. Die wichtigste Fähigkeit ist nicht technisch, sondern methodisch: klare Anweisungen geben, in Schritten denken, Feedback formulieren. Wenn Sie einem Mitarbeiter erklären können, was Sie wollen, können Sie auch mit einem KI-Agenten arbeiten. Meine erste produktive Sitzung war direkt am ersten Tag.

Sind die Daten meiner Website sicher, wenn ein KI-Agent darauf zugreift?

Der KI-Agent arbeitet lokal auf Ihrem Rechner mit Ihren Dateien. Der Code verlässt Ihren Computer nur, wenn Sie ihn selbst hochladen (z.B. auf GitHub für das Hosting). Die Website-Daten werden nicht an Dritte weitergegeben. Sensible Informationen wie API-Keys oder Zugangsdaten sollten Sie grundsätzlich nicht im Quellcode speichern, sondern als Umgebungsvariablen.

FS

Fabian Stegmaier

KI-Automatisierung & n8n-Experte aus Salzburg. Ich helfe KMU im DACH-Raum bei der Implementierung intelligenter Workflows.

Mehr erfahren →

Haben Sie Fragen zur KI-Automatisierung?

Vereinbaren Sie ein kostenloses Erstgespräch und erfahren Sie, wie Automatisierung Ihr Unternehmen voranbringen kann.