Restaurant Website Design: A 10-Play Playbook for Independent Restaurants
What a restaurant site must show before someone decides to visit or book — and the checks that confirm it works, from the menu's HTML to the Google Business Profile button.
Most guests form their opinion of your restaurant before they ever call. Menus checked online, your own website visited before a decision, bookings made directly on your domain — the site is doing work a third-party listing will not do for you. This playbook turns that into ten checks and fixes you can complete yourself, each with the reasoning behind it and a source you can open.
Practical playbook
What to do next
01
Put the full menu, with prices, on the homepage
Publish every dish and every price as text on the homepage or one click from it — the complete menu, not a teaser or a 'see our menu' link to a PDF.
Why it works: Menus with prices are among the elements diners look for before booking, and the menu is the content people came for. Keeping it on the homepage removes the step between landing and deciding.
• Your site's CMS or page editor
• Google Rich Results Test (for Menu markup)
02
Serve the menu as selectable HTML text, not a PDF
Rebuild the menu as an HTML page. To test an existing one, open the site and try to select a dish name with your cursor — if you cannot select the text, it is an image or PDF and should be replaced.
Why it works: Google indexes PDFs, but its SEO guidance recommends HTML for content you want people to find and read. A menu locked in a PDF or an image is content a search engine cannot easily match to a 'near me' query, and it is also harder for a guest to skim on a phone.
• HTML/CSS menu page
• Google Search Central SEO Starter Guide
03
Point the Google Business Profile 'Order online' button at your own domain
Log in to Google Business Profile and check where the website, menu, and order links go. If 'Order online' sends guests to a marketplace, change it to the ordering page on your own site.
Why it works: This is the single highest-leverage check on the profile. When the button points at a marketplace, the direct order — the one without a commission and with the customer relationship attached — is handed away at the exact moment a guest is ready to buy.
• Google Business Profile
• Your own online ordering page
04
Make name, address, and phone identical everywhere
Copy your name, address, and phone number character-for-character from your Google Business Profile into the site footer and every listing you control. Match punctuation, suite numbers, and abbreviations exactly.
Why it works: Consistency in name, address, and phone (NAP) is one of the strongest local-pack signals reported in operator SEO guidance, and the underlying need is Google's own: local results rest on relevance, distance, and prominence, which accurate matching information supports.
• Google Business Profile
• Site footer / contact page
• BrightLocal
• Whitespark
05
Write a real page title instead of 'Home' or 'Welcome'
Open your homepage in a browser and look at the tab label or view the source. Set a title that names the restaurant and what it is — for example, the name plus cuisine and city — and give each page its own title and descriptive link text.
Why it works: Google uses the page title to decide whether a result is relevant to someone's search, so a generic title works against you at the exact moment relevance is judged. Descriptive titles and anchor text also tell a scanning diner what they are about to open.
• Your site's CMS or page editor
• Google Search Central SEO Starter Guide
06
Make the mobile site complete and fast on a real connection
Test the site at PageSpeed Insights using field data (real-user Chrome UX Report results, not just the lab score) and compare against Google's Core Web Vitals thresholds for LCP, INP, and CLS. Then make sure the phone version carries everything the desktop version does: full menu, hours, photos.
Why it works: Google crawls and indexes the mobile version of every site by default. There is no separate mobile-friendly bonus — the risk is a slow or content-thin mobile page. Core Web Vitals are ranking signals, though relevant content still matters more.
• PageSpeed Insights / pagespeed.web.dev
• Chrome UX Report (CrUX) field data
• Google Search Central Core Web Vitals documentation
07
Add tap-to-call, address with map, hours, reservations, photos, and reviews
Put a clickable phone number, the address with a map, current hours, a reservation path, real photos, and guest reviews on the homepage — the elements that appear on the standard homepage checklist.
Why it works: These are the items diners reportedly check before choosing where to go, and most of them are the fields a mobile visitor acts on immediately: call, navigate, book. A phone number that is not tappable on mobile forces an extra step at the moment of intent.
• Reservation widget or booking page
• Google reviews
• Your site's CMS
08
Take direct bookings on your own site
Offer a reservation link on your own domain and keep it visible on the homepage and in the Google Business Profile — not only through third-party booking platforms.
Why it works: A survey of 850 U.S. diners by Toast found 65% prefer to book directly on the restaurant's own website rather than a third-party platform, and 72% of diners in an Owner.com survey visit the restaurant's own site before deciding to go. Meeting that preference on your own domain keeps the guest where you control the experience.
• Your own reservation page
• Google Business Profile
09
Add Restaurant and LocalBusiness structured data and validate it
Mark up the site with the Restaurant, LocalBusiness, and Menu schema types, including PostalAddress and OpeningHoursSpecification, then run the homepage through the Rich Results Test to confirm it is valid and free of errors.
Why it works: Structured data can enable rich results in search, which is how a restaurant's hours, address, and menu can surface without a click. Validity is what matters — errors waste the markup, and Google does not guarantee a rich result even from correct markup. Pages can rank without it.
Fill in every Google Business Profile field and keep it current
Complete name, address, phone, primary and secondary categories, regular hours, holiday hours, website, menu link, ordering link, business description, attributes, photos, and Q&A. Choose the most specific primary category available — 'Sushi Restaurant' rather than 'Japanese Restaurant' or 'Restaurant'.
Why it works: Google says complete and accurate profiles are more likely to show in results, and that photos and menus help customers decide. Choosing the most specific category available sharpens relevance, one of the three factors Google names in local ranking. Operator field reports suggest most profiles are left 40–60% blank — unfilled fields are the cheapest gap to close.
• Google Business Profile
Questions
Frequently asked
Should the menu be a PDF?
No. Google indexes PDFs, but its SEO guidance recommends HTML for content you want users to find and read. A quick test: try to select a dish name on your page with your cursor. If the text is not selectable, it is an image or a PDF and should be rebuilt as an HTML page.
Do I need a designer and developer to fix this, or can I do it myself?
Every check in this playbook can be run by an owner in a browser: cursor-test the menu, read the browser tab title, log in to Google Business Profile, run PageSpeed Insights and the Rich Results Test. The rebuild work — HTML menu, structured data, page titles — can be done in most site builders or by a freelancer.
Should I hire an agency, a freelancer, or use a website builder?
Published cost figures cover the full span. One pricing table puts three-year totals at roughly $352 for a one-time site product, about $868 for Squarespace and $1,099 for Wix, about $1,630 for self-hosted WordPress, about $5,700 for a freelancer (about $3,000 build plus $75/month), about $6,048 for BentoBox, about $9,544 for Popmenu Starter, and about $10,400 for an agency (about $5,000 build plus $150/month). Those figures conflict with another widely cited table and neither states when its prices were checked, so confirm current pricing on the vendor's own site before deciding.
How much does a restaurant website builder cost per month?
Monthly figures as published: Squarespace $23–$65/month, BentoBox $279–$479/month, Popmenu $179–$499/month plus fees, Owner.com $249–$499/month plus 5%, RichMenu (custom WordPress) from $495/month, Toast Website Builder bundled with the POS with no standalone price published. Sources disagree sharply on BentoBox and Popmenu; treat these as ranges and verify on the vendors' own pages.
How much does a custom-built site cost?
One agency price list — published in Canadian dollars for the British Columbia market, not U.S. pricing — gives these ranges: single-location quick-service with ordering $5,500–$14,000 over 3–6 weeks; casual restaurant with reservations $8,000–$22,000 over 4–8 weeks; fine-dining editorial site $18,000–$45,000 over 8–14 weeks; multi-location group $32,000–$90,000 over 10–16 weeks; chain or franchise $60,000–$200,000 over 14–22 weeks. A U.S. table gives agency builds at $3,000–$10,000 upfront plus $50–$500/month maintenance, and freelancers at $1,500–$6,000 upfront plus $30–$300/month. Domain registration runs $12–$20/year and business email about $84/year.
What percentage of ranking is Google Business Profile versus my website?
Google publishes no such breakdown. Its own statement is that local results are based primarily on relevance, distance, and prominence, and that no one can request or pay for a better local ranking. The widely repeated weightings — Google Business Profile around 32%, reviews 20%, on-page/website 14%, NAP and citations 13%, behavioral 8%, backlinks 5% — are third-party estimates from an unnamed survey and should not be read as Google's numbers.
How many photos and how long should my business description be?
Targets like 20–30 photos and a 150–250 word description come from third-party operator guidance, not from Google. What Google does say is that complete and accurate profiles are more likely to show in results and that photos and menus help customers decide. Treat the photo and word counts as practical starting points, not limits.
Do Google Business Profile posts help my ranking?
Product and Update posts drop out of the default view after about seven days, which is documented in Business Profile help. There is no Google statement that post activity affects ranking. Post to keep the profile current for people who look at it, not as a ranking lever.