De menu-hero-image-strategie: één foto per categorie

Een strandrestaurant met 24 tafels in Bodrum Yalıkavak opende het seizoen met een opvallend datapunt: 71% van de tikken in de categorie Hoofdgerechten viel op de eerste twee items, terwijl de andere 14 gerechten bijna onzichtbaar bleven. Geen klassieke "menublindheid", maar een gebrek aan visuele hiërarchie bij de categorie-ingang.

De Airbnb-vondst vertaald

Airbnbs interne studie uit 2019 liet zien dat advertenties met één grote hero-afbeelding een 38% hogere klikfrequentie halen dan thumbnail-grids. De reden is psychofysisch: één dominante afbeelding bundelt aandacht, daarna scant het oog omlaag in "secundaire ontdek"-modus.

Plaats in restaurants één brede afbeelding boven aan de categoriepagina die de sfeer vangt. De lijst volgt daaronder. De gast schakelt van "wat ga ik eten?" naar "wat is hier?".

Drie selectieregels

Het restaurant in Yalıkavak voegde hero-images toe aan drie categorieën. Na drie weken zakte de Gini-coëfficiënt van klikken van 0,71 naar 0,28.

• Sfeer van de categorie, geen los gerecht: Voor meze een opname van bovenaf met 4-5 schaaltjes.
• Warm licht met menselijk detail: Een hand, een glas, zijdelings daglicht.
• 3:2 horizontaal, max 200 KB: Boven de vouw op mobiel. WebP met lazy loading.

Veelgemaakte fouten

Stockfotos doden de authenticiteit. Dezelfde afbeelding in meerdere categorieën neutraliseert het effect. De hero verkleinen tot thumbnailformaat ondermijnt het dominantieprincipe. Meer dan 12 gerechten onder de hero verdunt de impact — gebruik "meer tonen" na 6-8.

In thMenu-admin heeft elke categorie een cover_image-veld, geleverd als WebP via CDN.

FAQ

Heeft elke categorie een hero nodig? Minimaal de 3-5 hoofdcategorieën. Drank en bijgerechten kunnen weg.

Heb ik een professionele fotograaf nodig? Nee: een goede telefoon met natuurlijk licht klopt altijd stock.

Beïnvloedt het SEO? Indirect: bounce daalt, sessieduur stijgt. Schrijf alt met de categorienaam.

Was dit nuttig? Deel het.