The 5 things great café websites get right (and how to fix yours this week)
Five concrete fixes that make a café website pull its weight — menu structure, mobile ordering, real photos, speed and local SEO. Most pay off within a week.
It's 11:47am on a Saturday. A hungry couple two blocks from your café picks up a phone, types "brunch near me," and gets three results.
The café they choose has a clean Google profile, a website that loads in under two seconds, and a "View today's menu" button at the top. They tap it, they like what they see, and they're sitting at a table by 12:15.
That café isn't luckier than you. It has five specific things sorted out — and every one of them is something you can sort out too. None of them is exotic, none costs five figures, and most of them pay off within days rather than months.
Here are the five things great café websites get right, and exactly how to get each one right on yours.
1. The menu is a real page, not a PDF
Most café websites still carry the menu as a PDF download, usually because someone once said "just upload the menu." Swapping it for a real page is the single highest-payoff change you can make, and it's a one-time job.
Three concrete things a PDF can't do:
- Load fast on mobile. A 3MB PDF takes 4–8 seconds to render on a phone over LTE. A real page shows up instantly.
- Get indexed by Google. "Banana bread" inside your PDF is invisible to anyone searching for "banana bread café Toronto." On a real page, every item you sell is a thing you can be found for.
- Stay current. Re-exporting a PDF is enough of a chore that it drifts out of date. A live page lets you fix a price the moment it changes.
A live menu page — built with proper HTML, structured by category, with prices and short descriptions — loads instantly, gets indexed for the items you actually sell, and can be updated from your phone in 30 seconds. If you do only one thing from this list, do this one.
2. Online ordering or pickup is one tap away
Here's the pattern that surprises most café owners: a large share of weekend-morning visitors to a café website are ready to order pickup right then. So the win is simply to meet them there — move the ordering link out of the third-level menu and put it in front of them.
A great café homepage has "Order pickup →" as a primary button, visible in the first viewport, on every device. The actual ordering can be built into the site (Stripe-powered, 2.9% per transaction) or hand off to Square, DoorDash, or Uber Eats — whichever fits your operation. The "how" matters less than the "where": that button needs to be the second thing a visitor sees, after your name.
Even better — when the customer lands on the site between, say, 7am and 11am, the button can swap to "Order breakfast pickup." Tiny touch, big lift.
3. The hours and address are everywhere — and correct
It sounds basic, which is exactly why it's such an easy win — most cafés only do part of it.
Your hours should appear in three places:
- The footer on every page, in plain text.
- A dedicated "Visit" or "Location" page with map, address, and parking info.
- Structured data (schema markup) in the HTML so Google can pull them directly into search results without anyone clicking through.
The third one is the magic. When your café's hours, address, and phone are embedded as LocalBusiness + OpeningHoursSpecification schema, Google can show "Open now · Closes 4pm" right next to your listing — before anyone visits your site. That signal alone wins a meaningful share of "near me" searches.
And those hours need to be right. Holiday changes, summer hours, the time you close early for a private event. Make updating them a two-minute job that anyone on shift can do from a phone, and it'll actually get done — a regular who drives over on a Sunday and finds you open is a regular you keep.
4. The photography is yours
Stock-photo lattes are visible from space. Customers spot them in a quarter second, and a stock shot makes an independent café read like a chain — which is the opposite of the thing you have that a chain never will. Your actual room, your actual coffee, your actual people: that's the advantage, and it's free.
Better still, you don't need a $1,500 photoshoot. You need:
- One great hero shot of your actual space, taken in real daylight, with at least one human in frame.
- Three or four signature dish photos, shot from above on your actual table with your actual coffee cup. iPhones in 2026 do this brilliantly.
- One interior shot that gives a sense of the vibe — quiet corner, busy counter, whatever the truth is.
That's it. Shoot all of it in 30 minutes on a Tuesday morning before opening, and replace the stock photography within a week. It's the cheapest fix on this entire list.
5. The site loads in under 2 seconds on a phone
Google measures this and so does every customer. Google's own Core Web Vitals benchmark asks for a Largest Contentful Paint under 2.5 seconds on mobile — past that, the page is formally rated "needs improvement", and it's a signal Google has confirmed it uses in ranking.
We're not going to quote you a bounce-rate statistic, because the honest ones are hard to come by and the ones you see thrown around in web-design pitches are usually invented. The plain version is enough: someone standing outside in the cold, deciding where to get lunch, is impatient — so every second you shave off is a second of their attention you keep. The good news is that speed is one of the most fixable things on a website, and the wins are usually big and quick.
Three things are almost always responsible, and all three have a straightforward fix:
- Huge unoptimised photos. A 6MB DSLR image dropped into the homepage is dead weight. Modern image formats (WebP, AVIF) and proper resizing cut that to under 200KB without quality loss. This one change alone often does most of the work.
- Bloated page builders. Wix, Squarespace, and especially old WordPress themes ship dozens of stylesheets and JavaScript files you never use. Trimming the theme, or moving off it, buys back real seconds.
- Auto-playing video backgrounds. Atmospheric — and usually the single heaviest thing on the page, often several megabytes downloading before the customer has read a word. Swap in a static photo with a Play button and you keep the mood at a fraction of the weight.
Get your homepage under 2 seconds on a phone and everything else you do — Google, ads, social, word of mouth — has a page worth arriving at. So fix this one first. Then work down the rest of the list.
Putting it together
None of these five fixes is exotic. None of them costs five figures. Each one clears something out of the way between a hungry local and your counter — and clearing all five is genuinely a few days of work, not a rebuild of your business.
We're not going to promise you a number here. Any agency that tells you a new website will lift your orders by some specific percentage is guessing, and they know it — too much depends on your food, your neighbourhood, and what your competition is doing. What we can say plainly is that these five are the levers that are actually in your hands, and pulling them is entirely within reach of a café owner with a phone and a spare Tuesday morning.
That's the real point here. Most café websites are behind not because the owner lacks money or taste, but because the croissants have to come out of the oven and the site has waited its turn. Give it one good afternoon and it stops waiting.
Start with number one on this list — the menu. We wrote a step-by-step companion piece on how to build a café website with an online menu: the options, what it costs in Canada, and how to get found on Google.
If you'd rather hand the whole list to someone, we built a café-specific website service that handles exactly these five fixes, plus the local SEO foundations that make you findable in the first place. It launches in two weeks. Pricing starts at $697 CAD.
If you're in Calgary, number three on this list — hours and address — pays off harder here than almost anywhere. Stampede rewrites your hours for ten days, and a -25 cold snap moves the whole decision onto a phone, because nobody is wandering 17th Ave looking in windows in that weather. They're checking whether you're open before they leave the house — so being the café whose hours are right is a real edge, ten days and ten degrees at a time. We wrote the local version of all of this on our Calgary café web design page.
Or, if you'd like an honest second opinion on what your existing site is doing well and what to fix first, request a free 5-point website check. We'll send a short, honest review within two business days. No call required.
ClarioDesign
A founder-led web-design studio in Calgary. We design and build fast, honest websites for cafés, clinics, trades, and other local businesses across Canada.