Mobile-Friendly Website for Small Business: Checklist

Mobile-friendly is more than a layout that shrinks. A site can technically fit on a phone and still be miserable to use. Think of it as five separate qualities that all have to work together.

• Responsive layout: the design rearranges itself at different screen widths, stacking columns and resizing images.
• Readable text: body copy of about 16 pixels or larger, with enough line spacing, and no zooming required.
• Touch-friendly controls: buttons and links around 44 by 44 pixels, with space between them so thumbs do not hit the wrong one.
• Speed: pages that load in a few seconds on an ordinary mobile connection, not just on office Wi-Fi.
• Task completion: calling, booking, finding hours and filling forms all work with one hand.

Google uses mobile-first indexing, meaning it reads the phone version of your page to decide how to rank it. Content that is hidden or missing on mobile may not count. For related fundamentals see the small business website checklist.

Local searches skew heavily to phones. People look for "dentist near me," check hours while driving, tap to call, and tap for directions. If those taps fail, the competitor next in the results gets the call.

Your own analytics will show the real split, but many Canadian service business sites see a majority of visits from phones, with a higher share for restaurants, trades and retail than for B2B services. Check Google Analytics or your hosting stats before deciding how much weight to give mobile versus desktop.

There are also indirect effects. A site that works poorly on phones tends to have slower load times, which affect Core Web Vitals, a set of Google measurements of speed and stability. Poor scores are a minor ranking factor but a major conversion factor: people simply leave. Pair this guide with the local SEO guide to see how mobile experience feeds map and search results.

1. Use your own phone, on mobile data, not Wi-Fi. Visit the home page, a service page and the contact page.
2. Try a real task: tap the phone number, open the menu, submit the form, view the map.
3. Run Google PageSpeed Insights and read the mobile result, not just the desktop score. See free website speed tests for options.
4. Check Search Console, if connected, for the Page Experience and Core Web Vitals reports and any mobile usability errors.
5. Use your browser's device mode to preview common screen sizes, then confirm on a real device, since emulators miss touch problems.
6. Ask two people unfamiliar with the site to find your address and book something. Watch where they hesitate.

Keep notes. A list of five specific problems gives a designer or builder a clear brief, which can reduce your bill.

If your platform is old, the fix is often a move to something current. Compare options in the website platform comparison. DIY builders at $15 to $60 per month are generally responsive from the start, but they still need careful content choices.

• Put the phone number and main button in the first screen. A tap-to-call link should dial immediately.
• Keep the menu short. Four to six items, with a clear menu button and a visible close.
• Use one column. Stack content in a simple order of importance.
• Compress images. Serve smaller files to phones and use modern formats like WebP where supported.
• Avoid text inside images, which cannot resize or be read by screen readers.
• Make forms short, and use the right keyboard for each field: numeric for phone, email layout for email.
• Leave white space. Cramped layouts cause mis-taps.
• Test with the cookie banner, which often covers important buttons on phones.

For wider design guidance, small business website design tips covers hierarchy, photography and trust signals in more detail.

A bakery with a six-year-old site gets most of its visits from phones, yet the menu is a PDF that needs pinching, the hours sit in an image, and the order form has twelve fields.

The owner decides on a modest fix before a full rebuild. The PDF menu becomes plain text on a page. Hours and address move into the header and the Google Business Profile is updated to match. The form shrinks to name, phone, pickup date and order notes. Large photos are compressed, cutting page weight sharply. A sticky "Call" and "Directions" bar is added.

This is roughly a $600 to $1,200 job from a freelancer. If the underlying theme were unmaintained and could not be updated, the owner would instead budget for a template rebuild around $2,000 to $4,000. Either way, the owner then tests on two phones and checks the PageSpeed mobile score before and after, using the numbers as a guide rather than a target to chase. See why my website is not mobile-friendly for diagnostics.

Mobile and accessibility overlap heavily: large text, high contrast, clear labels and keyboard-friendly controls help everyone. In Ontario, AODA requires many organizations to meet WCAG 2.0 AA for public websites, with some exceptions for small private organizations. Even if you are exempt, accessible design reduces lost customers.

In Quebec, Bill 96 means public-facing commercial content generally needs French, and a language switch should be easy to tap on a phone. Test both versions on mobile, since French text is often longer and can break buttons designed around English wording.

Remember privacy basics too. PIPEDA and Law 25 require clear consent and notice. Cookie banners on small screens should be compact and not hide the call button. Taxes: ask for quotes showing GST or HST so you can plan accurately.

• Viewport meta tag present and no horizontal scrolling.
• Body text around 16 pixels or larger.
• Tap targets about 44 pixels with spacing.
• Tap-to-call and directions links work.
• Mobile PageSpeed tested and obvious issues fixed.
• Forms tested on a real phone.
• Content on mobile matches desktop.
• Cookie and chat widgets do not cover key buttons.

Common mistakes: designing on a big monitor only, adding a mobile app when a good responsive site would do, using auto-playing video, hiding content in tabs Google cannot read, and ignoring speed. If you want a team to audit and fix a slow, awkward site, lead4pro.com works with Canadian small businesses on that kind of upgrade.