Erstellung von Websites und Landingpages (Struktur, Texte, Bilder)

Viele Handwerksbetriebe, Praxen, Vereine und Solo-Selbstständige haben keine oder eine veraltete Website, weil Gestaltung, Texten, Fotografie und Rechtstexte jeweils Fachleute erfordern. KI-Website-Baukästen machen aus einem Interview von fünf Minuten eine gehostete, für Mobilgeräte optimierte Website mit Struktur, Texten, Bildern, Formularen und SEO-Grundlagen und lassen den Inhaber sie anschließend per Chat ändern. Der Inhaber bleibt verantwortlich für Fakten, Rechtstexte und Barrierefreiheit.

Problem & Nutzen

• Heute: Inhaber beauftragen eine Agentur (teuer, langsam), nutzen einen Vorlagen-Baukasten (Problem der leeren Seite: Was schreiben, welche Abschnitte?) oder bitten ein Familienmitglied. Die Websites bleiben dünn, veraltet und rechtlich unvollständig.
• KI-Nutzen: Die leere Seite entfällt. Der Baukasten schlägt aus wenigen Antworten Seitenstruktur, Abschnittsreihenfolge und einen ersten Textentwurf vor, wählt Stil und Bilder, richtet ein Kontakt- oder Buchungsformular ein und füllt Title-Tags und Beschreibungen. Änderungen erfolgen in natürlicher Sprache („Preisabschnitt ergänzen“, „freundlicher formulieren“).
• Belege: Alle großen Baukästen bieten dies inzwischen als Hauptfunktion an (Wix, Jimdo, IONOS, Squarespace, Hostinger) [1][2][3][4]. Unabhängige kontrollierte Studien zu Zeit- oder Kosteneinsparungen sind selten; Herstellerangaben wie „Website in Minuten“ beschreiben den ersten Entwurf, nicht eine fertige, auf Fakten geprüfte Website.
• Nicht dasselbe wie: CODE-007 (individuelle Anwendungslogik, generierter Code) oder GEN-004 (statische Grafiken).

Varianten

• Website für lokale Betriebe: Handwerk, Gastronomie, Arzt- und Therapiepraxen, Steuerberater; Karte, Öffnungszeiten, Leistungen, Bewertungen, lokale SEO.
• Kampagnen-Landingpage: Einzelseite mit einem Handlungsaufruf, Formular und Tracking; viele Varianten für A/B-Tests.
• Private und Vereinsnutzung: Hochzeits-, Vereins- oder Schulseiten; Passwortschutz ist wichtiger als SEO.
• Mehrsprachige Website: eine Ausgangssprache plus maschinell übersetzte Versionen mit menschlicher Prüfung (LANG-009).

So funktioniert es

1. Briefing / Interview (+ optional Import der bestehenden Website, Google-Unternehmensprofil, Social-Media-Seite)
2. Sitemap + Abschnittsplanung (Start, Leistungen, Über uns, Kontakt, FAQ)
3. Vorlagen-/Theme-Auswahl (Komponentenbibliothek: Hero, Merkmale, Galerie, Formular, Karte)
4. Texterzeugung je Abschnitt (Tonalität, Sprache, lokale Schlüsselwörter)
5. Bildbeschaffung (Stocksuche, Text-zu-Bild, Uploads der Nutzer) + Alternativtexte
6. Formulare, Buchungs- und Shop-Widgets, Analytics, SEO-Metadaten + schema.org
7. rechtliches Grundgerüst (Impressum, Datenschutzerklärung, Cookie-Einwilligung)
8. Prüfung und Änderungen durch den Inhaber (Chat oder visueller Editor)
9. Veröffentlichung auf Hosting + Domain

