Blog mit KI bauen: Beiträge, Editor, SEO und Hosting

Ein Blog braucht drei Dinge: Beiträge, die Leser unter ihrer eigenen URL finden, eine Möglichkeit für dich, diese Beiträge zu schreiben und zu veröffentlichen, und Seiten, die Suchmaschinen verstehen können. Ein KI-App-Builder kann alle drei aus einer Beschreibung in einfacher Sprache bauen. Die wichtigste Entscheidung ist, wo deine Beiträge leben: als Dateien im Projekt oder in einer Datenbank mit Editor. Der Rest dieser Anleitung folgt aus dieser Wahl.

Was ein Blog braucht

Seiten

• Startseite oder Beitragsliste: neueste Beiträge zuerst, mit Titel, Datum, kurzem Auszug und Titelbild.
• Beitragsseite: der Artikel selbst, mit eigener URL, zum Beispiel /blog/wie-wir-kaffee-roesten.
• Kategorie- oder Tag-Seiten: damit Leser nach einem Thema stöbern können.
• Über-uns-Seite: wer schreibt und warum.
• Suche (optional): lohnt sich, sobald du mehr als ein paar Dutzend Beiträge hast.
• RSS-Feed: eine kleine Datei, mit der Feed-Reader und manche Newsletter-Tools neue Beiträge automatisch übernehmen.

Daten

Ein Beitrag ist ein kleiner Datensatz: Titel, Slug (der Teil der URL), Text, Auszug, Titelbild, Autor, Kategorie, Tags, Status (Entwurf oder veröffentlicht), Veröffentlichungsdatum und Aktualisierungsdatum. Gibt es mehrere Autoren, ergänzt du eine Autorentabelle mit Name, Foto und kurzer Biografie.

Berechtigungen

Leser sehen nur veröffentlichte Beiträge. Schreibende können Entwürfe anlegen und bearbeiten. Jemand, oft dieselbe Person, kann veröffentlichen. Bei einem Ein-Personen-Blog heißt das einfach „ich und alle anderen“. Für ein Team brauchst du Anmeldung und mindestens zwei Rollen.

Die große Entscheidung: Dateien oder Datenbank

Ein CMS (Content-Management-System) ist einfach der Teil, in dem du Inhalte schreibst und verwaltest. Mehr dazu unter was ist ein CMS.

Für die meisten persönlichen und Firmenblogs fängst du mit Markdown-Dateien an. Wechsle zu einer Datenbank mit Editor, wenn das Schreiben über den Builder zum Engpass wird oder jemand, der den Builder nicht nutzt, posten muss.

SEO-Entscheidungen früh treffen

Der Wert eines Blogs kommt meist aus Suchverkehr. Deshalb sind einige technische Entscheidungen wichtiger als das Design.

• Seiten müssen ohne JavaScript lesbar sein. Viele mit KI gebaute Apps sind Single-Page-Apps (SPAs): Der Browser lädt eine leere Seite, und JavaScript füllt sie. Suchmaschinen können das oft rendern, aber es ist langsamer und weniger zuverlässig. Verlange für einen Blog, dass Beiträge als statisches HTML vorgerendert oder serverseitig gerendert werden, damit der Text schon beim Laden in der Seite steht.
• Eine URL pro Beitrag, und die bleibt. Wähle kurze, lesbare Slugs. Wenn du sie später änderst, brechen Links, außer du richtest Weiterleitungen ein.
• Titel und Beschreibung pro Beitrag. Jeder Beitrag braucht eigenen <title> und eine Meta-Beschreibung, dazu Open-Graph-Tags, damit Links beim Teilen gut aussehen.
• Eine Sitemap. Eine sitemap.xml, die jeden veröffentlichten Beitrag auflistet, hilft Suchmaschinen, neue Beiträge zu finden.
• Strukturierte Daten. Article-Markup (von schema.org) sagt Suchmaschinen Überschrift, Autor und Datum. Markiere nur, was tatsächlich auf der Seite steht.

Unser Leitfaden zu SEO für mit KI gebaute Websites geht diese Punkte genauer durch.

Beispiel für den ersten Prompt

Baue einen Blog für meine Specialty-Kaffeerösterei. Seiten: eine Startseite mit Beiträgen, neueste zuerst (Titel, Datum, Auszug, Titelbild), eine Beitragsseite unter /blog/[slug], Kategorieseiten und eine Über-uns-Seite. Speichere Beiträge als Markdown-Dateien mit Front Matter für Titel, Datum, Auszug, Kategorie und Titelbild, und rendere jede Beitragsseite als statisches HTML vor, damit Suchmaschinen sie ohne JavaScript lesen können. Jeder Beitrag braucht einen eigenen Titel und eine Meta-Beschreibung, Open-Graph-Tags und Article-Strukturdaten. Erstelle aus den Beiträgen eine sitemap.xml und einen RSS-Feed. Saubere, gut lesbare Typografie mit einer maximalen Zeilenbreite von etwa 70 Zeichen und ein Layout, das auf dem Handy gut funktioniert. Füge drei Beispielbeiträge hinzu, damit ich das Design sehen kann.

Build-Schritte

