A click-to-call link uses the tel: scheme, defined in RFC 3966. The safest format is the full international number with no spaces in the link itself:

<a href="tel:+14695550100">(469) 555-0100</a>

  • The visible text can be formatted for humans; the href should be the full international number.
  • Avoid letters (1-800-FLOWERS style) in the href.
  • Don't put the number only in an image — it can't be tapped or read by screen readers.

MDN's anchor element reference covers tel: links.

Put it where people look

  • Header — a call button or visible tappable number, especially on mobile.
  • Every service page, near the top and after the main content.
  • Contact page with hours.
  • Footer on every page.

On small screens, a call button that stays in reach as people scroll helps — as long as it doesn't cover content or other buttons.

Be honest about who answers

A tappable number that rings out after hours is a frustrating experience. Say when the phone is answered, and what happens outside those hours:

  • "Calls answered 8am–6pm Mon–Fri. After hours, leave details and we'll call back next business day."
  • If you forward after-hours calls to an answering service or AI receptionist, say so honestly. See call forwarding for after-hours calls.
  • If you offer emergency service, say exactly what counts and the number to use; if you don't, say that too.

Keep the number consistent

The number on your site should match your Google Business Profile and other listings, which supports consistent business information — see Google's guidelines for representing your business. If you include structured data, the phone there should match too; see structured data for local businesses.

Tracking calls without breaking things

Many businesses want to know how many calls come from the website. Options:

  • Analytics events on tap of the tel: link. This counts taps, not completed calls.
  • Call tracking numbers shown on the website. These can measure calls but add complexity; keep your main number on listings and be careful not to create conflicting numbers across the web.

Mention any call tracking or recording in your privacy notice where required.

Test it

  • Tap every phone link on an iPhone and an Android phone. Does the dialler open with the right number?
  • Check on desktop: does the number display clearly for people who'll dial manually?
  • Read the page with a screen reader: is the link announced sensibly?
  • Check hours text matches reality, including holidays.

On MendRev sites

Every MendRev website is mobile-first with click-to-call and a call button kept within reach. We use only the phone numbers and hours you confirm.

Questions

Should the phone number be in the header?

On a service-business site where calls matter, yes — a tappable number or call button in the header or a sticky bar on mobile, plus in the footer and contact page.

Can I use a tracking number?

You can, but keep the number consistent with your Google Business Profile and other listings where possible, or use tracking only in a way that doesn't confuse customers or listings.

Sources and further reading

Official documentation changes. Check the current version before you rely on a rule, limit or setting.

Next step

See a site built around your real details.

Look at sample layouts (fictional previews, not client work), read published website pricing, or ask for a free concept preview.

Get a website demoSee website pricing

Already happy with your site? Website Maintenance covers monitoring, a monthly form test, backups and edits.