Most restaurant homepages fail at one job — the restaurant website essentials that convert a hungry diner in the next 60 seconds. Most sites skip the must-haves entirely: they lead with a slideshow, bury the menu behind a PDF download, and forget to put the phone number on the page at all.
This is a checklist of the 12 elements that actually matter on a restaurant homepage in 2026, each backed by diner research. If your site is missing three or more, you are losing covers to the competitor whose site is not. At an average check of $35, losing just two covers a night is $25,000 a year — more than most restaurant websites cost to rebuild twice over. Work through it in order — the first five items carry more weight than the last seven combined.
What Should a Restaurant Website Include?
A restaurant website must include seven essentials: the full menu with prices (as HTML, not PDF), current hours, a tap-to-call phone number, the address with an embedded map, online reservations, professional food photos, and real customer reviews. Missing any of these costs measurable bookings — 80% of diners check a restaurant's website before choosing one.
The 12 restaurant homepage must-haves, ranked:
- HTML menu (not PDF)
- Prices on every item
- Visible hours of operation
- Tap-to-call phone number
- Embedded Google Map
- Reservation or booking link
- Direct online ordering
- Professional food photography
- Real customer reviews
- Dietary and allergen tags
- Fast mobile load speed
- Private events or catering page
1. HTML Menu, Not a PDF
This is the single most important element on the page, and the one most restaurants get wrong. 85% of diners examine a restaurant's menu online most of the time before visiting a new restaurant. If they can't read it on their phone in three seconds, they move on.
The fix is straightforward: the menu lives directly on the homepage as real text, not a downloadable PDF. PDFs force a zoom-and-pan experience on mobile, can't be indexed by Google, and trigger download prompts that make diners bounce. On Reddit, the top three diner complaints are: businesses that only have a Facebook page, missing prices on menus, and forcing PDF downloads. One quote from that thread sums it up: "If I'm looking for places to eat online and I can't see a menu without downloading something, I'm just going to move on to my next option."
2. Prices on Every Menu Item
If it has a name, it has a price. 90% of diners view clear pricing as crucial when ordering, and 50% decide what to order before they arrive. A menu without prices is a menu the diner has to call about — and most will just pick somewhere else instead.
Hiding prices to protect "perceived value" backfires. It reads as evasive, and it drops you out of the consideration set for any diner with a budget in mind. The fix: publish prices, update them when they change, and stop reprinting the paper menu from three years ago.
3. Visible Hours of Operation
Hours are the second thing every diner checks. Are you open right now? Are you open for lunch? What time does the kitchen close? Put the hours in the header or in a prominent block near the top — not buried in a footer, not on a separate "Contact" page.
And keep them current. Outdated hours are worse than no hours at all: a diner who shows up to a closed restaurant does not come back, and they leave a bad review on the way. Use the same hours on the website and on your Google Business Profile — verified GBPs with complete, consistent data are 80% more likely to appear in search results.
4. Tap-to-Call Phone Number
Not "call us at 555-1234" — an actual tel: link that dials when tapped. More than 80% of restaurant searches now happen on a smartphone, and mobile drives the majority of global web traffic — over 68%. Every one of those diners is holding a phone that can dial the moment they tap the number.
The implementation is one line of HTML: <a href="tel:+15551234567">(555) 123-4567</a>. The phone number belongs in the header on desktop and in a sticky element on mobile so it's always one tap away. Miss this and you're leaking the warmest, most immediate leads your site gets.
5. Address With Embedded Map
Print the full address as real text (street, city, zip), then embed a Google Maps iframe directly below it. Not a screenshot, not a link to Google Maps — an embedded interactive map. Diners want to see the location, check the neighborhood, and pull driving directions without leaving your site.
The address on your website must match exactly what's on your Google Business Profile and Yelp listing. NAP consistency (Name, Address, Phone) is one of the clearer local SEO signals: 48% of Google Business Profile interactions in 2024 were website visits, and "near me" searches continue to grow year over year. If your website address doesn't match your GBP, you're competing with yourself in Google's eyes.
6. Reservation or Booking Link
65% of diners go directly to a restaurant's website to make a reservation rather than booking through a third-party platform, and 59% of diners now prefer to book their table online rather than calling. If your site doesn't have a visible booking link, you're forcing every reservation through the phone — and losing the ones who won't call.
Use OpenTable, Resy, Tock, or whatever fits your operation, and put the "Reserve" button in the header alongside the phone number. On mobile, it should be part of the sticky footer. Don't hide it on a sub-page; reservations are a primary conversion, not a secondary task.
7. Direct Online Ordering
70% of consumers prefer ordering directly from a restaurant's own website or app rather than through a third-party platform. They know DoorDash and Uber Eats take a cut and they'd rather give that money to you. The question is whether your website lets them.
Direct ordering is the single biggest revenue lever a restaurant website pulls. Third-party apps advertise 15–30% commissions but the effective cost is 30–40% per order once service and delivery fees are included. Every order that comes through your site instead is money you keep. And pay attention to the ordering UX: 75% of guests say a bad online ordering experience has stopped them from ordering. A clunky flow is worse than no flow.
8. Professional Food Photography
Stock food photos are obvious and they hurt more than help. 72% of diners prefer menus with food images over text-only menus, and 66% have avoided ordering a dish based solely on its photograph. Photos are doing real conversion work — which means bad photos are actively harming the menu.
Budget a one-time photo shoot ($300–$1,500) for your 10–15 best-selling dishes and one or two dining room shots. On delivery platforms, Grubhub reports restaurants with photos receive up to 70% more orders, and DoorDash sees a 15% lift from adding photos. The effect on a website is smaller but directionally the same: pictures sell food that words can't.
9. Real Customer Reviews
94% of diners use online resources to choose a restaurant, and reviews are what they're reading. A 1-star increase in Yelp rating leads to a 5–9% revenue increase for independent restaurants, per Harvard Business School research. Reviews are not social proof in the abstract — they are measurable revenue.
Embed 3–5 real reviews on the homepage with the reviewer's name and the platform they came from (Google, Yelp, OpenTable). Don't fabricate them. Don't use a generic "5 stars" graphic. A paragraph from an actual diner is worth 10 stars from nobody. And respond to reviews on the platforms themselves — 88% of consumers would use a business that replies to all reviews, compared to 47% for one that doesn't respond at all.
10. Dietary and Allergen Tags
A meaningful share of every dining group has a dietary restriction — vegetarian, vegan, gluten-free, nut allergy, lactose intolerance. 55% of consumers prefer allergen-friendly or dietary-flexible menu options. If your menu doesn't flag what's vegetarian, vegan, gluten-free, or contains common allergens, that group will just pick somewhere else.
The fix is small: add a legend at the top of the menu (V = vegetarian, VG = vegan, GF = gluten-free, N = contains nuts) and tag every item accordingly. It takes an hour to implement and it opens your restaurant to every diner with a dietary need in your search area — including the one deciding where to take a group of six.
11. Fast Mobile Load Speed
This isn't a visible element, but everything on the page depends on it. Pages that take 3 seconds to load have a 32% higher bounce rate than pages that load in 1 second, and a 1-to-6 second delay increases bounce rates by 106%. For a diner searching "Italian restaurant near me" at 7 PM, a slow site is invisible — they've already tapped the next result.
Most restaurant websites fail here because they're built on platforms that load megabytes of JavaScript to render a menu and a map. A well-built one-page site loads in under a second, works offline-friendly, and runs on a basic Android phone with a bar of signal in a parking lot — which is the actual environment where most restaurant decisions happen.
12. Private Events or Catering Page
If you do private dining, rehearsal dinners, or off-site catering, give it a dedicated section — not a line in the footer. Event inquiries are high-value bookings: a private dinner for 20 is worth 20 walk-ins, and the customer already knows they want to spend. Demand for private and group dining has grown sharply post-2023 as corporate off-sites and milestone celebrations returned, and most of that demand lands first on the restaurant's own website before any third-party platform.
The bar is low: a few photos of the private room, capacity, a short list of what's included (AV, set menus, bar minimums), and a contact form or direct email. Miss this and you're pushing a planner with a $3,000 budget to call — and most of them will book the competitor whose form took 30 seconds instead.
Building a restaurant website from scratch? PageDrop ships all 12 of these in a 95+ PageSpeed one-page site for $297 one-time — no monthly fees, no platform lock-in, live in 48 hours.
What to Skip on a Restaurant Website
As important as what to include is what to cut. The following elements add weight without adding conversion and should be removed from most single-location restaurant sites. Here's the quick include-vs-skip reference:
| Include | Skip |
|---|---|
| HTML menu with prices | PDF menu downloads |
| Tap-to-call phone number | Contact form only |
| One strong hero image | Autoplay slideshows |
| Embedded Google Map | Static map screenshot |
| Single scrollable page | Separate About / Contact pages |
| Real customer reviews | Generic "5 stars" graphics |
| Silent page load | Autoplay audio or video |
More detail on the most harmful anti-patterns:
- Autoplay video or audio. The top Quora complaint about bad restaurant websites is autoplay music. "Anything with automatic audio is really disorienting, especially if your attention is elsewhere."
- Hero slideshows. A rotating carousel pushes the menu below the fold and measurably reduces engagement. Pick one strong hero image.
- Full-screen splash pages. "Click here to enter" is a relic. Every click you make a diner perform is a chance to lose them.
- Separate pages for "About," "Gallery," "Contact." A single scrollable page keeps the information at hand and loads once.
- Blogs, unless you're actually going to maintain them. A stale blog dated 2022 is a signal that the restaurant may not be open anymore.
The restaurant website design guide goes deeper on layout and structure, and the cost breakdown post covers what each of these elements actually costs to implement across different platforms.
Frequently Asked Questions
What should a restaurant website include?
A restaurant website must include the full menu with prices as HTML (not a PDF), current hours of operation, a tap-to-call phone number, the address with an embedded Google Map, and a reservation or online ordering link. Secondary elements include professional food photography, real customer reviews, dietary and allergen tags, fast mobile load speed, and a private events page if applicable. 80% of diners check a restaurant's website before choosing one, so missing any of the core five costs measurable business.
What are the essentials every restaurant website needs?
Every restaurant homepage needs five non-negotiables: an HTML menu with prices, current hours, a tap-to-call phone number, an address with an embedded map, and a reservation or online ordering link. Beyond those essentials, add professional food photography, real customer reviews, dietary tags, fast mobile load speed, and a private events page if applicable. 80% of diners check a restaurant's website before choosing one, so missing any of the core five costs measurable business.
What do customers want on a restaurant website?
Customers want to answer three questions fast: what do you serve (menu with prices and photos), when are you open (visible hours), and how do I get there or book (tap-to-call, embedded map, reservation link). 85% of diners look at the menu online most of the time before visiting a new restaurant. Everything else — brand story, team photos, press mentions — matters only after those three questions are answered in under 10 seconds of scrolling.
Should restaurant menus be PDF or HTML?
Always HTML. PDFs force a zoom-and-pan experience on mobile, can't be indexed by Google, and trigger download prompts that cause diners to bounce. Forcing PDF menu downloads is one of the top three complaints diners have about restaurant websites on Reddit. An HTML menu loads instantly, works on any device, and shows up in search results when someone searches for a dish you serve.
Do I need to show prices on my restaurant website menu?
Yes. 90% of diners view clear pricing as crucial when ordering, and 50% decide what to order before they arrive. A menu without prices reads as evasive and drops you out of the consideration set for every budget-conscious diner. Publish prices, keep them current, and update them when they change.
How important are food photos on a restaurant website?
Very. 72% of diners prefer menus with food images and 66% have avoided a dish based on its photo alone. On delivery platforms, restaurants with photos receive up to 70% more orders. Invest in a one-time professional shoot ($300–$1,500) for your 10–15 best-selling dishes — stock photos do more harm than good.
Should my restaurant website have online ordering?
If you do takeout or delivery, yes. 70% of consumers prefer ordering directly from a restaurant's own website or app rather than a third-party platform, because they know third-party fees cut into the restaurant's margin. DoorDash, Uber Eats, and Grubhub take an effective 30–40% per order. Direct ordering through your website keeps that revenue in-house.
Do restaurants need an online reservation system?
Yes, if you take reservations. 65% of diners go directly to a restaurant's website to make a reservation, and 59% now prefer to book their table online rather than calling. OpenTable, Resy, and Tock all offer embeddable widgets. Put the "Reserve" button in your header next to the phone number.
How fast should a restaurant website load?
Under 2 seconds on mobile. Pages that take 3 seconds to load have a 32% higher bounce rate than 1-second pages, and a 1-to-6 second delay increases bounce rates by 106%. Most diners are searching on their phone at 7 PM and will tap the next result if your site lags. A static one-page site typically loads in under a second; a WordPress or Wix build often takes 3–5 seconds on mobile.
How do I label dietary restrictions on my menu?
Use a simple legend at the top of the menu (V = vegetarian, VG = vegan, GF = gluten-free, N = contains nuts) and tag every menu item accordingly. 55% of consumers prefer allergen-friendly or dietary-flexible menu options. Proper tagging makes your menu usable for group decisions where any member has a dietary need.