• Das Layout wird aus dem Vorlagen- und Komponentensystem eines Anbieters zusammengesetzt, nicht aus frei geschriebenem Code. Dadurch bleibt das Ergebnis responsiv, bis zu einem gewissen Grad standardmäßig barrierefrei und für Laien bearbeitbar.
• Das Sprachmodell (LLM) übernimmt Planung, Texte und Änderungen im Dialog (meist über Tool-Aufrufe, die einen Seiten- JSON-/Komponentenbaum verändern). Bildmodelle erzeugen oder bearbeiten Titel- und Abschnittsbilder.
• Mensch-in-der-Schleife (Human-in-the-Loop): Der Inhaber muss jede Tatsachenbehauptung prüfen (Preise, Zertifizierungen, medizinische oder rechtliche Aussagen), die rechtlichen Angaben liefern und die Veröffentlichung freigeben. Ein Rechtstext aus der Vorlage ist keine Rechtsberatung.

Datenaufbereitung

Die „Daten“ sind hier vor allem Unternehmensfakten und Markenmaterial, und sie liegen meist verstreut: Leistungen und Preislisten in Word- oder Excel-Dateien und im ERP, Öffnungszeiten und Adresse im Google-Unternehmensprofil, Fotos auf Smartphones und in E-Mail-Anhängen, Logos in alten Druck-PDFs und rechtliche Angaben (Registernummer, USt-IdNr., Kammer, Berufsaufsicht) in der Buchhaltung oder in Vertragsordnern. Typische Lücken sind veraltete Preise, Fotos mit geringer Auflösung oder ohne Lizenz, fehlende Alternativtexte, fehlende Einwilligungen für Fotos von Mitarbeitenden oder Kunden und keine Person, die für die Fakten zuständig ist.

Konkrete Schritte: 1. Ein gemeinsames „Faktenblatt“ (geteiltes Dokument) mit Leistungen, Preisen, Zeiten, Adresse, Kontakt, rechtlichen Angaben und Tonalität anlegen; vom Prozessverantwortlichen freigeben lassen. 2. Echte Fotos und das Logo in Originalqualität sammeln, Bildrechte und schriftliche Einwilligung der abgebildeten Personen prüfen und Dateien aussagekräftig benennen. 3. Die Drittanbieter-Werkzeuge auflisten, die die Website laden wird (Karten, Schriftarten, Video, Analyse, Buchung), für die Datenschutzerklärung. 4. Falls eine alte Website besteht, deren Text und Sitemap für den Import exportieren; veraltete Seiten zuvor löschen. 5. Bei vielen Preislisten oder Produktdaten zuerst die Tabelle bereinigen (siehe PREP-011); zu Terminologie und Markenstimme siehe PREP-015 und PREP-016.

Aufwandsanteil: gering, etwa 10-20 Prozent des Gesamtaufwands, aber entscheidend für die Qualität, da die KI nur aus korrekten Fakten gut schreibt. Benötigt werden eine Office-Suite und ein gemeinsamer Ordner; eine Datenpipeline ist nicht nötig.

Umsetzungswege

Welcher Weg für wen

• KMU: A. Ausgereifte, in der EU hostbare Baukästen (IONOS, Jimdo, Wix) decken eine Standard-Inhaltswebsite zu kleinen Monatspreisen ohne technisches Personal ab.
• Privat: A. Vereins-, Familien- oder Veranstaltungsseiten brauchen einen gehosteten Baukasten mit kostenlosem oder günstigem Tarif, keine eigene Infrastruktur.
• Entwickler: B. Agenturen und Freiberufler schaffen mehr Wert, wenn ein Sprachmodell strukturiertes Seiten-JSON für ein Komponentensystem oder ein Headless-CMS erzeugt, das sie selbst kontrollieren.

Weg A — Kaufen (Standardsoftware) (empfohlen für KMU und Privatnutzer)

