We ontwierpen en bouwden de website van Forza Rotterdam vanaf nul, met menu, openingstijden en feiten machineleesbaar voor Google en AI. Daarna ontwikkelden we hem door: een lichtere fundering, een cateringpagina en een campagne met Felyx.
De vraag
Een Italiaanse broodjeszaak aan de Pannekoekstraat die gevonden moet worden: in Google op ‘broodjes rotterdam’ en in antwoorden van AI-assistenten, met menu, openingstijden en prijzen altijd correct. Na de lancering kwam de vraag erbij: meer klikken en meer catering.
Wat we deden
Een eigen website in platte HTML, CSS en JavaScript, met een complete structured-data-graaf en een llms.txt-feitenblad. In een tweede ronde maakten we onze eigen code lichter, van 117 naar 51 KB voor de homepage, zonder URL’s, tracking of structured data te veranderen. Daarna kwamen er een FAQ en een cateringpagina bij.
Wat we bouwden
Forza RotterdamWebsite vanaf nul
Ontwerp en bouw van de complete site: het verhaal, Il Menu met twaalf schiacciata’s als echte tekst, een NL/EN-schakelaar, een fotogalerij en bestellen via de Tebi-shop.
Lichtere fundering
In ronde twee CSS en JavaScript gesplitst, dode code eruit, beelden naar WebP met srcset in 28 varianten en fonts van 11 naar 7. Alle ankers, klassen en trackingselectors bleven gelijk.
Structured data
Een complete graaf met CafeOrCoffeeShop, een menu van twaalf schiacciata’s met vaste ID’s, FAQPage, WebPage en BreadcrumbList. Elke zichtbare prijs en elk antwoord wordt automatisch tegen het schema gecontroleerd.
GEO en llms.txt
Een feitenblad voor AI-assistenten met adres, GPS, openingstijden, prijzen, het volledige menu met ingrediënten en de officiële kanalen, zodat AI Forza correct citeert.
Cateringpagina
Een eigen pagina voor groepslunches: afhalen via de Tebi-shop en bezorgen vanaf €150, met bezorggebied, kosten en bestelmoment strikt gescheiden.
Meten wat telt
GA4-events voor bestellen, menu, mail, Instagram, route, bellen, catering, taal en FAQ. De tag laadt alleen op het productiedomein, zodat tests geen data vervuilen.
Forza × Felyx
Een QR-code in de deelscooter leidt naar een mobiele campagnepagina met de preloader ‘Il Viaggio’ en een digitale voucher voor een gratis drankje bij een schiacciata, voor 1.000 drankjes.
In beeld
Scroll om te bladeren
Het lastigste stuk
Je eigen werk doorontwikkelen zonder iets te breken. De verleiding was om de site opnieuw te bouwen, maar URL’s, structured data en content stonden goed. Door alleen de leveringslaag te vervangen werd de site sneller en beter vindbaar, zonder één ranking of trackingevent te verliezen.
Onder de motorkap
Talen, frameworks en koppelingen- Talen
- HTML, CSS, JavaScript
- Aanpak
- Platte HTML zonder build of runtime-afhankelijkheden
- Data
- JSON-LD: CafeOrCoffeeShop, Menu, FAQPage, BreadcrumbList
- GEO
- llms.txt-feitenblad
- Beeld
- WebP met srcset, conversiescript in PowerShell
- Meting
- Google Analytics 4, Search Console, Lighthouse
- Server
- Apache, .htaccess-redirects en cache
- Bestellen
- Tebi-shop
