--- title: "Restaurant Website Design: The Menu Is the Website" description: "People visit a restaurant website for the menu, the hours and the address. Everything else is decoration. How to build the version that actually works." url: https://fifteenthmeridian.com/blog/restaurant-website-design --- # Restaurant website design: the menu is the website [Grayson Dyck](https://fifteenthmeridian.com/authors/grayson-dyck) July 13, 2026 Three things bring people to a restaurant website: the menu, the hours and the address. They are on a phone and usually in a hurry. Most restaurant sites bury all three behind an autoplaying video and a PDF menu. Fix that and you have fixed the site. Ask this article Ask Restaurant websites get judged in seconds, often by someone standing on a street or sitting in a car deciding where to eat. That context should determine every decision, and it usually determines none of them. ## The three-second test What a visitor needs immediately The menu As a web page, not a PDF Hours Including today, including holidays Address and a tap to navigate They are often already moving If a visitor cannot get all three within a few seconds on a phone, the design has failed regardless of how it looks on a designer’s monitor. ## Why the PDF menu is the single worst decision It is slow to open on mobile data. It requires zooming and panning to read. It cannot be updated without regenerating a file. And while [Google can index a PDF](https://developers.google.com/search/docs/crawling-indexing/indexable-file-types), the menu sits in a separate file instead of on your site’s pages, where it is harder to mark up, link to and keep current. A menu built as a web page fixes all four at once. It loads instantly, reads properly on a phone, can be edited in a minute when a price changes, and makes every dish something a search engine can actually find. The menu is the product page. Treat it like one ## Hours, stated like someone is asking right now “Mon-Fri 11-9” is a table. What a visitor wants is whether you are open now, and whether you are open on the holiday coming up. In our view a site that answers the immediate question beats one that publishes a schedule, and missing holiday hours are an easy way to send a customer to a closed door. ## Photography, and the stock problem Real photographs of your actual food and room do work that copy cannot. Stock food photography does the opposite: people recognise it, and recognising it plants the idea that the real thing will not match. This is one of the few places where spending on a photographer returns more than spending on the site itself. ## Ordering and reservations If takeaway matters to your margins, taking orders on your own site avoids the commission third-party platforms charge. The honest tradeoff is that those platforms bring discovery, so the practical answer is usually both, with your own path made obvious. If you take reservations, make it one tap from anywhere. If you do not, say so, because silence reads as maybe and loses the table either way. We build hospitality sites as [custom work](https://fifteenthmeridian.com/services/web-design) rather than templates, and [our piece on restaurants and AI search](https://fifteenthmeridian.com/blog/aeo-for-calgary-restaurants) covers how these places get recommended when someone asks an assistant where to eat. ## Your Google profile is the other front door Some diners never reach your site. They read the menu, hours and photos on your Google Business Profile and decide from there. Restaurants get features other categories do not: Google says they [can add links for online orders, reservations and menus](https://support.google.com/business/answer/7249669), and can add menu items directly to the profile. Hours are where the profile and the site drift apart. Google’s guidelines tell restaurants to list the hours when diners can sit down and dine in, and to use takeout hours if that is not possible. Holidays go in as special hours, and Google suggests [confirming holiday hours](https://support.google.com/business/answer/6303076) even when they match your regular hours. The menu link on the profile should point to the same web page menu as the site, not a PDF. On the site, mark the restaurant up with structured data. Google’s [local business documentation](https://developers.google.com/search/docs/appearance/structured-data/local-business) supports a Restaurant type with fields for the menu URL, the cuisine you serve and your opening hours. Our view: keep one source of truth for hours. Update it first, then push the change to the profile and the markup the same day. Three places saying three different things is how a customer ends up at a closed door. ## Menu claims and online prices are advertising A web menu is a public representation, and two federal rules touch what goes on it. First, nutrition. The Canadian Food Inspection Agency says most restaurant food [is not considered prepackaged](https://inspection.canada.ca/en/food-labels/labelling/industry/nutrition-labelling/foods-sold-establishments) and is exempt from a Nutrition Facts table, and takeout and delivery orders are treated the same way. But a nutrient content claim on a dish, like “low fat” or “source of fibre,” triggers a mandatory declaration of that nutrient. Our view: describe the food, and leave nutrient claims off unless you are ready to publish the numbers behind them. Second, price. If your own ordering page adds a mandatory service or online ordering fee on top of the menu price, read the Competition Bureau’s [drip pricing guidance](https://competition-bureau.canada.ca/en/deceptive-marketing-practices/drip-pricing). Its first best practice is “Never promote an unattainable price,” and the only mandatory fees that can sit outside an advertised price are ones imposed by government on purchasers, like sales tax. The [2024 amendments to the Competition Act](https://competition-bureau.canada.ca/en/how-we-foster-competition/education-and-outreach/guide-june-2024-amendments-competition-act) made that explicit. In our view, build any fee into the menu price and show customers the number they will actually pay. *This is a plain-language summary of public guidance, not legal advice. Confirm the current rules for your situation before relying on them.* ## Build the menu so everyone can read it A menu exported as an image fails a second group of people: anyone using a screen reader or enlarging text. The Web Content Accessibility Guidelines cover this directly. Success criterion 1.4.5, [Images of Text](https://www.w3.org/WAI/WCAG22/Understanding/images-of-text), says that where the technology allows it, “text is used to convey information rather than images of text.” A photographed chalkboard or a designed JPEG menu does the opposite. WCAG 2.2 was [published in October 2023](https://www.w3.org/WAI/standards-guidelines/wcag/), and the W3C encourages using the latest version. Alberta’s own government websites state that they [conform to the WCAG](https://www.alberta.ca/accessibility). Our view: build a restaurant site to WCAG 2.2 AA, because every fix on the list also makes the menu faster and easier for everyone else. A menu page that passes Real text Dish names, descriptions and prices as text, not an image or a PDF Structure A heading for each section so screen reader users can jump between them Photos Alt text that says what the dish is Zoom Text that can be enlarged on a phone without breaking the layout Buttons Order, call and directions controls big enough to hit with a thumb ## Related reading - [How Much Does Web Design Cost in Calgary? (2026 Pricing Guide)](https://fifteenthmeridian.com/blog/web-design-cost-calgary) - [Google Business Profile Optimization: What Moves the Map Pack and What Does Not](https://fifteenthmeridian.com/blog/google-business-profile-optimization) - [41% of Calgary Businesses Cannot Be Phoned in One Tap. Every Dentist Can. Almost No Cafe Can.](https://fifteenthmeridian.com/blog/one-tap-contact-calgary-2026) ## Questions ### What do people actually want from a restaurant website? The menu, the hours and the address, in that order, on a phone, in a hurry. Almost every other element is decoration. A site that delivers those three instantly outperforms a beautiful one that buries them. ### Should the menu be a PDF? No. PDFs are slow to open on a phone, difficult to read without zooming, less useful to search engines than a page, even though Google can index them, and awkward to update. A menu as an actual web page solves all four problems. ### Do restaurants need online ordering on their own site? If takeaway is a meaningful part of the business, ordering on your own site avoids the commission that third-party platforms take. The tradeoff is that those platforms bring discovery you would otherwise have to earn. ### How important is mobile for restaurant websites? It is effectively the only thing that matters. This searching happens on phones, often while people are already out and deciding. A site that is acceptable on desktop and slow on mobile is failing at the only moment it is used. ### Do restaurants need food photography? Real photography of your actual food, yes. Stock food imagery is widely recognisable and actively harmful, because it signals that what arrives will not look like the picture. ### What about reservations? If you take them, make booking possible in one step from any page, not just a contact page. If you do not, say so plainly, because the absence of an answer reads as a maybe and costs you the walk-in. ### Do restaurants have to show nutrition information on their menus in Canada? For most dishes, no. The Canadian Food Inspection Agency says most restaurant and takeout food is not prepackaged and is exempt from a Nutrition Facts table. Making a nutrient content claim on a dish, such as low fat or source of fibre, triggers a mandatory declaration of that nutrient. This is a summary, not legal advice. ### Can a restaurant add a service fee to online orders? Be careful. The Competition Bureau says promoting a price that is not attainable because of fixed mandatory fees is against the law, unless the fee is imposed by government, such as sales tax. In our view, show the full price the customer will pay. This is a summary, not legal advice. ### What hours should a restaurant list on Google? Google’s guidelines say to list the hours when diners can sit down and dine in, and to use takeout hours if dine-in is not possible. Holidays and one-off closures go in as special hours, and Google suggests confirming holiday hours even when they match your regular hours. ## Questions, answered. **What do people actually want from a restaurant website?** The menu, the hours and the address, in that order, on a phone, in a hurry. Almost every other element is decoration. A site that delivers those three instantly outperforms a beautiful one that buries them. **Should the menu be a PDF?** No. PDFs are slow to open on a phone, difficult to read without zooming, less useful to search engines than a page, even though Google can index them, and awkward to update. A menu as an actual web page solves all four problems. **Do restaurants need online ordering on their own site?** If takeaway is a meaningful part of the business, ordering on your own site avoids the commission that third-party platforms take. The tradeoff is that those platforms bring discovery you would otherwise have to earn. **How important is mobile for restaurant websites?** It is effectively the only thing that matters. This searching happens on phones, often while people are already out and deciding. A site that is acceptable on desktop and slow on mobile is failing at the only moment it is used. **Do restaurants need food photography?** Real photography of your actual food, yes. Stock food imagery is widely recognisable and actively harmful, because it signals that what arrives will not look like the picture. **What about reservations?** If you take them, make booking possible in one step from any page, not just a contact page. If you do not, say so plainly, because the absence of an answer reads as a maybe and costs you the walk-in. **Do restaurants have to show nutrition information on their menus in Canada?** For most dishes, no. The Canadian Food Inspection Agency says most restaurant and takeout food is not prepackaged and is exempt from a Nutrition Facts table. Making a nutrient content claim on a dish, such as low fat or source of fibre, triggers a mandatory declaration of that nutrient. This is a summary, not legal advice. **Can a restaurant add a service fee to online orders?** Be careful. The Competition Bureau says promoting a price that is not attainable because of fixed mandatory fees is against the law, unless the fee is imposed by government, such as sales tax. In our view, show the full price the customer will pay. This is a summary, not legal advice. **What hours should a restaurant list on Google?** Google’s guidelines say to list the hours when diners can sit down and dine in, and to use takeout hours if dine-in is not possible. Holidays and one-off closures go in as special hours, and Google suggests confirming holiday hours even when they match your regular hours. ## We build sites that do the job. Custom design and build, scoped to what the site actually has to achieve. Tell us the situation and we will tell you what it needs. [Talk to us](https://fifteenthmeridian.com/contact) [How much does web design cost in Calgary?](https://fifteenthmeridian.com/blog/web-design-cost-calgary) Ask this article a question