Not just websites. Experiences.

A phone number you can't tap is just decoration. Here's how a click to call button works, where to put it, and how to test it on a real phone.
I see this all the time: a phone number sitting at the top of a website, big and bold, and completely unclickable. You tap it on your phone and nothing happens. So now you’re trying to hold ten digits in your head while switching apps, like it’s 1994 and you’re reading a billboard off the highway.
A phone number on a website is supposed to be a button. When it isn’t, it’s decoration. Expensive decoration, because the person squinting at it was about to give you money.
The short version
A click to call button is a phone number coded as a link, so tapping it on a phone opens the dialer with your number already typed in. That’s it. No app, no plugin, no monthly fee.
Under the hood it’s one tiny piece of HTML: a link that starts with tel: instead of https:. Mozilla’s developer docs cover the whole thing in a few lines under linking to telephone numbers. It’s been around forever. Which is what makes it so damn funny when a site still doesn’t have one.
(Some phones will guess and make a number tappable on their own. Some won’t. “Some” is a terrible strategy for the thing that brings in your customers.)
Usually it’s something boring. The number was typed as plain text and never linked, or it’s part of an image, or somebody linked it once and the link got lost in a redesign.
The image one is my favorite. Somebody paid a designer to put the phone number in a gorgeous custom font inside the header graphic. It looks great. It also can’t be tapped, can’t be copied, can’t be read by Google, and can’t be read by a screen reader. That’s a lot of can’ts for one pretty rectangle.
That last part matters more than people think. Text inside an image is invisible to assistive tech unless someone writes it into the alt text, which is one of the small things I check on every ADA compliance review. A blind customer with a credit card is still a customer.
The redesign one is sneaky. The old site had a working link, the new theme has a shiny header block, and somewhere in the move the number became plain text again. Nobody tests it because nobody thinks to. It just quietly stops ringing a little less than it used to, and everybody blames the economy.
Anywhere someone is likely to think “I should just call these people.” On a phone, that means the header, the contact page, the bottom of each service page, and right next to anything that says “free estimate.”
The header is the big one. If a visitor has to scroll, hunt, open a hamburger menu and then dig through a footer to find your number, you didn’t build a website. You built an escape room.
A few rules I stick to:
And please, skip the giant floating phone bubble that bounces in the corner and covers half your menu. A clean link in the right spot beats a needy cartoon icon every time.
Yes, especially local service businesses. Somebody with a leaking water heater isn’t filling out a form and waiting until Tuesday for a callback. They want a human, right now, and they’re already holding a phone.
Forms are great for quotes, project details and people who hate talking on the phone (I get it, I’m one of them most days). But for “I need this fixed today,” the call is the lead. Make it the easiest thing on the page.
And if you lean on forms too, make sure they actually land somewhere. A contact form that quietly fails is its own special kind of hell, and it pairs beautifully with a phone number nobody can tap.
Grab your phone, go to your own website, and tap the number. If the dialer pops up with the right number in it, you’re good. If nothing happens, or it opens something weird, it’s broken.
Do it on every page that shows the number, not just the homepage. Try an iPhone and an Android if you can borrow one. Then do it again after any redesign, theme update or new plugin, because this is exactly the kind of tiny detail that gets half-assed in a launch and nobody notices for two years.
Bonus check: if you use a call tracking number, make sure the link and the visible text match. I’ve run into sites that display one number and dial a completely different one. That’s not marketing. That’s a magic trick.
One more thing worth doing: most analytics setups can count taps on a phone link as an event if someone sets it up. Then you’re not guessing whether the website brings in calls. You know.
Not directly as a ranking factor. But a real text phone number helps search engines connect your site to your business listing, and more calls is the whole point of ranking anyway. Rankings are the means. The phone ringing is the end.
No. It’s one line of HTML, and most site builders let you turn a phone number into a link right in the editor. If your setup makes that hard, that’s a sign your setup is the problem.
Sort of. On a computer, a tel: link may offer to open a calling app, or it may just do nothing useful. Keep the number visible as readable text so desktop folks can dial it the old fashioned way.
Look, a click to call button won’t save a bad business. But a good business losing calls over one missing link is a dumb way to lose money, and it’s about a five minute fix. If you want a second set of eyes on how your site works on a phone, take a look at my services or just start a project and I’ll tell you what’s working and what’s just decoration.