Zo bouw je een blog met AI: berichten, editor, SEO en hosting

Een blog heeft drie dingen nodig: berichten die mensen op hun eigen URL kunnen lezen, een manier voor jou om die berichten te schrijven en te publiceren, en pagina’s die zoekmachines kunnen begrijpen. Een AI-app-bouwer kan alle drie op basis van een beschrijving in gewoon Nederlands bouwen. De belangrijkste keuze is waar je berichten staan — als bestanden in het project, of in een database met een editor — en de rest van deze gids volgt uit die keuze.

Wat een blog nodig heeft

Pagina’s

• Startpagina of berichtenlijst — nieuwste berichten eerst, met titel, datum, een korte samenvatting en een omslagafbeelding.
• Berichtpagina — het artikel zelf, met een eigen URL zoals /blog/how-we-roast-coffee.
• Categorie- of tagpagina’s — zodat lezers één onderwerp kunnen doorbladeren.
• Over-pagina — wie dit schrijft en waarom.
• Zoeken (optioneel) — de moeite waard zodra je meer dan een paar tientallen berichten hebt.
• RSS-feed — een klein bestand waarmee feedlezers en sommige nieuwsbriefprogramma’s nieuwe berichten automatisch oppikken.

Data

Een bericht is een klein record: titel, slug (het URL-deel), tekst, samenvatting, omslagafbeelding, auteur, categorie, tags, status (concept of gepubliceerd), publicatiedatum en wijzigingsdatum. Bij meerdere auteurs voeg je een tabel met auteurs toe, met naam, foto en korte bio.

Rechten

Lezers zien alleen gepubliceerde berichten. Schrijvers kunnen concepten maken en bewerken. Iemand — vaak dezelfde persoon — kan publiceren. Voor een blog van één persoon is dit gewoon „ik en iedereen anders”; voor een team heb je login en minstens twee rollen nodig.

De grote keuze: bestanden of een database

Een CMS (contentmanagementsysteem) is simpelweg het deel waarin je content schrijft en beheert. Zie wat is een CMS voor meer.

Voor de meeste persoonlijke en bedrijfsblogs begin je met Markdown-bestanden. Ga naar een database en editor wanneer schrijven via de bouwer het knelpunt wordt, of wanneer iemand die de bouwer niet gebruikt moet posten.

SEO-keuzes die je vroeg maakt

De waarde van een blog komt meestal van zoekverkeer, dus enkele technische keuzes wegen zwaarder dan het ontwerp.

• Pagina’s moeten leesbaar zijn zonder JavaScript. Veel met AI gebouwde apps zijn single-page apps (SPA’s): de browser downloadt een lege pagina en JavaScript vult die in. Zoekmachines kunnen dat vaak renderen, maar het is trager en minder betrouwbaar. Vraag voor een blog om berichten vooraf te renderen naar statische HTML of op de server, zodat de tekst er al in zit zodra de pagina laadt.
• Eén URL per bericht, en houd die. Kies korte, leesbare slugs. Later wijzigen breekt links, tenzij je redirects toevoegt.
• Titel en beschrijving per bericht. Elk bericht heeft zijn eigen <title> en metabeschrijving nodig, plus Open Graph-tags zodat links er goed uitzien als ze gedeeld worden.
• Een sitemap. Een sitemap.xml met elk gepubliceerd bericht helpt zoekmachines nieuwe berichten te vinden.
• Gestructureerde data. Artikelmarkering (van schema.org) vertelt zoekmachines de kop, auteur en datum. Markeer alleen wat er daadwerkelijk op de pagina staat.

Onze gids over SEO voor met AI gebouwde websites behandelt dit uitgebreider.

Voorbeeld van een eerste prompt

Bouw een blog voor mijn specialty-koffiebranderij. Pagina’s: een startpagina met berichten, nieuwste eerst (titel, datum, samenvatting, omslagafbeelding), een berichtpagina op /blog/[slug], categoriepagina’s, en een over-pagina. Sla berichten op als Markdown-bestanden met front matter voor titel, datum, samenvatting, categorie en omslagafbeelding, en render elke berichtpagina vooraf naar statische HTML zodat zoekmachines die kunnen lezen zonder JavaScript. Elk bericht heeft een eigen titel en metabeschrijving, Open Graph-tags, en Article-gestructureerde data nodig. Genereer een sitemap.xml en een RSS-feed uit de berichten. Schone, leesbare typografie met een maximale regelbreedte van ongeveer 70 tekens, en een lay-out die goed werkt op telefoons. Voeg drie voorbeeldberichten toe zodat ik het ontwerp kan zien.

Bouwstappen