• Plattform-Baukästen: Wix (AI Website Builder, Bearbeitung per Chat), Squarespace (Blueprint AI), Webflow (KI-gestützter Websiteaufbau für Designer), Hostinger (AI Website Builder, Horizons für app-ähnliche Websites), Shopify (KI-Generierung von Shop und Theme für Onlineshops).
• Aus der EU: IONOS MyWebsite (KI-Baukasten, Deutschland), Jimdo (KI-gestützter Baukasten, Deutschland), STRATO, Webnode (Tschechien), Hostinger (Litauen). Prüfen Sie das EU-Rechenzentrum, den AVV und ob Impressum- und Cookie-Werkzeuge enthalten sind.
• A wählen, wenn: Inhaltswebsite mit weniger als etwa 20 Seiten, ohne eigene Logik, und der Inhaber keinen technischen Aufwand wünscht. Achten Sie auf Abhängigkeit vom Anbieter (Lock-in): Die meisten Baukästen können keine portable Website exportieren.

Weg B — Auf Cloud-KI-Diensten aufbauen

• Pipeline: Ein Sprachmodell (Claude, GPT, Gemini oder Mistral-Modelle über EU-Regionen) erzeugt strukturiertes Seiten-JSON nach einem festen Komponentenschema; eine Bild-API liefert die Visuals; ein statischer Generator (Astro, Hugo, Next.js) oder ein Headless-CMS (Storyblok, Contentful, Strapi Cloud) rendert die Seite.
• Werkzeuge für Entwickler: v0 (Vercel), Lovable (Schweden), Bolt, Framer AI und Builder.io erzeugen Code und stehen CODE-007 näher; nützlich für Agenturen, die eine codebasierte Website liefern.
• Compliance-Ergänzungen: Consent-Werkzeuge (z. B. Usercentrics, Cookiebot) und cookielose Analyse (Plausible, Matomo).

Weg C — Selbst betreiben (Open Source)

• Modelle: Open-Weight-Sprachmodelle wie Qwen3-Coder oder Qwen3, Mistral- und Llama-Modelle für strukturiertes Seiten-JSON und Texte; FLUX.1 [schnell/dev] oder Stable-Diffusion-Modelle für Bilder (Lizenzen prüfen).
• Stack: Astro/Hugo/Eleventy als Renderer, Ghost, WordPress oder Strapi/Directus als CMS, Open WebUI oder eine kleine eigene Chat-Oberfläche für Änderungen; vLLM oder Ollama für den Betrieb.
• Hardware: HW2 bewältigt ein quantisiertes Modell der 30B-Klasse plus ein Bildmodell für das Volumen einer Agentur; HW1 reicht für reine Textgenerierung mit kleinen Modellen.

Weg D — Eigenes Training

Lohnt sich selten; Prompt-Vorlagen mit Markenbeispielen und ein festgelegter Komponentensatz genügen.

Stand der Technik (2026)

• Der Websiteaufbau im Dialog ist Standard: Die Baukästen befragen den Inhaber, erzeugen eine vollständige mehrseitige Website und nehmen Änderungen im Chat entgegen. Die Grenze zu App-Baukästen (CODE-007) verschwimmt, etwa wenn ein Anbieter seinen klassischen Baukasten mit einem KI-App-Builder-Modus zusammenführt [1].
• Strukturierte Generierung auf Komponentensystemen liefert zuverlässigere Ergebnisse als die Erzeugung von reinem HTML: weniger Layoutfehler, einheitliches Verhalten auf Mobilgeräten.
• Agentische Extras: Baukästen ergänzen die Erzeugung von Blogbeiträgen, Produktbeschreibungen, Bildern und automatische SEO-Vorschläge. Die Sichtbarkeit verlagert sich zudem zu KI-Antwortmaschinen; daher zählen neben klassischer SEO auch schema.org-Auszeichnung und klare, sachliche Seiten.
• Grenzen und Fehlerbilder: generische oder repetitive Texte; erfundene Fakten (Öffnungszeiten, Auszeichnungen, Zertifizierungen, Kundenstimmen); stockartige oder ungenaue KI-Bilder von Mitarbeitenden, Räumen oder Produkten; schwache lokale SEO, solange die Adressdaten nicht stimmen; uneinheitliche Übersetzungen; Lücken bei der Barrierefreiheit generierter Websites; und Rechtstext-Vorlagen, die nicht zur tatsächlichen Datenverarbeitung passen (Analyse, eingebettete Karten, Schriftarten, Video).

