Here’s the situation your website walks into: a homeowner just noticed shingles in the yard, or got a door-knock quote that smelled off, or watched water spread across the ceiling. They’re stressed, suspicious, and holding a phone. They found three roofers on Google, and they’re giving each website about eight seconds before deciding who feels safe to call.
Your site’s job isn’t to look pretty. It’s to pass that eight-second trust test — and then to catch the search traffic that local SEO sends it. This is the page-by-page anatomy of a roofing site that does both.
The eight-second test: what they see first
Before any scrolling, the top of your homepage (what designers call “above the fold”) has to answer four questions at a glance:
- Is this a roofer? A real photo of your crew on a roof — not a stock sunset. The words “roofing” and your metro name in the headline.
- Can I call right now? A phone number in the header, big, tappable. Half your visitors are on a phone; a number they have to zoom on is a number they won’t call.
- Do they handle my problem? “Repair · Replacement · Storm Damage” visible immediately.
- Can I trust them? Stars and review count, license number, years in business — at least two of those, right up top.
That’s it. Everything a homeowner needs to justify the call, before one flick of the thumb.
Proof: the section most roofing sites get wrong
Roofing is a trust purchase made by people who can’t inspect the work. So the winning sites are structured like evidence, not like brochures:
- Real job photos, labeled. “Full tear-off and architectural shingle replacement — Maple Grove, finished in 2 days.” Location + scope + timeline turns a picture into proof. Ten labeled jobs beat a hundred anonymous ones.
- Before/afters — the most convincing format in the trade. Same angle, same light if you can.
- Faces. The owner, the crew leads, the office. Storm-chaser fear is fear of strangers; faces make you not one.
- Reviews pulled onto every page — not hidden on a testimonials page. Two or three, with names and towns, near every call-to-action.
- The paperwork: license number, insurance, manufacturer certifications (GAF, Owens Corning badges), warranty terms. Boring to you, deeply reassuring to them.
- A short video, if you have one. Thirty seconds of the owner explaining how an inspection works — shot on a phone, no production values needed — does more trust-building than a page of text. Put it on the homepage and the storm page. If you don’t have one, don’t wait for it; the photos and reviews above carry the weight. But the first time a homeowner says “I felt like I already knew you,” you’ll know why it earns its spot.
The pages, one by one
The homepage
The eight-second test up top, then in order: your three main services (each linking to its page), a proof band (photos + reviews), how it works in three steps (inspection → quote → done), the trust facts, and a final call-to-action. One page, one story: safe to call, easy to start.
A page per service
Replacement, repair, storm damage restoration — and separate pages for metal, flat/commercial, gutters if you do them. Each page: what the service is in plain words, what it roughly costs (ranges are fine — silence is what kills), how long it takes, photos of that work, reviews mentioning it, and the call button. These pages are also the landing spots for your Google ads — an ad for “roof leak repair” that lands on a generic homepage wastes half its money.
A page per town
Your local SEO money pages: “Roof repair in [suburb]” with genuinely local jobs, photos, and reviews. They rank where your shop’s address can’t.
The storm & insurance page
The highest-value answer page in roofing: what to do after hail, how the claims process works step by step, whether insurance covers it, why not to sign the first door-knock contract. It ranks ahead of the storm and converts during it — and it positions you as the honest guide in a week full of chasers.
The financing page
“A new roof from $150/month” opens conversations that “$14,000” ends. If you offer financing, give it a page and put the monthly framing on every service page too.
About, reviews, contact
About = faces, story, license, community roots (short). Reviews = the full wall, with your Google rating linked. Contact = the phone number again, a short form (name, phone, address, what’s going on — nothing more), and what happens next (“we’ll call within the hour during business hours”). Every field you add to a form costs you leads; every promise you make about response time wins them.
The technical floor (non-negotiable)
- Speed: under ~3 seconds on a phone. Oversized photos are the usual culprit — compress them.
- Mobile-first: thumb-sized buttons, no pinching, the call button always reachable.
- Tap-to-call and click-to-text in a header that follows the scroll.
- Your name, address, phone identical to your Google Business Profile — Google checks, and mismatches cost rankings.
- Titles, headings, alt text on every page and photo — the SEO basics that cost nothing and count.
- A form that actually notifies you instantly. A lead that sits in an inbox overnight is a lead your competitor booked. Speed-to-lead is a funnel problem, and the funnel guide covers the five-minute rule.
Anatomy of the perfect service page
Since service pages do the heaviest lifting — they catch the searches and the ad clicks — here’s the section-by-section skeleton, top to bottom. Steal it:
- Headline that names the service and the place. “Roof repair in Frisco — fixed right, usually within 48 hours.” Not “Quality You Can Trust.”
- The call row. Phone button, text button, and a one-line promise (“Free inspections · Same-week scheduling”).
- Three-sentence plain answer. What this service is, when a homeowner needs it, what happens when they call. Write it like you’d say it in a driveway.
- Price honesty. A range, and what moves the number (“Most repairs run $400–1,500 depending on the damage and roof type”). This single block beats competitors who hide everything.
- Proof block. Two or three labeled job photos + one review that mentions this service by name.
- The process, in steps. Inspect → photo report → quote → schedule → done + cleanup. Numbered, scannable, calming.
- FAQ. The four questions you answer on every call about this service. (Bonus: this is exactly what feeds FAQ schema and long-tail searches.)
- The form. Short — name, phone, address, “what’s going on with the roof?”
Every service page, same skeleton, different content. A homeowner who reads one knows what things cost, what happens next, and why you’re safe — which is the whole sale, pre-made before the phone rings.
Taking job photos your website can actually use
The proof sections above die without photos, so make capture part of the job, not an afterthought:
- Three shots minimum per job: before (the damage), during (crew working — this is the trust shot), after (clean finish + cleaned yard).
- Same spot for before/after. Stand where the mailbox is, both times. The pair is the payoff.
- Phone is fine; blurry is not. Wipe the lens, shoot in daylight, hold still.
- Get the wide shot AND the close-up. Wide proves the scope; close-up proves the craft.
- Name the files or note the town when you upload — “cedar-shake-replacement-maple-grove” helps your SEO and your memory.
One foreman with this habit produces more marketing material in a season than most roofers buy in five years.
The conversion extras (worth it, in this order)
Once the anatomy above exists, three add-ons pull more jobs from the same traffic:
- Call tracking. A tracking number on the site (with your real number everywhere else) tells you which pages and which ads make the phone ring — the number that should steer every marketing dollar.
- Missed-call text-back. The after-hours visitor who hits voicemail gets an instant text: “Sorry we missed you — text us what’s going on with the roof and we’ll reply first thing.” Recovers leads you currently never know you lost.
- Online scheduling for inspections. “Pick a time” converts the 10pm researcher who won’t call. Even a simple calendar link beats “we’ll get back to you.”
Skip the chat widgets that promise AI salespeople — for a roofing site, a fast text-back beats a chatbot every time, and it never tells a customer something you didn’t say.
What to leave OUT
Almost as important. The stuff that quietly kills roofing sites:
- Stock photos of models in hard hats. Everyone can tell. They subtract trust.
- Sliders and autoplay video — they’re slow, and nobody watches slide four.
- Walls of “quality craftsmanship and customer satisfaction” copy. Say things: how fast, how insured, how cleaned-up, how guaranteed.
- Ten-field quote forms. You’re not qualifying leads; you’re losing them. Qualify on the phone.
- A blog full of fluff. Answer pages (cost, insurance, repair-vs-replace) yes; “5 Fun Facts About Shingles” no.
Your website and your Google profile: one system
A last piece owners miss: the website and the Google Business Profile aren’t two marketing assets — they’re one system, and each covers the other’s blind spot.
- The profile wins the first glance (stars, photos, distance) but it’s Google’s real estate — cramped, templated, and shared with two competitors on the same screen.
- The website wins the decision. It’s the only place you control completely: full proof, full pricing honesty, full story.
- Google reads them against each other. Name, address, phone, hours, and services must match exactly. The profile links to the site; the site’s town and service pages justify the profile’s claims. When they agree, both rank better — the local SEO guide covers the mechanics.
Practical upshot: when you update one, update the other. New service? Profile service list and a site page. New photos? Both. Changed hours? Both, same day. Drift between them costs trust twice — once with Google, once with the homeowner who notices.
The one-hour self-audit
Grab your phone (not your office computer — your phone, on cell data, like a customer) and score yourself:
- Does the site load in under 3 seconds?
- Can you tell it’s a local roofer, and call, without scrolling?
- Is there a real photo of your actual crew anywhere?
- Can you find what a roof roughly costs?
- Is there a page for your biggest suburb? Your main service?
- Are there reviews with names visible on the page you landed on?
- Does the form have five fields or fewer?
- Text the form from your phone — how long until someone would actually see it?
Six or more yeses and your site is ahead of most of the trade. Fewer, and you now know exactly what’s costing you calls — and notice that most of the fixes are copy and photos, not code. The traffic you’re already getting from every lead source you’re paying for is leaking through those gaps today, which makes this hour the highest-paying one on your marketing calendar.
For the version of this audit that checks the SEO layer too — speed scores, titles, town pages, your Google profile alongside — run the free automated audit. Sixty seconds, scored the way Google sees it, with the fixes ranked by what’s costing you the most calls.
And if the fix-list looks like a second job? That’s because it is one. We build and manage roofing sites with every part of this anatomy included — the pages, the proof structure, the speed, the updates — for a flat monthly price, so the website does its job while you do yours.