1. Ontwerp met voorbeeldberichten. Krijg de berichtpagina eerst goed — lettergrootte, regellengte, witruimte, hoe afbeeldingen en citaten eruitzien. Mensen brengen daar de meeste tijd door.
2. Overzichts- en categoriepagina’s. Controleer de samenvattingen, datums en omslagafbeeldingen, en wat er gebeurt als een bericht geen afbeelding heeft.
3. Basis voor SEO. Vraag om titels, beschrijvingen, Open Graph-tags, de sitemap en de RSS-feed. Open na het publiceren een bericht en bekijk de paginabron om te bevestigen dat de tekst in de HTML staat.
4. Je echte berichten. Vervang de voorbeelden. Schrijf de eerste paar zelf; die bepalen de toon.
5. Aanmelding voor de nieuwsbrief (optioneel). Een formulier onder elk bericht dat e-mailadressen opslaat in een database, of ze naar je e-mailprovider stuurt. Zie hoe je een nieuwsbriefwebsite bouwt.
6. Editor en login (alleen indien nodig). Als je naar een database overstapt, vraag dan om een beheergedeelte met concepten, een voorbeeldknop en afbeeldingsuploads, beveiligd met login.
7. Eigen domein. Een blog op je eigen domein bouwt reputatie op voor dat domein. Zie hoe je een eigen domein koppelt.

AI gebruiken voor het schrijven

AI kan helpen met opzetten, eerste concepten, kopopties, samenvattingen en redigeren. Het is zwakker in wat een blog de moeite waard maakt om te lezen: jouw ervaring, jouw meningen, jouw foto’s, echte cijfers uit je werk. Een nuttige regel is AI je sneller te laten schrijven, niet voor je te laten schrijven. Controleer elk feit dat het geeft, en publiceer nooit statistieken of citaten die je niet naar een bron kunt herleiden.

Als je een AI-schrijfassistent in je eigen editor toevoegt — een knop „stel een titel voor” of „maak deze alinea strakker” — moet de API-sleutel op de server blijven. Zet er ook gebruikslimieten op, want elke suggestie kost geld.

Veelgemaakte fouten

• Berichten alleen aan de client renderen. De tekst van het bericht moet in de HTML staan, niet later door JavaScript worden toegevoegd.
• Slugs wijzigen na publicatie. Elke oude link breekt. Als het moet, voeg dan een redirect van de oude URL toe.
• Enorme afbeeldingen. Een omslagfoto van 5 MB maakt elke pagina traag. Vraag om verkleinde, gecomprimeerde afbeeldingen met breedte en hoogte ingesteld.
• Geen concepten. Zonder conceptstatus komen half afgemaakte berichten live te staan.
• Reacties zonder moderatie. Open reacties trekken binnen dagen spam aan. Begin zonder reacties, of vereis goedkeuring voordat er iets verschijnt.
• Datums ontbreken. Lezers en zoekmachines willen allebei weten wanneer iets is geschreven en voor het laatst is bijgewerkt.

Wanneer een blogplatform de betere keuze is

Als je alleen wilt schrijven, komt een gehost blogplatform of WordPress sneller je doel. Ze hebben een kant-en-klare editor, thema’s, reacties, in sommige gevallen nieuwsbrieven, en jaren aan plugins. Platforms in de stijl van Substack brengen daarnaast een ingebouwd publiek en e-maillevering mee.

Bouw zelf wanneer het blog binnen een grotere product zit (een bedrijfssite, een SaaS-app, een webwinkel), wanneer je wilt dat de berichten je eigen data gebruiken — productpagina’s, recepten, advertenties — of wanneer je volledige controle over het ontwerp en de URL’s wilt. Het is ook een goede manier om te leren hoe websites werken. Voor het toevoegen van berichten aan een site die je al hebt, zie hoe je een blog aan je website toevoegt.

Bouwen met Mythex

In Mythex beschrijf je het blog in de chat, controleer je het ontwerp in het live voorbeeld (ook in telefoonformaat), en publiceer je het naar een openbaar adres <slug>.mythex.app; eigen domeinen zitten in het Pro-abonnement. De standaardstack is een Vite- en React-app, die in de browser rendert. Vraag voor een blog dus om vooraf gerenderde berichtpagina’s of Next.js, en volg het SEO-recept voor titels, metatags en de sitemap. Wanneer je een editor in de browser wilt, voegt Mythex een database en bestandsopslag voor afbeeldingen toe zodra de app die nodig heeft. Inloggen voor je schrijvers breng je zelf mee: jij kiest de aanpak en de agent koppelt die. Voor een vliegende start kun je kijken naar de sjablonen foodblog en nieuwsbriefblog.

Veelgestelde vragen