Restaurant Websites That Fill Tables: Menus, Reservations and Direct Ordering

A restaurant website has one job: help a hungry person decide, quickly, that tonight they are eating with you. They want to know if you are open, what is on the menu and what it costs, whether they can get a table, and how to get there. Everything else is secondary.

Here is how we think about restaurant websites that actually fill tables, whether you run a neighbourhood bistro, a busy takeout spot or a fine-dining room.

Answer the four questions above the fold

On a phone, the first screen should answer the questions almost every visitor arrives with:

1. Are you open? Today's hours, clearly, with holiday changes kept up to date.
2. What do you serve? A one-line description of your food and a prominent "Menu" button.
3. Can I book or order? "Reserve" and "Order online" buttons, one tap each.
4. Where are you? Neighbourhood, address and a link that opens directions in the visitor's maps app.

Add a tap-to-call phone link for people who would rather just ask. The tel: link format makes the number dial with one tap on any phone.

Put your menu on the page, not in a PDF

PDF menus are convenient for the restaurant and frustrating for everyone else. On a phone they often mean a separate download, pinching and zooming, and small type that is hard to read. They are frequently out of date because updating them means re-exporting a design file, and scanned PDFs can be unreadable for screen-reader users.

An HTML menu, built as real text on a web page, fixes all of that:

• It loads quickly and reflows to fit any screen.
• It can be updated in minutes when a dish or price changes.
• Search engines can read dish names and descriptions directly, which helps when someone searches for a specific dish near them.
• Dietary labels (vegetarian, vegan, gluten-free) and allergen notes can be clear and consistent.
• It is far easier to make accessible. We cover that in our accessibility guide.

Keep a printable PDF if your guests ask for one, but make the HTML menu the default. Then add the menu link to your Google Business Profile and reference it in your structured data. Google's LocalBusiness documentation lists menu and servesCuisine as recommended properties for food establishments.

Menu design tips that help people order

• Group dishes the way guests think about them: starters, mains, sharing plates, drinks, desserts.
• Show prices. Hiding them rarely makes anyone more likely to visit.
• Use short, specific descriptions and real photos of signature dishes, not stock images.
• Split lunch, dinner, brunch and drinks into clear sections or tabs rather than separate files.

Make reservations one tap away

If you take reservations, the "Reserve" button should be visible on every page, and on mobile ideally in a sticky bar at the bottom of the screen. Most restaurants already use a reservation platform such as OpenTable, Resy, Tock or SevenRooms; your website's job is to get people into that flow with as little friction as possible.

• Link, or embed carefully. Booking widgets can be heavy. Loading one on every page can slow down your whole site, so consider a dedicated reservations page or loading the widget only when someone taps "Reserve".
• Connect Google. Many reservation platforms can connect to your Google Business Profile so people can book straight from search and Maps. Check with your provider.
• State the policies up front: large-party rules, deposits, cancellation windows, patio seating and whether walk-ins are welcome.
• Private dining and events deserve their own page with capacity, sample menus and an enquiry form.

Direct online ordering: keep more of each order

Third-party delivery marketplaces are good at discovery; they put your food in front of people who have never heard of you. But they typically charge commissions on each order, and they own the customer relationship, including the contact details and ordering history.

A direct ordering option on your own website lets regular customers order from you without a marketplace in the middle. Many online-ordering systems for restaurants charge a flat subscription or a small processing fee instead of a percentage commission. Pricing models vary widely, so compare the total cost of each option against your own order volume and average ticket.

A practical approach many restaurants use:

• Stay on marketplaces for discovery if they bring you new customers.
• Make "Order direct" the most prominent ordering button on your own website and Google Business Profile.
• Offer something a marketplace cannot, such as pickup-only specials, a loyalty program or first access to seasonal menus. Check local rules on pricing differences first.
• Invite direct customers to join your email list so you can reach them without paying for every contact.

Show the room, not just the food

People choose restaurants for the occasion as much as the menu: date night, a work lunch, a birthday table for ten. A small, well-edited gallery of the dining room, bar, patio and team helps them picture it. Keep images optimized so the gallery does not slow the page down. Our Core Web Vitals guide explains why that matters on a phone.

A concept build: Saffron & Smoke

To show how these ideas fit together, we designed Saffron & Smoke, a concept build (not a real client) built around a live, readable menu, an ambiance gallery and one-tap reservations. You can see it alongside our other projects on our Work page.

Restaurant website checklist

None of this requires a flashy website. It requires a clear one that respects how people actually choose where to eat: quickly, on a phone, usually with someone else waiting for an answer.