Gemeinsame Bausteine & Kombinationen

• Gleicher Stack (llm-general + image-gen): GEN-001 Marketingbilder, GEN-004 Flyer und Banner, GEN-006 Logo und Markenelemente speisen dasselbe Markenpaket; LANG-005 SEO-Inhalte und LANG-009 Übersetzung erweitern es.
• Nachgelagert: CONV-001 Website-Chatbot, CONV-005 Lead-Qualifizierung; Formulare und Buchungen werden über Workflow-Automatisierung mit dem CRM verbunden.

Aufwand, Kosten & Kennzahlen

• Weg A: Stunden bis zum ersten Entwurf, einige Tage bis zur geprüften Website; Abopreis pro Monat plus Domain. Vergleichen Sie aktuelle Preise auf den Anbieterseiten, da Testberichte voneinander abweichen.
• Weg C: 1-3 Monate einschließlich Designsystem; GPU-Server und Betrieb.
• Kennzahlen: Zeit bis zur Veröffentlichung, Anteil der nach der Prüfung behaltenen KI-Texte, organische Suchimpressionen und Klicks, Konversionsrate der Formulare, Core Web Vitals, Ergebnis des Barrierefreiheits-Audits, Anzahl der in der Prüfung gefundenen Faktenkorrekturen.

Menschen & Veränderung

Binden Sie die Geschäftsleitung von Anfang an ein (Budget, Marke, Verantwortung für die Website) und die Abteilungsleitung Marketing oder Vertrieb als Prozessverantwortliche, die die Fakten liefert und freigibt. Anwender sind die ein oder zwei Personen, die die Website später pflegen; lassen Sie sie den Baukasten in der Pilotphase ausprobieren. Der oder die Datenschutzbeauftragte (oder ein externer) prüft Formulare, Buchungen, Karten, Schriftarten, Analyse und den AVV mit dem Baukasten-Anbieter (Art. 28 DSGVO); eine DSFA ist bei einer Standard-Website normalerweise nicht nötig. Recht/Compliance prüft das Impressum und die Werberegeln in regulierten Branchen. Wenn Kunden über die Website buchen oder schreiben können, testen Sie den Ablauf mit einigen echten Kunden.

Betriebsrat: normalerweise nicht erforderlich, da das Werkzeug weder Verhalten noch Leistung von Beschäftigten überwacht (§ 87 Abs. 1 Nr. 6 BetrVG); relevant wird er nur, wenn Mitarbeiterprofile oder -fotos veröffentlicht werden oder Redaktionsaktivitäten zur Auswertung protokolliert werden. Wo es einen gibt, informieren Sie ihn trotzdem rechtzeitig (§ 90 Abs. 1 Nr. 3 BetrVG); bei öffentlichen Stellen ist der Personalrat zu beteiligen.

KI-Kompetenz: Unterstützen Sie Beschäftigte, die den Baukasten nutzen (Art. 4 KI-Verordnung), mit einer kurzen Einweisung zu erfundenen Fakten, Bildrechten und der Kennzeichnung von KI-Bildern. Typische Sorgen sind „Ersetzt das die Agentur oder den Texter?“ und „Klingt die Website dann austauschbar?“; begegnen Sie ihnen, indem Sie die KI als ersten Entwurf mit menschlicher Freigabe vor der Veröffentlichung positionieren. Siehe GUIDE-006, GUIDE-007 und GUIDE-005.

Risiken, Regulierung & Compliance

