The phone number belongs wherever a thumb already rests without the hand moving, which on most phones is the header and a bar that stays fixed as the page scrolls. It also has to be built as a real tel: link, not a picture of the digits, or tapping it does nothing. Get both right and someone standing in a flooded basement calls in one tap. Get either wrong and the number is decoration.
A one-page trades site gets one real chance to turn a visitor into a call. The distance between a number a thumb can reach without moving and one buried three sections down in small type decides whether that chance lands. Most owners find out which side they are on the day a competitor's number wins instead.
- Minimum tap target: 1cm by 1cm (about 44px)
- One-handed thumb reach: roughly the bottom third of the screen
- Bounce risk, 1 second load vs 10 seconds: up 123%
- Search users likely to use a call button: 69%
Why the Number Has to Be a Real Link, Not an Image
A phone number only becomes callable in one tap when it carries a tel: link, the address format browsers use to hand a number to the dialer. Digits shown as plain text or built into an image do nothing when tapped. The visitor has to copy the number, switch apps, and dial by hand, and most will not bother.
Mozilla's reference for the HTML anchor element documents tel: links as one of the address schemes a link can carry beyond ordinary web pages, and notes that behavior varies by device. A phone autodials the number, a laptop may offer Skype or FaceTime, and some systems save it straight to contacts. None of that happens unless the markup is there to begin with.
An electrician's site that shows the number as a logo graphic across the top looks identical to one built on a real link, until someone actually taps it. The difference costs a job exactly when the customer standing next to a dead breaker box has both hands free and one thing to do.
Where the Thumb Reaches on a Phone Screen
On a phone held in one hand, the thumb comfortably covers roughly the bottom third of the screen without the hand shifting grip. Nielsen Norman Group labels that region the natural zone, and taps inside it land with far higher accuracy than a stretch toward the top of the screen.
A number pinned only inside a header that scrolls out of view after the first screen asks for a stretch, not a reach. A bar fixed to the top or bottom of the screen keeps the number inside the zone the thumb already favors, all the way down a long page. One sample emergency plumbing page keeps its number fixed through every scroll position for exactly that reason.
A roofer's page built around large storm-damage photos is the clearest example. Scroll past two or three of those images and a number pinned only in the header is gone, right at the point a homeowner has decided the damage is bad enough to call.
How Big the Tap Target Needs to Be
A tap target for a phone number needs to measure at least 1cm by 1cm, a figure Nielsen Norman Group traces to MIT Touch Lab research on how large a fingertip's real contact area is. The average thumb's impact area runs closer to 2.5cm, about an inch, so a number set in small type with no padding around it fails the test even while it is technically a link.
The fix is padding, not a bigger font. Wrap the whole number, plus a comfortable margin around it, inside the tappable area instead of relying on ten characters of text to catch a thumb moving fast.
Two numbers set at the same font size can still fail differently. One wrapped tightly around ten digits with no room to spare passes a glance and fails a thumb. The other, padded generously on every side, catches a tap that lands slightly off center, which is most of them.
Should the Number Live in the Header or Follow Down the Page?
Both, on a one-page trades site. The header carries the number for a visitor who never scrolls, and a sticky bar or a fixed button carries it for the one who reads the whole page before deciding. Losing the number between those two states after the first section is the most common placement mistake.
For an HVAC company running a no-cooling call in July, that gap between header and sticky bar is where the visitor gives up and searches for the next name instead of scrolling back to find yours.
A service list, a set of before-and-after photos, or a pricing block are exactly the sections a customer scrolls through before calling, and each one is a place the header's number has already scrolled out of view. Across the trades demo builds, a few different approaches keep a number fixed without crowding the rest of the page.
- Open the site on a phone, on mobile data, not office WiFi.
- Scroll to the section furthest from the top of the page.
- Check whether the number is still visible without scrolling back up.
- Tap it and confirm the dialer opens with the number already filled in.
Why a Slow Page Buries the Number No Matter Where It Sits
None of the placement work matters if the page has not finished loading. Google's own mobile speed research puts a visitor's odds of bouncing before the page settles 123 percent higher once load time stretches from one second to ten.
A tel: link the thumb can reach means nothing to someone who already left three seconds earlier. Heavy photo galleries, an embedded video, or a stack of third-party scripts are the usual reasons a one-page trades site loads slowly enough to lose the visitor before the number ever appears on screen.
A one-page site built around a hero video and four large uncompressed photos will often clear that threshold before a single word of copy loads, on a job site with two bars of signal rather than a fast office connection.
Why Do Trades Customers Call Instead of Filling Out a Form?
Calling answers a job faster than typing one out, and most people choose the faster option once it is offered outright. Industry research from BIA Advisory Services finds that 69 percent of search users say they are likely to use a call button to reach a local business straight from search results.
A form still earns its place for a job that is not urgent, a set of photos, or a question that needs a written answer. For anything time-sensitive, a burst pipe, a tripped breaker, a furnace that quit overnight, the form is the slower path, and the page should not make the faster one harder to find.
An auto repair shop describing a diagnostic problem benefits from this the most. Explaining a noise or a warning light in a form takes paragraphs. Saying it out loud on a call takes one sentence, and the shop can start booking the appointment before the sentence finishes.
Questions Trades Owners Ask About the Call Button
Each answer below assumes the number itself is accurate and the page has already finished loading. What is left is how the button behaves once someone is looking at it.
Does the phone number need to match the one on the Google Business Profile?
Yes, digit for digit. A visitor comparing the two is checking that the business is real before dialing, and a mismatch reads as a red flag rather than a typo. A website and a Google Business Profile cover different ground, but the phone number is one detail both still need to agree on.
Does the phone number also need to be in the footer?
A footer copy does not replace the header or sticky version. It rarely sits in the thumb's natural zone during an active reading session, so treat it as a courtesy for someone who has scrolled all the way down looking for hours or an address, not as the main path to calling.
Does a click-to-call button slow a page down?
A tel: link costs almost nothing to render, since it is plain text wrapped in a link. What slows a page is everything usually built around the button: a floating widget script, a chat pop-up, or a call-tracking snippet loaded from a third party. Keep the link itself simple and that risk disappears.
What if the business also wants a contact form?
Keep both, but do not let the form compete with the number for the same space. A form answers something that is not urgent, a quote for next month or a photo of a job. The number stays visible the whole time the form sits further down the page.
A number that fails the reach test does not need a redesign, only a sticky bar or a fixed header that carries it through every scroll position. That single change turns a page a customer would have abandoned mid-scroll into one that stays a tap away the whole time they are reading it.
The same check is worth repeating after every new photo gallery, every added service section, and every redesign, because each one is a fresh chance for the number to end up a scroll away from where a thumb already sits.