Skip to content
Tanner
Preserve
All guides
Your website

Make your site work on a phone (where your customers are)

6 min readUpdated July 1, 2026
01

Check your site on your own phone first

Pull out your phone right now, open your website in the browser, and try to do exactly what a customer with a leaking water heater would do: find your phone number and call it, or fill out your contact form. Time yourself. If it takes more than 15 seconds to get to a call, you have a problem worth fixing today.

Most people searching for a plumber, roofer, or electrician do it from their phone, often standing in front of the thing that broke. Google also uses the mobile version of your site for ranking (mobile-first indexing), so a site that only works on desktop is the version Google mostly ignores.

While you're on your phone, run through this list. Everything that fails is your fix list for the next 30 minutes.

  • Can you read the text without pinching to zoom?
  • Can you tap every button and menu link with a thumb, without hitting the wrong one?
  • Is the phone number tappable, so one touch starts a call?
  • Does the contact form work, and does the keyboard show numbers when you tap the phone field?
  • Does anything force you to scroll sideways?
  • Does the page load in a few seconds on cell data, not just your office wifi?
02

Run Google's free test at pagespeed.web.dev

Go to pagespeed.web.dev, paste your homepage address, and click Analyze. It's free, no account needed. Results open on the Mobile tab by default, which is the one you care about.

Google retired its standalone Mobile-Friendly Test in December 2023, so PageSpeed Insights is now the tool. Look at two things: the performance score at the top (under 50 is a real problem, 90 plus is good) and the list of suggestions below it. You don't need to understand every line. The suggestions near the top with the biggest 'estimated savings' are your targets, and for most contractor sites the top offender is oversized images.

Run the same test on your contact page and your main service page, not just the homepage. Those are the pages that actually book jobs.

Field note

Screenshot your mobile score before you change anything. Retest after each fix so you can see what moved the number.

03

Fix text size and tap targets

Two settings cause most 'this site is annoying on my phone' complaints: text that's too small and buttons that are too close together.

Body text should be at least 16 pixels. Anything smaller forces the pinch-zoom that makes people give up. In WordPress look under Appearance > Customize (usually a Typography or Fonts section), in Wix it's the text settings when you click any text box, in Squarespace it's Design > Site styles > Fonts.

Buttons and links need to be thumb-sized. Google's guidance is a tap target of about 48 by 48 pixels with breathing room around it. Practical translation: make buttons taller than they look like they need on desktop, and never stack two links right on top of each other in a footer or menu.

If your site is hand-coded HTML rather than a builder, check that this one line exists inside the <head> section. Without it, phones render your site as a shrunken desktop page no matter what else you fix:

Field note

<meta name="viewport" content="width=device-width, initial-scale=1"> goes in the <head> of every page. Site builders like Wix, Squarespace, and WordPress themes add it automatically. Hand-coded sites from years ago often miss it, and it is the single most common reason an old site looks tiny on a phone.

04

Make your phone number one tap away

A phone number that's just text on the screen makes a mobile visitor memorize it, switch apps, and dial. Some will. Many won't. A tappable number starts the call in one touch.

If you can edit HTML or use an embed block, the code is one line: <a href="tel:+12625551234">Call (262) 555-1234</a>. Use your real number with the +1 and area code in the href part, and write it however you like in the visible part.

In builders it's even easier. Wix: click the text or button, choose the link icon, pick 'Phone number.' Squarespace: highlight the number, click the link option, choose Phone. WordPress: highlight the number in the editor, click the link button, and type tel:+12625551234 as the address.

Then put it where thumbs can reach it: in the header, visible without scrolling, and again at the bottom of every page. A sticky 'Call now' button pinned to the bottom of the phone screen routinely becomes the most-tapped thing on a contractor site, and most builders offer it as a pinnable button element.

05

Shrink your images, they are almost always the slow part

Job photos straight off a phone are 3 to 8 megabytes each. Put six of those on your homepage and it crawls on cell data. This is the most common speed problem on trade websites and the cheapest to fix.

Use Squoosh (squoosh.app, free, made by Google, works in the browser). Drag a photo in, set the format to WebP or keep JPEG, drop quality to around 75, and resize the width: 1600 pixels is plenty for a full-width banner, 800 pixels for a photo that sits in a column. You'll usually watch a 5 MB photo drop under 200 KB with no visible difference on a phone screen.

Re-upload the shrunk versions in place of the originals. On WordPress you can also install a free compression plugin like Smush to squeeze what's already uploaded, but shrinking before upload gives the best results.

While you're in there, delete anything heavy the page doesn't need: auto-playing video backgrounds, giant slideshows nobody swipes, and third-party widgets you forgot were installed. Every one of them costs load time on a phone.

06

Retest, then put it on the calendar

Run pagespeed.web.dev again and compare against your screenshot. Then repeat the phone test from the first section: read, tap, call, submit the form. Have someone else try it too, ideally on a different phone than yours, since Android and iPhone can render differently.

Fill out your own contact form from your phone and confirm the message actually arrives in your inbox. Broken forms fail silently, and you can lose weeks of leads before noticing.

Mobile isn't a one-time fix. Every time you add a page, a photo gallery, or a new plugin, check it on your phone before you call it done. A 5 minute check after each change keeps you from ever needing a big cleanup again.

Common questions

Questions that come up

My site looks fine on my computer. Do I really need to bother?

Yes. Most local service searches happen on phones, and Google ranks you based on the mobile version of your site. A site that's great on desktop and clumsy on a phone is clumsy for the majority of the people finding you, and for Google.

Do I need a separate mobile site or an app?

No. Separate mobile sites (the old m.yoursite.com approach) are outdated, and no homeowner is downloading a plumber's app. You want one responsive site that adapts to any screen. Every mainstream builder and modern WordPress theme does this out of the box.

I'm on Wix or Squarespace. Isn't mobile handled automatically?

Mostly, but not fully. The layout adapts on its own, but the builder can't fix huge images, tiny custom text, a phone number that isn't linked, or a cluttered mobile menu. Wix even has a separate mobile editor (the phone icon at the top of the editor) where desktop changes can leave the mobile view messy. Check it after every edit.

What's a good PageSpeed score to aim for?

On mobile, 90 plus is good and under 50 needs work. Don't chase a perfect 100. Once you're in the healthy range, a real customer can't feel the difference, and your time is better spent on reviews and your Google Business Profile.

Or skip the homework

Rather I just did this?

Fair. The audit shows where your site actually stands in about a minute, then you decide. No email required, no pressure, just the truth.