Restaurant and café websites: the menu, the table, and the three-second rule

Restaurant websites have one use case that accounts for nearly all their traffic, and most restaurants design for a different one.

The real case: somebody nearby, on a phone, hungry, needing four things within three seconds — are you open, roughly how much, where are you, and what does the food look like.

Not the brand story. Not the chef's welcome. Those four.

Four things visible without scrolling

On a phone screen, before any scrolling, a visitor must see:

1. Open or closed — not an opening-hours table, but a status line: "Open until 22:00". This outperforms an hours table by a wide margin.
2. Price range — "Mains 65,000–140,000 VND". That one line qualifies visitors better than anything else and reduces people arriving and leaving.
3. A directions button — opens Google Maps directly, one tap.
4. A call button — one tap, not a phone number to copy.

Those four go at the top. Everything else goes below.

The menu — as a web page, not an image

The most common fault in the sector: publishing the menu as a JPEG or a PDF.

Three problems:

• Google cannot read dish names inside an image, so you never rank for "grilled fish noodles [district]"
• Customers have to pinch-zoom on a phone
• Changing one price means remaking the whole image

The menu should be a real page: text as text, dishes grouped, prices editable from an admin area. Photographs sit alongside, not instead.

One more thing worth doing: mark what has sold out. An online menu still showing a discontinued dish creates an awkward conversation at the table.

Reservations — simpler than you think

Do not build table-map booking with real-time availability unless you are a fine-dining restaurant with a dedicated reservations manager.

For 95% of restaurants, the right booking form is: name, phone, party size, time — then staff call to confirm. Four fields, with one line saying "we will call to confirm within 15 minutes".

The reason: restaurants want to speak to whoever books — to ask about the occasion, seating preference, dishes to prepare ahead. An auto-confirming system removes that and solves nothing.

Photos — the food, not the interior

Restaurants usually invest in interior shots and lack dish photography. Customers decide on the food.

Priority: eight to twelve photographs of your best-selling dishes, shot close, in natural light. Three or four interior shots is plenty.

A recent phone by a window in the morning beats a hired studio shoot with lighting — food needs to look like food, not like advertising.

Worth doing, and rarely done

A page per signature dish. If your place is known for one dish, that dish deserves its own page with the name in the URL. People search a dish name plus a neighbourhood, and that is the highest-intent search you can receive.

A downloadable banquet menu. In exchange for a phone number. The best source of group bookings for small and mid-sized restaurants.

If you are looking for a ready-made template

Our restaurant and café templates are built around those four things: an open/closed block computed from your hours, a price range at the top, one-tap call and directions, and the menu as an editable web page rather than an image.

If you need online ordering with distance-based delivery fees, or a connection to a kitchen printer, that is custom work.