Mobile-Friendly Websites: What They Are and How to Check Yours

Someone with a leaking roof, a sick dog or a car that won’t start usually isn’t sitting at a desk. They search on their phone, tap the first few results and call the business that makes it easiest. For many local service businesses, most website visits come from phones; the device report in your analytics shows your own split.

If your website is hard to use on a small screen, those visitors don’t struggle with it. They go back and choose someone else.

What a mobile-friendly website is

A mobile-friendly website is easy to read and use on a phone: text you can read without zooming, buttons you can tap with a thumb, menus that fit the screen and pages that load quickly on mobile data. Nothing important is missing or hidden on the small screen.

There are three ways to build one:

• Responsive design, the standard today: one website whose layout adapts to any screen size. It’s the approach Google recommends, and the easiest to maintain, because there’s only one site.
• Adaptive design: the server sends different layouts to different devices. It works, but it’s more to maintain.
• A separate mobile site, often at an address like m.example.com. Common a decade ago; today it usually means duplicate content to keep in sync and more things that can break.

If your site was built in the last several years on a modern platform, it’s probably responsive. That doesn’t automatically make it mobile-friendly: a responsive site can still be slow, cramped or confusing on a phone.

Why it matters

Your customers. People searching on a phone are often ready to act. They want a number to call, a time to book or directions. Every extra tap or zoom is a chance to lose them.

Google. Google crawls the web with a smartphone crawler and uses the mobile version of your pages to index and rank them, which is called mobile-first indexing. If something is missing from your mobile pages, such as text, images or reviews, Google may not see it at all.

Trust. A site that’s awkward on a phone looks out of date, and people read that as a sign about the business behind it.

What makes a website mobile-friendly

Use this as a checklist for your own site:

• Readable text. Body text around 16 pixels or larger, with strong contrast against the background, so nothing needs zooming.
• Thumb-sized buttons. Buttons and links big enough to tap comfortably (about 48 pixels square is a common guideline) and spaced so people don’t hit the wrong one.
• No sideways scrolling. Everything fits the width of the screen, including tables, images and embedded maps.
• A short, clear menu, with your main services and the contact page within one or two taps.
• One-tap contact. A phone number that dials when tapped, an address that opens in maps, and a form short enough to finish on a phone.
• Forms built for phones. The right keyboard for each field (numbers for phone numbers, the email keyboard for email addresses), autofill that works and fields large enough to tap.
• Fast loading. Images compressed and sized for small screens, and no heavy sliders or video that plays on its own. Our article on website speed explains what to check.
• No pop-ups covering the page. Google advises against intrusive interstitials on mobile, and visitors dislike them even more.
• The same content as on a computer. A shortened mobile version that drops service details, reviews or answers hurts both visitors and search.

How to check your website on a phone

Google retired its Mobile-Friendly Test and the Mobile Usability report in Search Console in December 2023, but checking is still easy:

1. Use your own phone, on mobile data. Open your home page and a service page. Try to find your prices, check whether you serve a particular town and send yourself a contact form.
2. Ask someone else to do the same, without help, and watch where they hesitate.
3. Run PageSpeed Insights on your main pages. Its mobile report, built on Google’s Lighthouse, flags slow loading and many common usability and accessibility problems.
4. Check the Core Web Vitals report in Google Search Console. If your site has enough visitors, it groups your pages by how real phone users experienced their loading, responsiveness and stability.
5. Compare devices in your analytics. If mobile visitors leave much faster, or contact you much less, than desktop visitors, the phone experience is the first suspect.

Common problems, and how to fix them

Problem	Usual fix
Text too small or too light	Larger base font size and stronger contrast in the theme
Buttons too close together	Larger tap targets with more space between them
Slow pages on mobile data	Compressed images, fewer plugins and scripts, better hosting
A menu with too many items	Group the services and keep the menu to the essentials
A pop-up covering the page	Remove it, or use a small banner instead
Long forms	Cut the fields to what you need to reply
Tables or maps wider than the screen	Let them scroll inside their own box, or restack them

Planning a responsive website for a small business

If you’re planning a new website or a rebuild, ask your designer:

• Will you design the phone version first, or adapt the desktop design afterward?
• Which phones and browsers will you test on before launch?
• How will images be sized and compressed for phones?
• Can I edit content without breaking the mobile layout?
• How will we measure speed after launch?

Good answers are specific. “It’s responsive” isn’t enough on its own.

Where to start

Open your site on your phone today and try to contact your own business. If it takes more than a few taps, or anything gets in the way, start there. When the problems run deeper than a few fixes, our development work builds sites that work on every device, and you can book a call to talk it through.