A visitor lands on your contractor website. You have about three seconds before they decide to stay or hit the back button. In those three seconds, the only thing they can see — without scrolling — is your header. Get it wrong, and nothing else on the page matters. Get it right, and you’ve already halfway convinced them to call.
Most contractor headers are either stuffed with too much or missing the one thing that would make a visitor pick up the phone. Here’s exactly what belongs in your header and why each piece earns its place.
This is the single most important element in your header and also the most commonly buried or missing. If someone lands on your roofing or HVAC site from a Google search, there’s a good chance they want to call right now. Your phone number should be in the top-right corner, large enough to read without squinting, and on mobile it must be a tap-to-call link (tel: href). A homeowner with water dripping through their ceiling is not going to hunt for your number — they’ll just click back to the next contractor.
People need to know whose site they’re on. A clean logo on the left anchors the page and starts building trust. It doesn’t need to be elaborate — a readable wordmark with your company name is perfectly fine. What matters is that it’s recognizable and links back to your homepage. Skip the elaborate animations; they slow down your page and distract from the call to action.
Your header nav should be short — five or six links at most. For a typical contractor site that means: Services, Service Areas, About, Reviews, and Contact (or Get a Quote). Do not list every individual service in the nav. That’s what your properly structured website pages are for. The nav is a signpost, not a sitemap. If you have so many links that they wrap to a second line on a laptop, you have too many.
Every high-converting contractor header has a single, obvious call-to-action button. “Get a Free Quote,” “Request Service,” or “Book Now” in a contrasting color — not the same shade as your background, not a subtle link. This button should go to a short contact form or a quote-request page, not just your homepage. Make it impossible to miss.
Visitors want to know immediately whether you serve their area. A small line of text in the header — something like “Serving Denver & Surrounding Areas” — removes that uncertainty before they even scroll. This is especially important for businesses that serve a specific county or metro. If they’re not sure you cover them, they’ll leave.
A “sticky” header stays visible as the visitor scrolls down your page. For contractor websites, this is almost always worth enabling. Why? Because someone might spend 90 seconds reading your about page or scrolling your project gallery before deciding to call. If your phone number scrolled away and they have to hunt for it, some will give up. Keeping the header in view means your phone number and quote button are always one second away.
More than half your traffic is on a phone. Your desktop header might look great, but if the mobile version collapses into a tiny hamburger menu that hides the phone number, you’ve lost those visitors. On mobile, the phone number should remain visible above the hamburger icon at all times, tappable with one thumb. This is a small detail that consistently shows up as a major revenue leak when we audit contractor sites.
We build service businesses 500+ page, fast, SEO-ready websites — for $249/month, with a live dashboard so you can watch it climb.
See How It Works →