5 webdesign-fouten die je restaurant dagelijks reserveringen kosten

De meest gemaakte fout op restaurantwebsites: de reserveerknop staat pas halverwege de pagina, verstopt in een navigatiemenu, of bestaat alleen als tekst in dezelfde kleur als de rest van de site. Bezoekers die op mobiel landen scrollen gemiddeld 1,3 seconden voordat ze afhaken als ze niet direct zien wat ze moeten doen.

De oplossing is simpel: één grote knop, boven de vouw (zichtbaar zonder scrollen), in een kleur die nergens anders op de pagina voorkomt. De tekst is ondubbelzinnig: 'Reserveer' of 'Tafel reserveren'. Geen 'Klik hier', geen 'Meer info', geen 'Contact'.

Op mobiel moet de knop groot genoeg zijn om met een duim te klikken — minimaal 44×44 pixels, liefst een volledige brede balk onderaan het scherm die altijd zichtbaar blijft terwijl je scrolt. Dit ene element heeft op een gemiddelde restaurantwebsite een lift van 15–30% op het reserveringspercentage.

Een pdf-menu lijkt handig: je ontwerper maakt het één keer mooi op en je uploadt het. Maar voor bezoekers is het een obstakel. Op mobiel opent een pdf traag, is het lastig in te zoomen, en sluit het niet automatisch. Gasten haken af.

Voor Google is een pdf nog slechter: Google indexeert pdf-bestanden, maar de inhoud weegt een stuk minder zwaar dan gewone HTML-tekst. Een menu in pdf betekent dat Google niet weet welke gerechten, allergenen en prijzen je hebt — en dat kost je posities in zoekopdrachten als 'restaurant met glutenvrij menu Den Haag'.

Vervang het pdf-menu door gewone tekst op de website. Maak het simpel: gerechten in een tabel of genummerde lijst, per categorie. Styling kan altijd later — de tekstversie staat Google en mobiele bezoekers direct ten dienste. Als je het pdf ook wil aanbieden (voor printen), zet het als secundaire link: 'Download menukaart als pdf'.

De meeste restaurantwebsites laden te traag op een 4G-verbinding. Oorzaken: grote afbeeldingen die niet geoptimaliseerd zijn, meerdere zware lettertypen die worden ingeladen, en plugins of scripts die blokkeren voordat de pagina zichtbaar wordt.

Meet je eigen site op pagespeed.web.dev. Als de 'Largest Contentful Paint' boven 2,5 seconden uitkomt op mobiel, verlies je actief bezoekers en Google-posities. Elke extra seconde laadtijd kost statistisch 7–20% van de bezoekers.

De drie snelste verbeteringen: (1) Converteer alle afbeeldingen naar WebP-formaat via Squoosh.app — gratis, en gemiddeld 70% kleiner zonder zichtbaar kwaliteitsverlies. (2) Gebruik maximaal één custom font en laad het in via font-display: swap. (3) Verwijder Google Tag Manager, Facebook Pixel en andere trackingscripts die je niet actief gebruikt. Elke script is een extra laadvertraging.

Een restaurantwebsite zonder goede foto's van het eten en de sfeer converteert slecht, simpelweg omdat gasten niet kunnen inschatten of de ervaring bij hen past. Stockfoto's van gerechten die je niet serveert, of kwaliteitsbeelden van tien jaar geleden, werken averechts — ze wekken verwachtingen die je niet waarmaakt.

Professionele horecafotografie kost eenmalig €300 tot €800 en levert beelden op die jaren meegaan. Dat is een van de beste investeringen die je in je website kunt doen. Prioriteit: (1) twee à drie sfeerbeelden van de zaal, (2) vijf à tien beelden van je best-verkopende gerechten, (3) een portretfoto van de chef of het team.

Geen budget? Een moderne smartphone met een klein statief en daglicht doet wonderen. Fotografeer gerechten op een lichte ondergrond bij een raam, gebruik de portretmodus voor diepte, en bewerk licht met een gratis app als Snapseed. Zorg altijd voor consistente belichting — dat is het verschil tussen amateur en professioneel.

De meeste restaurants willen gevonden worden op zoekopdrachten als 'Italiaans restaurant Amsterdam-West' of 'lunch restaurant Utrecht centrum'. Maar hun website vermijkt de stadsnaam zorgvuldig, alsof het smakeloos is om expliciet te zijn over je locatie.

Google leert uit de tekst op je pagina's welke zoektermen relevant zijn. Als je naam, adres en telefoonnummer niet in gewone HTML-tekst op de homepage staan (niet in een afbeelding, niet alleen in de footer), weet Google niet zeker waar je zit. Dat kost je lokale ranking.

Zorg dat de H1 of H2 op je homepage je locatie bevat: 'Italiaans restaurant in hartje Amsterdam' is beter dan 'Da Marco — welkom'. Voeg een schema-markup toe (Restaurant JSON-LD) met naam, adres, openingstijden en telefoonnummer. En koppel je Google Business Profile aan je website — dat is het sterkste signaal dat je aan Google kunt geven voor lokale zoekopdrachten.

Webdesign is bij consuai het kernproduct: we bouwen een snelle, mobile-first site op een moderne stack, zonder de vijf bovenstaande fouten. De reserveerknop staat altijd boven de vouw, het menu staat als HTML-tekst op de pagina, afbeeldingen worden automatisch geoptimaliseerd, en lokale SEO-schema's zijn standaard ingebouwd.

De AI-chatwidget is direct geïntegreerd — bezoekers kunnen vanuit de website direct een reservering aanvragen zonder door te klikken naar een extern platform. Elke reservering die via de website binnenkomt, staat direct in het reserveringsdashboard.

Dit is een betaalde dienst (vanaf €200 eenmalige setup en €15 per maand, alles inbegrepen) — geen gratis dienst die inbegrepen zit bij een proefperiode. De gratis demo die je kunt aanvragen is een live walkthrough van het dashboard, de chatwidget en de AI-telefoonagent, zodat je ziet hoe het werkt voordat je beslist.

Gebruik deze checklist om in een half uur te beoordelen waar de meeste winst zit op jouw website.

□ Is er een reserveerknop zichtbaar op mobiel zonder scrollen? Contrasterende kleur, grote hitbox?

□ Staat het menu als HTML-tekst op de pagina — geen pdf, geen afbeelding?

□ Laadt de site op mobiel in minder dan 2,5 seconden? (Test: pagespeed.web.dev)

□ Zijn de afbeeldingen recent, scherp en in WebP-formaat?

□ Staan naam, adres en telefoonnummer als tekst in de footer of homepage, consistent met Google Business Profile?

Één vinkje dat ontbreekt staat gelijk aan gemiste reserveringen. Begin met de fout die het makkelijkst te fixen is — vaak is dat de reserveerknop of het pdf-menu — en werk van daaruit verder.