Casus
Restaurant Tante Koosje
Een Michelinster-restaurant in Loenen aan de Vecht. Het verhaal was er, de gasten waren er, maar online stond niet wat gasten, zoekmachines en AI-assistenten willen weten. Ontwerp en bouw door Marcable.
De homepage: videobanner, menu van de maand en reserveren binnen handbereik
Wat er gebouwd is
Een site die voorleesbaar is
Alles wat een gast of een AI-assistent wil weten staat er als gewone tekst. Geen pdf van de kaart, geen foto van de openingstijden.
Gestructureerde gegevens
Het restaurant, de openingstijden, de locatie en de gerechten staan in een vorm die ChatGPT, Gemini en andere AI-assistenten direct kunnen overnemen. Wat op de pagina staat, staat ook in de gegevens eronder.
Nederlands en Engels
De hele site bestaat in twee talen, netjes aan elkaar gekoppeld. Een gast uit Londen die een AI-assistent in het Engels vraagt waar hij kan eten, krijgt de Engelse pagina terug.
Veelgestelde vragen
Dieetwensen, groepen, privé-dineren, parkeren. De vragen die het restaurant dagelijks krijgt staan uitgeschreven, zodat een chatbot of AI-assistent het antwoord meteen kan geven in plaats van doorverwijzen.
Licht en toegankelijk
Gebouwd met Astro, gehost op Netlify, beeld en video in compacte formaten. Contrast, koppen en toetsenbordbediening volgens de WCAG-richtlijnen.
Sfeer
Beweging op het scherm, rust in de code
Een restaurant verkoopt sfeer, en die zit niet in een stilstaande foto. De homepage opent met bewegend beeld en door de site staan korte fragmenten uit de keuken en de bediening. Ze spelen zonder geluid, starten niet vanzelf bij wie beweging heeft uitgezet, en alles wat in beeld gebeurt staat ook als tekst op de pagina. Kleine bewegingen doen de rest: tekst die rustig in beeld komt, een knop die reageert, een kaart die meegeeft. Subtiel genoeg om niet op te vallen, genoeg om de site te laten voelen als het restaurant zelf. De sfeer komt binnen, de site blijft licht en voor iedereen te gebruiken.
Korte fragmenten uit de keuken, zonder geluid, met een tekstalternatief
Het menu van de maand staat voluit op de homepage
Ruim 250 wijnen, doorzoekbaar en als tekst
De vragenpagina waar chatbots en AI-assistenten hun antwoord vandaan halen
Onder de motorkap
Een site van deze tijd, klaar voor de AI-toekomst
Een gast ziet de foto's en de kaart. Daaronder zit het werk dat bepaalt of het restaurant straks nog gevonden, vertrouwd en geboekt wordt. Dit is wat er onder de motorkap geregeld is, en waarom dat voor een restaurant uitmaakt.
Dezelfde site op een telefoon
AI-assistenten kunnen de site lezen én gebruiken
De pagina's zijn zo opgebouwd dat een AI-assistent er doorheen kan navigeren: het menu, de wijnkaart, de openingstijden, de vragen en het reserveren staan er in gestructureerde vorm. Een assistent kan daardoor niet alleen antwoord geven over het restaurant, maar de gast ook naar het reserveringssysteem brengen en de reservering namens hem afronden. Steeds meer mensen zoeken hun restaurant zo, en niet meer via een lijstje links.
Beveiliging volgens de OWASP Top 10
De site is getoetst aan de tien belangrijkste beveiligingsrisico's van het web, van onveilige invoer tot verkeerd ingestelde headers. Een restaurantsite draagt namen, telefoonnummers en reserveringen van gasten. Gaat daar iets mis, dan gaat het meteen over vertrouwen, en dat weegt in een dorp zwaarder dan waar ook.
Toegankelijk volgens de WCAG-richtlijnen
Contrast, koppenstructuur, bediening met het toetsenbord, tekstalternatieven bij beeld en video. Dat helpt de gast die slecht ziet of geen muis gebruikt, en precies dezelfde structuur is wat een AI-assistent nodig heeft om de pagina te begrijpen. Toegankelijk bouwen en vindbaar bouwen zijn hier hetzelfde werk.
Snel, ook onderweg
Gebouwd met Astro en gehost op Netlify: pagina's worden vooraf klaargezet, beeld en video zijn compact. Wie om zes uur 's avonds op zijn telefoon een tafel zoekt, wacht niet. Snelheid bepaalt of iemand doorklikt, en weegt mee in hoe zoekmachines en assistenten de site beoordelen.
Nederlands en Engels, netjes gekoppeld
Elke pagina bestaat in twee talen, met de juiste taalmarkering. Een Engelstalige gast in Loenen krijgt de Engelse pagina, ook wanneer hij de vraag aan een chatbot stelt.
De cijfers
Gemeten met Lighthouse, oude site naast nieuwe
52 100
Snelheid
Hoe snel de pagina bruikbaar is. Wie op zoek is naar een tafel wacht niet, en een trage site zakt weg in de resultaten.
61 96
Toegankelijkheid
Of iedereen de site kan gebruiken: genoeg contrast, tekst die te vergroten is, bediening zonder muis. Dezelfde dingen waar een AI-assistent op leunt.
69 100
Vindbaarheid
Of een zoekmachine of AI-assistent de pagina kan lezen en begrijpen: titels, beschrijvingen, taal en gestructureerde gegevens.
100
Best practices
Een moderne, veilige technische basis: correcte beeldformaten, geen verouderde of kwetsbare bibliotheken, geen fouten in de browserconsole.
3/3
Agentic browsing
Of een AI-agent de site niet alleen kan lezen, maar ook zelfstandig kan gebruiken: navigeren, de juiste knoppen vinden, een taak afronden.
Samenwerking
Hoe het ging
Het restaurant is blij met het resultaat: met de snelheid waarmee het klaar stond, met de manier van samenwerken en met de site zelf. Een site van deze tijd, snel, en klaar voor wat er aan komt.
Dat tempo komt ergens vandaan. Het ontwerp en de bouw gebeurden met AI als gereedschap, waardoor er in dagen stond wat anders weken kost. De keuzes over inhoud, toon en techniek bleven gewoon mensenwerk.
Benieuwd wat dit voor jouw bedrijf betekent?
Stuur kort wat je nu hebt en wat je wilt bereiken. Je krijgt binnen een dag een eerlijk antwoord, ook als het antwoord is dat je nog even kunt wachten.