We lieten AI de website bouwen. De oude WordPress-site haalde een 62 bij Google PageSpeed, de nieuwe een 100.

Auteur: Robert van Geenhuizen, thought leader in thought leadership.

Het was drie uur 's nachts en de nieuwe site van Polly stond klaar om live te gaan. Dat is geen site die AI een keer heeft gebouwd en die daarna in een CMS verdwijnt. Het is een AI-gedreven website: Polly beheert hem volledig met Claude, en er zit geen CMS meer tussen.

Voor ik de knop omzette, haalde ik de oude WordPress-site nog één keer door PageSpeed Insights, het meetinstrument van Google zelf. Een 62. Een uur later deed ik hetzelfde met de nieuwe site. Een 100.

Ik had het verschil verwacht. De grootte niet.

In ons stuk over het CMS beloofden we te meten wat dit doet met snelheid en vindbaarheid. Hier is die meting.

Wat een AI-gedreven website is

Bij een gewone site log je in op een CMS, zoek je de pagina op en pas je een veld aan. Bij deze site zeg je tegen Claude wat er anders moet, in gewone taal. Claude past de pagina aan, de bouw controleert of alles klopt, en daarna staat het live.

Zo werkt dat bij Polly:

• Het team van Polly vraagt zelf aan Claude wat er moet veranderen, zoals een tekst, een nieuwe pagina of een ander beeld. Daar zijn wij niet meer voor nodig.
• Het merk, de huisstijl en de afspraken staan bij de code. Daardoor past elke nieuwe pagina bij de rest.
• Heeft een pagina geen omschrijving voor Google, of wijst een link naar een pagina die niet bestaat, dan houdt de bouw hem tegen.
• Een wijziging komt eerst op een testadres. Pas als het klopt, gaat hij naar pollyhelp.com.

Er is dus geen beheeromgeving meer waar iemand de weg in moet leren. De site bestaat uit code, en Claude doet het redactiewerk.

Dezelfde nacht, hetzelfde meetinstrument

Polly maakt software voor klantcontact, voor organisaties als Heineken, Efteling en DPD. De oude site draaide op WordPress bij WP Engine, een van de betere adressen voor WordPress. Aan de server lag het dus niet.

In 4 weken kreeg Polly een nieuw merk en een complete nieuwe infrastructuur eronder. Het zijn 75 pagina's in 3 talen, met formulieren, klantverhalen en een scan, allemaal als code. Bekijk de nieuwe site van Polly.

PageSpeed geeft 4 cijfers van 0 tot 100. Kies Laptop voor de meting op een laptop.

Waarom een mens dit niet volhoudt

Een snelle site komt van honderden kleine dingen die op elke pagina goed moeten staan:

• elke foto in de maat van het scherm dat hem laadt, dus geen foto van 2400 pixels voor een vlak van 400
• bij elke afbeelding een omschrijving voor wie niet kan zien
• knoppen die groot genoeg zijn voor een duim
• per pagina een titel en omschrijving die kloppen met wat er staat

Eén pagina lukt, de vijftigste niet

De nieuwe site van Polly telt 75 pagina's in 3 talen en 441 foto's in meerdere maten. Dat krijgt een mens één keer goed. Bij de update van volgende maand, of die ene pagina die er snel bij moet, gaat het mis. Bij pagina 50 rekent niemand nog elke foto na, daar is gewoon geen tijd voor.

De controle zit in de bouw

Bij een site die AI als code bouwt, controleert de bouw elke pagina. Klopt er iets niet, dan gaat hij niet live. Niemand hoeft een lijstje te onthouden, de bouw houdt de pagina gewoon tegen. Hoe dat werkt, lees je in Zo bouw je een AI-first website zonder CMS.

Waarom die score ertoe doet

Een mooi cijfer is leuk voor een slide. Het gaat om wat het oplevert.

Volgens Google tellen de snelheid en stabiliteit van een pagina, de Core Web Vitals, mee in wat de zoekmachine beloont. De grootste tekst of foto hoort binnen 2,5 seconde op het scherm te staan.

Bezoekers merken het ook. Deloitte en 55 onderzochten in opdracht van Google 30 miljoen bezoeken op 37 merksites. Op sites die leads verzamelen gaf een tiende seconde sneller 21,6 procent meer mensen die doorklikten naar het formulier.

Bron: Deloitte en 55, Milliseconds Make Millions, in opdracht van Google.

De vijfde score: gebouwd voor machines

Onder de 4 cijfers staat een nieuwe regel: agentisch browsen. Google heeft die toegevoegd aan Lighthouse, het gereedschap onder PageSpeed. Hij meet hoe goed een site gebouwd is voor een AI-programma dat namens iemand werkt (agent). Zo'n agent leest een site, vergelijkt aanbieders of vult een formulier in.

Wat er gecontroleerd wordt:

• herkent de agent elke knop en elk veld
• blijft de pagina stil staan terwijl hij laadt
• staat er een llms.txt, een samenvatting van de site voor taalmodellen

De oude site haalde er 2 van de 3, de nieuwe 2 van de 2. Die machines bepalen steeds vaker wie er in een antwoord genoemd wordt. Daar gaat een volgend deel van deze reeks over.

En als je je CMS wilt houden?

Die vraag krijg ik vaak, en het antwoord is ja: je kunt AI naast je CMS zetten. WordPress heeft daar inmiddels een koppeling voor, en je schrijft en publiceert er een stuk sneller mee.

Aan de snelheid van je site verandert dat weinig. Die hangt nog steeds af van je thema en je plugins. De AI werkt binnen wat het CMS toelaat, en bouwt niet meer dan het CMS al kent.

Wat een CMS standaard niet doet, en deze opzet wel:

Er zijn 3 manieren om AI en je website te combineren. Welke bij jou past, lees je in Zo bouw je een AI-first website zonder CMS. Waarom we zelf het CMS eruit haalden, staat in Een CMS lost een probleem op dat allang niet meer bestaat.

Waar het op neerkomt

Een snelle site koop je niet met betere hosting of een extra plugin. Het zijn honderden kleine dingen die elke keer goed moeten staan. Bij de lancering lukt dat een mens nog wel. Bij elke wijziging daarna lukt het alleen als de bouw het controleert.

Snelheid is wel pas de basis. De AI die de site bouwt, weet alleen waar een pagina naartoe moet linken als hij weet voor wie hij schrijft en waarom. Daarover gaat het volgende deel van De Machinekamer.