1. Mit Beispielbeiträgen gestalten. Richte zuerst die Beitragsseite richtig ein: Schriftgröße, Zeilenlänge, Abstände, Darstellung von Bildern und Zitaten. Dort verbringen Leser die meiste Zeit.
2. Listen- und Kategorieseiten. Prüfe Auszüge, Daten und Titelbilder und was passiert, wenn ein Beitrag kein Bild hat.
3. SEO-Grundlagen. Verlange Titel, Beschreibungen, Open-Graph-Tags, die Sitemap und den RSS-Feed. Öffne nach dem Veröffentlichen einen Beitrag und zeige den Seitenquelltext, um zu bestätigen, dass der Text im HTML steht.
4. Deine echten Beiträge. Ersetze die Beispiele. Schreibe die ersten paar selbst; sie geben den Ton vor.
5. Newsletter-Anmeldung (optional). Ein Formular am Ende jedes Beitrags, das E-Mail-Adressen in einer Datenbank speichert oder an deinen E-Mail-Anbieter schickt. Siehe wie du eine Newsletter-Website baust.
6. Editor und Anmeldung (nur wenn nötig). Wechselst du zu einer Datenbank, verlange einen Admin-Bereich mit Entwürfen, einem Vorschau-Button und Bild-Uploads, und schütze ihn mit einer Anmeldung.
7. Eigene Domain. Ein Blog auf deiner eigenen Domain baut Reputation für diese Domain auf. Siehe wie du eine eigene Domain verbindest.

KI für das Schreiben nutzen

KI kann bei Gliederungen, ersten Entwürfen, Überschriftenvorschlägen, Zusammenfassungen und beim Überarbeiten helfen. Schwächer ist sie bei dem, was einen Blog lesenswert macht: deine Erfahrung, deine Meinung, deine Fotos, echte Zahlen aus deiner Arbeit. Eine gute Regel: Lass die KI dir helfen, schneller zu schreiben, nicht für dich schreiben. Prüfe jede Tatsache, die sie dir liefert, und veröffentliche nie Statistiken oder Zitate, die du nicht auf eine Quelle zurückführen kannst.

Fügst du einen KI-Schreibassistenten in deinen eigenen Editor ein, etwa einen Button „Titel vorschlagen“ oder „Diesen Absatz straffen“, muss der API-Schlüssel auf dem Server bleiben. Setze außerdem Nutzungslimits, denn jeder Vorschlag kostet Geld.

Häufige Fehler

• Rendering nur im Client für Beiträge. Der Text des Beitrags sollte im HTML stehen, nicht erst später per JavaScript ergänzt werden.
• Slugs nach der Veröffentlichung ändern. Jeder alte Link bricht. Wenn es sein muss, richte eine Weiterleitung von der alten URL ein.
• Riesige Bilder. Ein 5-MB-Titelbild macht jede Seite langsam. Verlange verkleinerte, komprimierte Bilder mit gesetzter Breite und Höhe.
• Keine Entwürfe. Ohne Entwurfsstatus landen halbfertige Beiträge live.
• Kommentare ohne Moderation. Offene Kommentare ziehen innerhalb weniger Tage Spam an. Starte ohne Kommentare oder verlange eine Freigabe, bevor etwas erscheint.
• Fehlende Daten. Leser und Suchmaschinen wollen beide wissen, wann etwas geschrieben und zuletzt aktualisiert wurde.

Wann eine Blog-Plattform die bessere Wahl ist

Wenn du nur schreiben willst und nichts weiter, bringt dich eine gehostete Blog-Plattform oder WordPress schneller ans Ziel. Sie bringen einen fertigen Editor, Themes, Kommentare, in manchen Fällen Newsletter und jahrelang gewachsene Plugins mit. Plattformen im Stil von Substack bringen außerdem ein eingebautes Publikum und E-Mail-Versand mit.

Baue selbst, wenn der Blog in einem größeren Produkt steckt (einer Firmenseite, einer SaaS-App, einem Shop), wenn die Beiträge deine eigenen Daten nutzen sollen, etwa Produktseiten, Rezepte oder Angebote, oder wenn du die volle Kontrolle über Design und URLs willst. Es ist auch ein guter Weg zu verstehen, wie Websites funktionieren. Um einer bestehenden Website Beiträge hinzuzufügen, siehe wie du einen Blog zu deiner Website hinzufügst.

Mit Mythex bauen

In Mythex beschreibst du den Blog im Chat, prüfst das Design in der Live-Vorschau (auch in einer Ansicht in Handygröße) und veröffentlichst ihn unter einer öffentlichen <slug>.mythex.app-Adresse; eigene Domains gibt es im Pro-Tarif. Der Standard-Stack ist eine Vite- und React-App, die im Browser rendert. Für einen Blog verlangst du deshalb vorgerenderte Beitragsseiten oder Next.js und folgst dem SEO-Rezept für Titel, Meta-Tags und die Sitemap. Wenn du einen Editor im Browser willst, ergänzt Mythex eine Datenbank und Dateispeicher für Bilder, sobald die App sie braucht. Die Anmeldung für deine Schreibenden ist selbst zu wählen: Du entscheidest den Ansatz, und der Agent bindet ihn ein. Als Ausgangspunkt schau dir die Vorlagen Food-Blog und Newsletter-Blog an.

Fragen