KI-Website-Entwicklung: Schnell bauen, professionell prüfen
KI kann beim Website-Bau viel übernehmen: HTML-, CSS- und JavaScript-Code aus Beschreibungen erzeugen, Komponenten und Varianten schnell durchspielen, Texte und Alt-Attribute entwerfen sowie Boilerplate für Formulare, Layouts oder strukturierte Daten liefern. Was KI nicht übernimmt, ist die Entscheidung, welche Seiten es überhaupt braucht, wie Informationsarchitektur und Conversion-Pfade zusammenhängen und ob der erzeugte Code performant, barrierefrei und sicher ist. Diese Prüfung bleibt Aufgabe von Menschen mit Erfahrung.
Seit KI-Assistenten aus einem Prompt lauffähige Website-Komponenten erzeugen, hat sich die Frage verschoben. Sie lautet nicht mehr „Können wir uns eine Website leisten?”, sondern „Warum dauert das bei uns noch Wochen, wenn ein Tool in Minuten etwas Vorzeigbares liefert?”. Für Geschäftsführung, Operations, IT und Fachbereiche in kleinen und mittleren Unternehmen ist das eine berechtigte Frage – und eine, bei der die Antwort differenzierter ausfällt, als es die Demo-Videos nahelegen.
Dieser Artikel ordnet KI-Website-Entwicklung ein: was KI beim Bauen wirklich übernimmt, wo weiterhin Erfahrung entscheidet, und wie du das Ergebnis – egal ob von KI, einer Agentur oder dir selbst gebaut – auf Performance, Barrierefreiheit, Datensicherheit und Wartbarkeit prüfst, bevor es live geht. Er richtet sich an alle, die eine Website planen, überarbeiten oder gerade mit einem KI-Tool experimentieren und wissen wollen, wo der Nutzen endet und das Risiko anfängt.
Begriffe und Abgrenzung
Drei Begriffe werden in Diskussionen oft vermischt, meinen aber unterschiedliche Dinge:
- KI-gestützte Website-Entwicklung meint den Einsatz von Sprachmodellen und Code-Generatoren, um Teile einer Website – Layout, Komponenten, Texte, Konfiguration – aus natürlichsprachlichen Beschreibungen zu erzeugen. Der Mensch bleibt Auftraggeber und Prüfinstanz.
- No-Code/Low-Code-Baukästen sind etwas anderes: vorgefertigte Bausteine mit grafischer Bedienung, ohne dass zwingend generativer Code entsteht. Viele Baukästen bauen inzwischen KI-Assistenten ein, das ist aber ein Zusatzfeature, kein Ersatz für das Baukastenprinzip.
- Vollautomatisierte Website-Erstellung – die Vorstellung, ein Prompt liefere eine fertige, produktionsreife Website ohne weitere Prüfung – ist Marketingsprache, kein belastbares Vorgehen. Genau diese Lücke zwischen Erwartung und Realität ist das Thema dieses Artikels.
Wichtig ist auch die Abgrenzung dessen, was KI-generierter Code ist: Text, der wie funktionierender Code aussieht und in den meisten Fällen auch läuft. Ob er sicher, performant, barrierefrei und wartbar ist, sagt seine bloße Lauffähigkeit nicht aus.
Was kann KI beim Website-Bau übernehmen?
Sprachmodelle sind heute gut in Aufgaben, die viele ähnliche Beispiele in ihren Trainingsdaten hatten und bei denen ein Mensch das Ergebnis in vertretbarer Zeit prüfen kann. Konkret leisten aktuelle Tools zuverlässig:
- Code-Gerüste erzeugen. HTML-Strukturen, CSS-Layouts, JavaScript-Komponenten aus einer Beschreibung – von der Navigationsleiste bis zum Kontaktformular.
- Varianten schnell durchspielen. Statt eines Layouts in einem Tag zehn Layout-Ideen in einer Stunde – nützlich für die frühe Konzeptphase, nicht für die finale Entscheidung.
- Textbausteine entwerfen. Erste Entwürfe für Seitentexte, Meta-Beschreibungen oder Alt-Attribute von Bildern, die anschließend fachlich und stilistisch überarbeitet werden.
- Wiederkehrende Muster umsetzen. Formulare, Karten-Layouts, FAQ-Akkordeons, strukturierte Daten nach bekanntem Schema – Aufgaben, bei denen es viele korrekte Referenzimplementierungen gibt.
- Konfiguration und Boilerplate. Build-Setup, Grundgerüst für ein Framework, Standard-Konfigurationsdateien.
Google selbst bestätigt diese Rolle indirekt: Die offizielle Anleitung zu generativen Inhalten hält fest, dass generative KI „besonders nützlich sein kann, wenn man ein Thema recherchiert und um Struktur zu ursprünglichem Content hinzuzufügen” – KI als Werkzeug zur Beschleunigung, nicht als Ersatz für redaktionelle Verantwortung. Genau dieses Muster gilt für Code entsprechend: Beschleunigung des ersten Entwurfs, keine Ersatz-Entscheidung.
Ein praktisches Beispiel aus meiner Arbeit: Für eine Landingpage mit Formular, FAQ-Bereich und Leistungsübersicht kann ein KI-Tool in ein bis zwei Stunden einen kompletten ersten Aufbau liefern – Struktur, Styling, Formularfelder, FAQ-Akkordeon, ein Vorschlag für strukturierte Daten. Vor KI-Unterstützung hätte allein dieser erste Entwurf typischerweise ein bis zwei Arbeitstage gebraucht. Der Zeitgewinn ist real und in dieser Größenordnung plausibel – er bezieht sich aber ausschließlich auf den ersten Entwurf, nicht auf die produktionsreife, geprüfte Seite. Wie groß der Anteil generierbarer Aufgaben an einem konkreten Projekt ist, hängt stark vom Seitentyp ab: Bei einer standardisierten Unterseite ist er hoch, bei einer komplexen Buchungsstrecke mit mehreren Systemanbindungen deutlich niedriger.
Was KI in dieser Rolle nicht übernimmt, ist in der Praxis oft folgenreicher als das, was sie übernimmt – dazu der nächste Abschnitt.
Welche Aufgaben brauchen weiterhin Erfahrung?
Ich baue Websites selbst, auch mit KI-Unterstützung im Code – und die Stellen, an denen ich am meisten Zeit investiere, sind fast nie die Code-Zeilen selbst. Es sind die Entscheidungen davor und danach.
Informationsarchitektur. Welche Seiten braucht ein Unternehmen wirklich, wie hängen sie zusammen, welchen Pfad geht eine Besucherin von der Landingpage zur Anfrage? Das ist keine Frage, die ein Prompt beantworten kann, weil die Antwort vom konkreten Geschäft, der Zielgruppe und dem Vertriebsprozess abhängt – nicht von generischen Mustern im Trainingsdatensatz. Ein KI-Tool erzeugt bereitwillig zehn Unterseiten, wenn man danach fragt; ob eine Zielgruppe davon überfordert wird, weiß es nicht.
Conversion-Logik. Warum steht der Call-to-Action hier und nicht dort, warum dieses Formularfeld und nicht jenes, warum diese Reihenfolge der Argumente? Das sind Entscheidungen, die aus Tests, Nutzerverständnis und Projekterfahrung entstehen – nicht aus statistisch wahrscheinlichem Layout.
Qualitätsbewertung des generierten Codes. Ein Sprachmodell kann nicht zuverlässig einschätzen, ob sein eigener Code eine Sicherheitslücke enthält, eine Performance-Falle baut oder gegen Barrierefreiheitsstandards verstößt. Diese Bewertung braucht jemanden mit Erfahrung, der weiß, wonach er sucht – dazu mehr in den folgenden Abschnitten.
Priorisierung unter Restriktionen. Ein KMU hat ein begrenztes Budget, begrenzte Zeit und meist keine eigene IT-Abteilung. Was zuerst gebaut wird, welche Kompromisse tragbar sind und welche nicht, ist eine unternehmerische Entscheidung mit Kontext, den kein generisches Modell hat.
Der praktikable Umgang damit: KI als Beschleuniger für die Umsetzung nutzen, die Entscheidungen davor (was, warum, für wen) und die Prüfung danach (funktioniert es wirklich, ist es sicher, ist es wartbar) bewusst als eigene, nicht delegierbare Schritte behandeln.
Wie prüft man Performance und Barrierefreiheit?
Unabhängig davon, ob Code von einem Menschen, einer Agentur oder einem KI-Tool stammt, gilt für die Prüfung dasselbe Vorgehen – KI-generierter Code braucht hier keine Sonderbehandlung, aber auch keinen Vertrauensvorschuss.
Performance in zwei Stufen prüfen:
- Automatisierte Messung der Core Web Vitals und Ladezeiten unter realistischen Bedingungen (mobiles Netz, echtes Gerät oder Drosselung), nicht nur im schnellen Entwicklungssetup.
- Manuelle Stichprobe auf den wichtigsten Seiten – Startseite, Landingpages, Formularseiten – weil automatisierte Werte Durchschnitte sind und Einzelprobleme verdecken können.
Web.dev, Googles offizielle Ressource für Webentwicklung, betont für agentenfreundliche und nutzerfreundliche Websites gleichermaßen: konsistente, stabile Layouts, klar erkennbare interaktive Elemente und semantisches HTML statt gestylter div-Elemente. Das ist kein neuer Maßstab für KI-generierten Code, sondern der bekannte Maßstab guter Webentwicklung – KI ändert nicht, wonach geprüft wird, nur wie schnell Code entsteht, der geprüft werden muss.
Barrierefreiheit ebenfalls zweistufig:
- Automatisierte Accessibility-Checks (z. B. Kontrastprüfung, fehlende Alt-Attribute, fehlende Formular-Labels) als schnelle erste Stufe – sie finden einen Teil der Probleme zuverlässig.
- Manuelle Prüfung mit Tastaturnavigation und Screenreader als zweite Stufe, weil automatisierte Tools laut übereinstimmender Fachpraxis nur einen Teilbereich der Barrierefreiheitsanforderungen erkennen können; strukturelle und Bedienungsprobleme fallen oft erst im tatsächlichen Gebrauch auf.
Konkret bei KI-generiertem Code besonders häufig zu finden: divs statt semantischer Elemente wie <button> oder <nav>, fehlende oder falsch verknüpfte Formular-Labels (for-Attribut), und Interaktionselemente, die visuell aussehen wie Buttons, aber technisch keine sind. Web.dev nennt genau diese Punkte als Grundvoraussetzung dafür, dass eine Seite überhaupt zuverlässig interpretierbar ist – für Menschen mit Screenreadern ebenso wie für KI-Agenten, die zunehmend selbst auf Websites navigieren. Dazu kommt laut derselben Quelle die Anforderung an visuelle Stabilität: Wenn sich Layout und Position von Elementen zwischen ähnlichen Seiten unterscheiden, verlieren sowohl Screenreader-Nutzende als auch automatisierte Agenten die Orientierung – ein Punkt, der bei schnell und einzeln generierten Seiten leicht übersehen wird, weil jede Seite für sich genommen funktioniert, die Konsistenz über mehrere Seiten hinweg aber niemand geprüft hat.
Ein weiterer, oft übersehener Aspekt: Interaktive Elemente sollten laut web.dev eine Mindestgröße haben, damit sie nicht von automatisierten Filtern übersehen werden, und Zustände wie „deaktiviert” oder „lädt” müssen für Screenreader und Agenten gleichermaßen erkennbar sein, nicht nur visuell markiert. Bei generiertem Code lohnt sich deshalb ein gezielter Blick auf genau diese Details, statt sich auf den optischen Gesamteindruck zu verlassen.
Wie schützt man Formulare und Daten?
Formulare sind die Stelle, an der aus einer Website ein Datenverarbeitungsprozess wird – und die Stelle, an der unkritisch übernommener generierter Code am teuersten werden kann.
Drei Prüfpunkte vor dem Livegang:
- Serverseitige Validierung. KI-generierter Code prüft Eingaben oft nur im Browser (clientseitig) – bequem für die Nutzerführung, aber wirkungslos gegen jemanden, der die Anfrage direkt an den Server schickt. Jede Eingabe muss serverseitig erneut geprüft werden, unabhängig davon, was das Frontend bereits validiert hat.
- Grundsätzliches Misstrauen gegenüber Eingaben. Formularfelder, Datei-Uploads und URL-Parameter sind grundsätzlich als potenziell manipuliert zu behandeln. Typische Schwachstellen in schnell generiertem Code: fehlende Begrenzung von Upload-Größen und -Typen, fehlende Absicherung gegen automatisierte Massen-Übermittlung, und Datenbankabfragen, die Eingaben ungefiltert übernehmen.
- Zugriffskontrollen und Datensparsamkeit. Welche Formulardaten wirklich nötig sind, wo sie gespeichert werden, wer darauf zugreifen kann und ob eine Rechtsgrundlage sowie – bei externen Diensten – eine Auftragsverarbeitungsvereinbarung vorliegen, ist vor dem Start zu klären, nicht danach.
Das ist keine KI-spezifische Anforderung, sondern Grundhandwerk der Webentwicklung – der Unterschied ist die Geschwindigkeit: Wo früher ein Mensch ein Formular über Stunden hinweg schrieb und dabei implizit über diese Punkte nachdachte, liefert ein KI-Tool ein funktionierendes Formular in Sekunden, ohne dass diese Überlegung automatisch stattgefunden hat. Die Prüfung muss deshalb bewusst als eigener Schritt eingeplant werden, nicht als Nebenprodukt des Schreibens.
Rechtlich gilt (Stand Juli 2026, keine Rechtsberatung): Sobald ein Formular personenbezogene Daten erhebt, greifen die üblichen DSGVO-Anforderungen unabhängig davon, wie der Code entstanden ist. Im Zweifel gehört die konkrete Ausgestaltung zu einer Datenschutzberatung.
Ein weiterer Punkt, der bei generiertem Code häufig fehlt, weil er in Standard-Prompts selten mitgedacht wird: Schutz gegen automatisierten Missbrauch. Ein öffentlich erreichbares Formular ohne Ratenbegrenzung oder Spam-Schutz wird in der Praxis zuverlässig von automatisierten Skripten gefunden und für Massenversand oder Datensammlung missbraucht – unabhängig davon, ob es von Menschenhand oder von einem KI-Tool geschrieben wurde. Die Prüfung, ob ein solcher Schutz vorhanden ist, gehört deshalb auf dieselbe Checkliste wie die Validierung selbst.
Wie entsteht Wartbarkeit?
Eine Website, die heute in Minuten entsteht, muss in einem Jahr noch verständlich sein – für dich selbst, für eine neue Kollegin, für die nächste Agentur. Wartbarkeit ist die am häufigsten unterschätzte Dimension bei KI-gestützt gebautem Code, weil sie beim ersten Eindruck unsichtbar ist.
Drei Faktoren entscheiden in der Praxis:
- Struktur statt Wildwuchs. Wenn jede neue Seite oder Komponente separat per Prompt entsteht, ohne auf eine gemeinsame Struktur zu achten, wächst schnell ein Flickenteppich aus unterschiedlichen Mustern für dieselbe Aufgabe – drei verschiedene Arten, wie Formulare aufgebaut sind, vier verschiedene Button-Varianten. Das erschwert jede spätere Änderung.
- Dokumentierte Entscheidungen. Warum diese Architektur, dieses Framework, diese Konvention? Wenn diese Begründung nirgends steht, muss jede spätere Änderung sie erst rekonstruieren – oder ignoriert sie und verschärft die Inkonsistenz.
- Ein verantwortlicher Mensch, der den Code versteht. Der wichtigste Punkt: Generierter Code, den niemand im Team wirklich gelesen und verstanden hat, ist eine Blackbox mit Ablaufdatum. Sobald sich etwas ändern muss – ein neues Feature, ein Sicherheitsproblem, eine Anforderung aus dem Betrieb – braucht es jemanden, der die bestehende Struktur nachvollziehen kann. Reines Abnehmen („läuft doch”) ersetzt dieses Verständnis nicht.
Versionskontrolle (z. B. Git) und eine nachvollziehbare Änderungshistorie sind dabei keine Kür, sondern Grundvoraussetzung – gerade weil KI-gestützte Iteration dazu verleitet, schnell viele Varianten zu erzeugen, ohne dass sofort klar ist, welche Version produktiv ist.
Umsetzung: ein realistisches Vorgehen
Ein Vorgehen, das den Geschwindigkeitsvorteil von KI nutzt, ohne die genannten Risiken zu ignorieren, hat aus meiner Projekterfahrung fünf Schritte:
- Konzeption ohne KI. Zielgruppe, Seitenstruktur, Kernbotschaften und Conversion-Pfad zuerst klären – auf Papier, im Gespräch, in einer einfachen Skizze. Das ist der Teil, den KI am schlechtesten übernimmt, und er sollte deshalb nicht an ein Tool delegiert werden.
- Umsetzung mit KI-Unterstützung. Auf Basis des Konzepts Layouts, Komponenten und Textentwürfe generieren lassen. Hier liegt der eigentliche Geschwindigkeitsgewinn – ein erster funktionierender Entwurf entsteht in Stunden statt Wochen.
- Technische Prüfung. Performance-Messung, Accessibility-Check (automatisiert und manuell), Sicherheitsprüfung von Formularen, Blick auf strukturierte Daten – bevor irgendetwas live geht. Dieser Schritt ist nicht optional und lässt sich nicht durch „es sieht doch gut aus” ersetzen.
- Redaktionelle und fachliche Abnahme. Texte auf Richtigkeit, Tonalität und rechtliche Angaben prüfen; hier gilt Googles eigener Hinweis, dass bei automatisiert erstellten Inhalten Genauigkeit, Qualität und Relevanz Priorität haben müssen – auch bei Metadaten wie Titeln, Beschreibungen und Alt-Texten.
- Struktur für die Wartung festhalten. Kurze Dokumentation der wichtigsten Entscheidungen, klare Versionierung, benannte Zuständigkeit für spätere Änderungen.
Für strukturierte Daten (Article-Markup, FAQ, Produktdaten) gilt: Google verlangt keine bestimmten Pflichtfelder, empfiehlt aber konkrete Properties wie Titel, Bild in mehreren Formaten sowie Veröffentlichungs- und Änderungsdatum – und macht deutlich, dass Markup Suchergebnisse verbessern kann, aber die inhaltliche Qualität nicht ersetzt. Wer strukturierte Daten von KI generieren lässt, sollte sie vor dem Livegang gegen die offizielle Validierung prüfen, nicht nur gegen die Optik im Vorschau-Tool. Wichtig für die Erwartungshaltung: Laut der offiziellen Anleitung zur KI-Optimierung von Google Search Central sind Spezialdateien oder proprietäres Markup, die angeblich speziell für KI-Suche nötig seien, keine wirksame Maßnahme – die etablierten technischen Grundlagen (Indexierbarkeit, sauberes HTML, Ladezeit, Duplicate-Content-Vermeidung) bleiben maßgeblich, auch wenn ein KI-System die Inhalte am Ende zusammenfasst statt sie zu verlinken.
Ein Sonderfall, der in der Praxis öfter vorkommt, als man denkt: Wird ein KI-Tool auch für die Texte der Website eingesetzt, nicht nur für den Code, gilt zusätzlich Googles Hinweis zur Transparenz – Websites sollten offenlegen, wie Inhalte entstanden sind, und bei automatisiert erzeugten Inhalten besonders auf Genauigkeit und Relevanz achten. Das betrifft strenggenommen redaktionelle Inhalte, nicht den Code selbst, ist aber bei kombinierten KI-Workflows (Text und Code aus demselben Prompt) leicht zu übersehen.
Zeit und Kosten hängen stark vom Umfang ab und lassen sich seriös nur mit Annahmen benennen: Für eine kleine Website mit fünf bis zehn Seiten kann sich die reine Umsetzungszeit durch KI-Unterstützung von Wochen auf Tage verkürzen – vorausgesetzt, Konzeption und Prüfung (Schritte 1, 3, 4, 5) sind mit eingeplant und nicht wegrationalisiert. Wird nur Schritt 2 gemacht, entsteht zwar schnell etwas Sichtbares, aber keine belastbare Website.
Risiken & Grenzen
Zur ehrlichen Einordnung gehören die Fälle, in denen KI-gestützte Entwicklung schlechter geeignet ist als der klassische Weg:
- Komplexe Individuallogik. Sobald eine Website mehr ist als Content plus Formular – etwa eigene Berechnungslogik, tiefe Systemintegration, komplexe Nutzerrollen – steigt der Prüf- und Korrekturaufwand für generierten Code so stark, dass der Geschwindigkeitsvorteil schrumpft oder ganz verschwindet.
- Fehlende interne Prüfkompetenz. Wenn niemand im Unternehmen (intern oder extern beauftragt) in der Lage ist, generierten Code auf Performance, Barrierefreiheit und Sicherheit zu prüfen, verlagert sich das Risiko unsichtbar auf den Livegang – und wird dort teurer als jede eingesparte Entwicklungszeit.
- Skalierte Inhaltserstellung ohne Mehrwert. Google warnt ausdrücklich davor, KI zu nutzen, um „viele Seiten ohne Mehrwert für Nutzer” zu erzeugen – das fällt unter die Spam-Richtlinien zu skaliertem Content-Missbrauch und kann der Sichtbarkeit mehr schaden als jede fehlende Seite.
- Vollautomatisierung ohne menschliche Prüfung. Es gibt keine Automatisierungsquote, die man hier seriös nennen könnte, und keine Garantie, dass generierter Code fehlerfrei ist. Wer den Prüfschritt komplett auslässt, geht ein Risiko ein, das sich erst nach dem Livegang zeigt – bei einem Sicherheitsvorfall, einem Barrierefreiheits-Beschwerdefall oder schlicht bei der ersten größeren Änderung.
Und eine Grenze dieses Artikels selbst: Er beschreibt allgemeine Muster, kennt aber nicht deine konkrete Ausgangslage – welches Framework, welcher Umfang, welche Systeme im Hintergrund. Wenn du deine Website oder deinen Content-Prozess konkret einschätzen lassen willst: Unser Beratungsangebot prüft genau diese Fragen, und ein Erstgespräch klärt in kurzer Zeit, ob und wo KI-Unterstützung bei euch sinnvoll ansetzt. Für Teams, die selbst lernen wollen, wie man generierten Code richtig prüft, bieten sich unsere Schulungen an. Wer zusätzlich prüfen will, wie gut die eigene Website heute schon für KI-Agenten und -Shopping-Assistenten lesbar ist, findet dazu eine eigene Einschätzung unter Agent-Ready.
Entscheidungsmatrix: KI-Aufgabe oder Erfahrungsaufgabe?
Diese Matrix ordnet typische Aufgaben beim Website-Bau danach ein, ob KI sie gut übernimmt, ob sie geprüfte KI-Unterstützung mit menschlicher Kontrolle braucht, oder ob sie in der Erfahrung eines Menschen bleiben sollte.
| Aufgabe | Eignung für KI | Warum |
|---|---|---|
| Seitenstruktur und Informationsarchitektur festlegen | Gering | Hängt von Geschäftsmodell, Zielgruppe und Vertriebsprozess ab, nicht von generischen Mustern |
| Erste Layout- und Komponenten-Entwürfe | Hoch | Viele korrekte Referenzmuster, schnelle Iteration, Fehler leicht sichtbar |
| Formular-Frontend erzeugen | Hoch (mit Pflichtprüfung) | Schnell erzeugt, serverseitige Validierung und Sicherheitscheck danach zwingend |
| Textentwürfe und Alt-Attribute | Mittel | Guter erster Entwurf, fachliche und stilistische Überarbeitung nötig |
| Strukturierte Daten (Article, FAQ) | Mittel | Schema bekannt und gut generierbar, Validierung vor Livegang nötig |
| Conversion-Pfad und Call-to-Action-Platzierung | Gering | Braucht Nutzerverständnis, Tests, Projekterfahrung |
| Performance- und Accessibility-Prüfung | Gering (nur als Werkzeug) | Automatisierte Tools als erste Stufe sinnvoll, Bewertung und manuelle Prüfung bleiben menschlich |
| Sicherheitsprüfung von Formularen und Uploads | Gering | Fehleinschätzung hier ist teuer; braucht gezielte menschliche Prüfung |
| Langfristige Wartungsstruktur und Dokumentation | Gering | Verantwortung und Verständnis lassen sich nicht outsourcen |
Eigene Entscheidungsmatrix Philogic Labs, abgeleitet aus Umsetzungsprojekten und den technischen Empfehlungen von Google Search Central und web.dev.
Checkliste: KI-Website-Entwicklung
- Seitenstruktur, Zielgruppe und Conversion-Pfad sind vor der KI-gestützten Umsetzung geklärt – nicht danach.
- Jede KI-generierte Seite ist auf Ladezeit und Core Web Vitals unter realistischen Bedingungen geprüft.
- Barrierefreiheit ist zweistufig geprüft: automatisierter Check plus manuelle Prüfung mit Tastatur und Screenreader.
- Formulare validieren serverseitig, nicht nur im Browser.
- Upload-Felder haben Größen- und Typbegrenzung sowie Schutz gegen automatisierte Massenübermittlung.
- Für erhobene personenbezogene Daten sind Rechtsgrundlage und ggf. Auftragsverarbeitung geklärt.
- Strukturierte Daten sind gegen die offizielle Validierung geprüft, nicht nur optisch begutachtet.
- Texte und Metadaten sind fachlich und stilistisch überarbeitet, nicht ungeprüft übernommen.
- Es gibt eine dokumentierte Struktur- und Architekturentscheidung, keine Ansammlung uneinheitlicher Prompts.
- Eine benannte Person versteht den generierten Code und verantwortet spätere Änderungen.
- Versionskontrolle ist eingerichtet, bevor produktiv Änderungen entstehen.
- „Vollautomatisch ohne Prüfung live” ist als Vorgehen ausdrücklich ausgeschlossen.
Wer diese zwölf Punkte abhaken kann, nutzt den Geschwindigkeitsvorteil von KI, ohne die Kontrolle über Qualität, Sicherheit und Barrierefreiheit der eigenen Website zu verlieren. Weitere Themen rund um Website- und Content-Prozesse behandelt unsere Wissen-Kategorie Web, SEO und GEO.
Häufige Fragen
Was kann KI beim Website-Bau übernehmen?
KI kann Code für Layouts, Komponenten, Formulare und strukturierte Daten aus Beschreibungen erzeugen, Varianten schnell durchspielen und Texte oder Alt-Attribute entwerfen. Das beschleunigt den ersten Entwurf erheblich – ersetzt aber nicht die Entscheidung, welche Seiten es braucht und wie sie zusammenhängen.
Welche Aufgaben brauchen weiterhin Erfahrung?
Informationsarchitektur, Conversion-Logik, die Bewertung von generiertem Code auf Sicherheitslücken und Wartbarkeit sowie die Priorisierung, was ein Unternehmen mit begrenztem Budget zuerst braucht. KI liefert Bausteine, die Einordnung bleibt bei Menschen mit Projekterfahrung.
Wie prüft man Performance und Barrierefreiheit von KI-generiertem Code?
Mit denselben Werkzeugen wie bei jedem anderen Code: automatisierte Audits für Ladezeiten und Core Web Vitals, automatisierte Accessibility-Checks als erste Stufe und manuelle Prüfung mit Tastatur und Screenreader als zweite Stufe, weil Automatisierung nur einen Teil der Probleme findet.
Wie schützt man Formulare und Daten bei KI-generiertem Code?
Serverseitige Validierung nie dem Frontend allein überlassen, Ausgaben grundsätzlich als nicht vertrauenswürdig behandeln, Rechtsgrundlage und Auftragsverarbeitung für Formulardaten klären und generierten Code vor dem Livegang gezielt auf Injection-Schwachstellen und fehlende Zugriffskontrollen prüfen.
Wie entsteht Wartbarkeit bei KI-gestützt gebauten Websites?
Durch dieselbe Disziplin wie bei klassisch entwickeltem Code: konsistente Struktur statt Copy-Paste-Wildwuchs, Dokumentation der Architekturentscheidungen, Versionskontrolle und ein Mensch, der den generierten Code versteht und verantwortet – nicht nur abgenommen hat.
Quellen
- Google Search Central (2026): AI optimization guide — SEO-Grundlagen bleiben auch für KI-gestützte Suche maßgeblich
- Google Search Central: Using generative AI content — Qualitätsanforderungen und Transparenzpflichten für KI-generierte Inhalte
- Google Search Central: Article structured data — empfohlene Properties für Artikel-Markup
- web.dev (Google, 2025): Designing website UX for AI agents — semantische HTML-Struktur und Barrierefreiheit für Agenten