A phone number sitting in your header as plain text does nothing on a phone. A visitor has to read it, remember or copy it, then switch to their phone app and paste or retype it. A phone number set up as a real link lets them tap once and start the call. Get this one small technical detail wrong, and you lose calls without ever knowing it happened.
How to actually build it
The fix is one line of HTML: a link using tel: instead of http:.
`` <a href="tel:+15551234567">(555) 123-4567</a> ``
On a phone, tapping it opens the dialer with the number already filled in. On a desktop without calling software, most browsers just ignore the tap, so it costs nothing to include everywhere. Use the full number with a country code in the href, and display it however reads naturally to a visitor.
Where it needs to go
- The header, on every page. It should be visible without scrolling, on both desktop and phone.
- The contact page, as its own prominent element, not buried in a paragraph.
- Anywhere you mention calling, including inside blocks of body text.
A sticky button that stays visible while scrolling is worth it on phones, where the header can disappear as someone reads further down the page.
The accessibility detail almost everyone gets wrong
A tappable phone number is only as good as how easy it is to actually tap. The Web Content Accessibility Guidelines set a specific rule for this in the 2.2 update: a pointer target should be at least 24 by 24 CSS pixels, with a short list of exceptions (targets inside a line of text, or ones with enough space around them that a finger can't easily miss). A phone number rendered as small, inline text, with no padding, technically works but is genuinely harder to hit for anyone with limited dexterity, and even for someone rushing on a moving vehicle. Give a tap target real size and space, not just a working link.
Say what happens when they call
A phone link with no context still leaves a visitor guessing. Pair it with the information that removes hesitation:
- Your hours, so they know if someone will answer
- Whether you take after-hours or emergency calls, stated honestly
- What to expect, for a first-time caller who has never worked with you
Check it the same way a visitor would
The only real test is trying it yourself, on an actual phone, the way a stressed customer would. Open your site on your own mobile phone, find the number, and tap it. If it opens your dialer with the number ready to go, it works. If it does nothing, or opens the number in a new browser tab instead of the phone app, the link isn't set up correctly, and it's worth checking every page it appears on, not just the homepage.
Don't make the form compete with the call
Some sites bury the phone number to push visitors toward a contact form instead, often because the form is easier to track. That trade-off costs you the customers who'd rather talk to a person right away, which in a lot of trades is most of them. Offer both, and let the phone number win the visual hierarchy.
Questions
Should I use a tracking number instead of my real one?
Many contractors do, through a call-tracking service, so they can measure which pages or ads generate calls. It works fine with tel: links; the tracking number just replaces your normal one in the href and on the page.
Does click-to-call help SEO directly?
Not by itself, but it's part of a page that's genuinely built for how people actually use it on a phone, which supports the broader goal of a helpful, usable page. See how to write a services page that ranks.
What if I only take calls during business hours?
Say so plainly next to the number instead of leaving a caller to find out by getting no answer. It sets expectations and doesn't cost you the call from someone planning ahead.