• KI-Verordnung (AI Act): minimales Risiko für den Generator. Art. 4 (KI-Kompetenz) gilt für den Betreiber. Die Transparenzpflichten nach Art. 50 betreffen Deepfakes und KI-generierte Texte, die veröffentlicht werden, um die Öffentlichkeit über Themen von öffentlichem Interesse zu informieren, und gelten vor allem für Anbieter und Betreiber solcher Inhalte; Deepfake-artige Bilder realer Personen müssen gekennzeichnet werden; unabhängig davon sollten erfundene Mitarbeiter- oder Kundenfotos als irreführend vermieden werden [5].
• Impressum / Anbieterkennzeichnung: Deutsche Websites brauchen ein vollständiges Impressum nach § 5 DDG; die KI darf Angaben wie Registernummern, Kammer- oder Berufsaufsichtsangaben und die USt-IdNr. nicht erfinden [6].
• DSGVO und ePrivacy: Kontaktformulare, Buchungen, eingebettete Karten, Schriftarten, Video und Analyse verarbeiten personenbezogene Daten; die Datenschutzerklärung muss jedes Werkzeug und seine Rechtsgrundlage benennen (Art. 13 DSGVO), und mit dem Baukasten-Anbieter ist ein unterzeichneter AVV nötig. Für nicht notwendige Cookies und ähnliche Speicherung ist eine Einwilligung erforderlich (§ 25 TDDDG in Deutschland) [7][8]. Ein Vorlagen-Banner, das Tracker vor der Einwilligung lädt, ist nicht konform.
• Barrierefreiheit: Seit dem 28. Juni 2025 erfasst das Barrierefreiheitsstärkungsgesetz (BFSG) Onlineshops und Dienstleistungen für Verbraucher; Kleinstunternehmen, die Dienstleistungen erbringen, sind ausgenommen. Für viele andere Websites ist es gute Praxis nach WCAG 2.1/2.2 [9].
• Haftung für Inhalte: Erfundene Aussagen können irreführende Werbung sein (UWG); regulierte Branchen (Heilmittelwerberecht, Rechtsanwälte, Steuerberater) haben zusätzliche Werberegeln. Urheberrecht: Bildlizenzen und Modellbedingungen prüfen.
• Gegenmaßnahmen: Faktencheckliste vor der Veröffentlichung, cookielose Analyse, Consent-Werkzeug, das Skripte blockiert, Prüfung der Rechtsseiten durch einen Rechtsanwalt oder einen zertifizierten Rechtstext-Dienst, Alternativtexte, Backups und exportierbare Inhalte.

Erste Schritte

1. Sammeln Sie die Fakten (Leistungen, Preise, Zeiten, Adresse, rechtliche Angaben, echte Fotos), bevor Sie einen Baukasten öffnen.
2. Probieren Sie zwei Baukästen aus Weg A mit demselben Briefing aus, einen davon in der EU gehostet; vergleichen Sie Textqualität und Bearbeitbarkeit.
3. Ersetzen Sie generische Texte und Bilder durch echte; prüfen Sie jede Aussage; ergänzen Sie die Impressumsdaten.
4. Konfigurieren Sie Einwilligung, Datenschutzerklärung und Auftragsverarbeiter; testen Sie die Website ohne akzeptierte Cookies.
5. Reichen Sie die Sitemap bei Suchmaschinen ein, prüfen Sie das Google-Unternehmensprofil und legen Sie dann eine vierteljährliche Überprüfung fest.

Quellen

1. Wix — AI Website Builder — https://www.wix.com/ai-website-builder
2. Jimdo — AI website builder — https://www.jimdo.com/
3. IONOS — AI website builder (MyWebsite) — https://www.ionos.com/websites/website-builder
4. Hostinger — AI website builder — https://www.hostinger.com/ai-website-builder
5. Regulation (EU) 2024/1689 (AI Act), Art. 4 and 50 — https://eur-lex.europa.eu/eli/reg/2024/1689/oj
6. Digitale-Dienste-Gesetz (DDG), section 5 — https://www.gesetze-im-internet.de/ddg/__5.html
7. Regulation (EU) 2016/679 (GDPR) — https://eur-lex.europa.eu/eli/reg/2016/679/oj
8. TDDDG, section 25 — https://www.gesetze-im-internet.de/ttdsg/__25.html
9. Directive (EU) 2019/882 (European Accessibility Act) — https://eur-lex.europa.eu/eli/dir/2019/882/oj