TL;DR
TL;DR — Quick Answer
Add your restaurant menu to your website by either linking out to a hosted menu page (simplest, best for SEO) or embedding via iframe (keeps customers on your domain). Hosting your own menu HTML is also possible but rarely recommended — you lose live updates, sold-out toggles, and analytics. The iframe + link combination works on every CMS: WordPress, Squarespace, Wix, Shopify, Webflow, Hostinger. The whole setup takes 5 minutes; the SEO and accessibility gains last forever.
Introduction
Your website is one of the highest-intent channels for restaurant menu views. Customers reach it via Google search, Yelp listing, social-media bio link, and email signature — they're looking for confirmation that you're open, what you serve, and how much it costs. A clear menu link reduces bounce rate, raises conversion to a phone call or reservation, and contributes to local SEO rankings.
Yet roughly 40% of US restaurant websites still surface menus as PDF downloads, photographed scans of the printed menu, or static HTML pages that haven't been updated in 18+ months. Each of these patterns hurts conversion and Google rankings. This guide covers the three patterns that actually work in 2026.
Why The Website Channel Matters
Why the Website Channel Matters
Three reasons your restaurant website should be the canonical menu source:
- SEO. Google indexes menu items and surfaces them in restaurant search results. PDFs are not parsed; image scans are not parsed; only HTML pages with structured data appear in rich results. Operators with HTML menu pages outrank PDF-only competitors for queries like '[restaurant name] menu prices'.
- Accessibility. WCAG 2.1 requires that menu content be machine-readable. PDFs and image scans fail this; even a small ADA exposure is more expensive than a rebuild.
- Conversion. Diners who see prices, photos, and dietary tags before booking are 40-60% more likely to convert (Toast Restaurant Industry Report 2024). Hidden or stale menus produce drop-off.
Three Ways to Add a Menu to Your Website
| Pattern | Setup Time | SEO | Maintenance | Best For |
|---|---|---|---|---|
| Link out to hosted menu | 5 minutes | Best (full HTML, structured data) | None — auto-updates | Restaurants prioritizing SEO + analytics |
| Iframe embed | 10 minutes | Good (page indexable; iframe content not always) | None — auto-updates | Restaurants who want everything on one domain |
| Static HTML page | 2-4 hours | Good if maintained | High — manual price updates | Single-location, stable menus |
| PDF upload | 30 seconds | Poor (not parsed by Google) | Manual reprint each change | Avoid in 2026 — last resort only |
How to Add Your Menu to Your Website
WordPress, Squarespace, Wix — Specific Setup
Platform-Specific Setup
WordPress
Add a custom menu link to your nav under Appearance → Menus. For an embedded version, use a Custom HTML block in the page editor and paste the iframe code. Most page builders (Elementor, Divi, Beaver Builder) have a dedicated Iframe widget that handles responsive sizing.
Squarespace
In Site Navigation, add a Link with the URL pointing to your hosted menu. For embed: use a Code Block (Settings → Permissions: enable code blocks for your plan), paste the iframe HTML. Squarespace blocks JavaScript on most plans, but iframes are allowed.
Wix
Add a Link to your top-level menu via the Site Menu manager. For embed: drag a HTML iframe widget from the Add panel and paste the URL. Wix scales iframes automatically; you may need to manually set height for tall menus.
Shopify, Webflow, Hostinger Builder, Squarespace Online Store, Hostinger Website Builder
All five support iframe embeds in custom HTML blocks. The link-out pattern works universally across all platforms with no special configuration.
Common Mistakes
Common Mistakes (And How to Avoid Them)
Hosting menu as PDF
Google does not parse PDFs reliably. Customers cannot zoom on mobile. Updates require a re-upload and risk customers viewing the cached old version. Move to HTML.
Image scans of the printed menu
Even worse than PDFs — Google cannot read text in images at all (OCR exists but isn't indexed). Customers cannot search items, cannot filter dietary, cannot use screen readers. The cost-to-rebuild as HTML is roughly equivalent to one menu reprint.
Iframe with fixed pixel height
If you set height="600" and your menu has 80 items, customers scroll inside the iframe (bad UX) or see only the first half. Use percentage-based height where possible, or set a generous fixed height (1200px+) and let the iframe handle internal scroll.
Stale menu — last updated 18+ months
Customers who arrive expecting one item and find another at the restaurant produce 1-star reviews. If you can't commit to keeping the menu fresh, link to a hosted platform that updates instantly via admin panel.
Different prices on website vs printed menu
Google reviews and Yelp reviews complain about this regularly. Make the digital version canonical — train staff that printed menus are reference only and the digital is authoritative.
Related Reading
Related guides
Put your menu everywhere customers look:
Frequently Asked Questions
Is it better to link to my menu or embed it on my own website?
Link out for SEO and simplicity; embed for brand control. Most restaurants benefit more from linking out — the hosted menu page accumulates link equity and structured data, which Google rewards in local pack rankings. Embedding works fine for visual consistency on premium brands.
Will Google penalize me for using an iframe?
No — iframes have been valid HTML since 1997 and are commonly used for embedded video, maps, and forms. Google does sometimes index iframe content as part of the parent page, sometimes separately, and sometimes not at all. To guarantee menu indexing, link to the hosted version in addition to embedding.
Do I need to keep my menu updated on both my website and the digital menu platform?
No — that's the point of linking out or iframe embedding. The digital menu platform is the single source of truth; your website pulls the latest version automatically. If you also keep a static HTML version on your site, you'll need to update both, which defeats the purpose.
What should the menu URL on my website be?
Use /menu — clean, memorable, matches user search patterns ('[restaurant name] /menu'). Avoid /our-menu, /food, /our-food. The exact path matters less than consistency: pick one and never change it. URL changes break every link in your bio, ads, and review sites.
How do I track how many people view my menu?
Three tracking layers. (1) Google Analytics on your website tracks clicks to the menu link. (2) Your menu platform (Menujo, MenuTiger, etc.) tracks scans and views. (3) UTM parameters tell you which source drove the visit (?utm_source=website, ?utm_source=instagram, etc.). The full setup is in our UTM Builder tool.
Can I have multiple menus (lunch, dinner, brunch) linked from my website?
Yes — most digital menu platforms support multi-menu setups. Each menu has its own URL; link them as 'Lunch Menu', 'Dinner Menu', 'Weekend Brunch' on your website. Some platforms auto-rotate based on time of day; if yours doesn't, you'll need separate page links.
What happens to my old PDF menu after I switch?
301 redirect the PDF URL to your new HTML menu. This preserves any backlinks pointing at the old menu (Google reviews, Yelp listings, food blogs) and tells Google to transfer ranking signals to the new page. Most CMS platforms support 301 redirects via a settings panel.
Do I need both a website menu and a Google Business Profile menu?
Yes — they reach different customers. Website menu serves people who search '[restaurant name] menu'. GBP menu serves people who search 'restaurants near me' on Google Maps without ever visiting your site. The same digital menu platform typically supports both via shared data.
