Roofing website design: what homeowners check before they call.

Pricing and financing

In the 2025 homeowner survey, 65% said they’re more likely to call a roofer that posts pricing, down from 78% the year before [1] [5]. It’s still a clear majority. You don’t need exact quotes online. Show honest ranges and explain what moves the price:

• Roof size and pitch, and how many layers come off.
• Material, from standard asphalt shingles to metal.
• Repairs to decking and flashing found during the job.
• Permits, disposal and access.

Use your own recent jobs to set the ranges, and say that an inspection sets the final price. If you offer financing, the wording is regulated: stating a payment amount or the number of payments triggers disclosures, including the APR [9], and “no interest” offers on revolving credit must also say “if paid in full” [10]. Use the wording your lender approves.

Storm and insurance pages

Storm damage pages can bring in a lot of calls after hail or high winds, and they need the most care. Explain how your inspection works, what you document, and what homeowners should ask their insurer. Don’t promise coverage, claim approvals or deductible help. Several states have specific rules:

Build these pages before storm season, so they’re ready to publish and promote when weather hits. Our roofing leads guide covers storm leads, canvassing rules and where hail is most common.

Certifications and warranties

In the 2025 survey, 46% of homeowners said proven experience and roofing certifications were the top tie-breaker [1]. If you hold a manufacturer designation, explain what it lets you offer:

Two cautions. Manufacturer percentages are their own claims, so attribute them. And enhanced warranties come with conditions; GAF, for example, notes that its enhanced warranties require using a minimum amount of GAF products [18]. Describe warranties accurately and link to the manufacturer’s terms.

Project photos

Photos are proof. In BrightLocal’s 2019 study of local business websites, 29% of consumers said a site with no images would put them off [19]. That’s older data, and it wasn’t specific to roofing, but photos of your own work are still the easiest proof you can show.

1. Use your own jobs, not stock photos.
2. Label each project with the town, the problem, the material and the timeline.
3. Show before and after when you have both.
4. Get the homeowner’s permission, and leave out house numbers.
5. Add new projects regularly, so the gallery looks current.

License numbers

Some states require your license number in advertising, and websites can count. Arizona’s rule is especially specific about design:

Even where it isn’t required, showing your license number makes it easy for homeowners to do the check the FTC tells them to do.

Mobile, speed and structured data

Google uses the mobile version of a site for indexing and ranking [23]. Its “good” thresholds are a loading time (LCP) of 2.5 seconds or less, a response to taps (INP) of 200 milliseconds or less, and a layout shift (CLS) of 0.1 or less [24]. In 2025, only 48% of mobile websites met all three [25]. Large gallery images can slow a roofing site down, so compress them and load them as visitors scroll.

Keep the inspection form short. Nielsen Norman Group notes that “every time you cut a field or question from a form, you increase its conversion rate” [26]. Name, phone, address or ZIP, and the job type are usually enough to start.

For structured data, schema.org has a specific type, RoofingContractor [3]. Google tells sites to use the most specific LocalBusiness type possible and requires a name and address for rich results [27]. A simple starting point:

{
  "@context": "https://schema.org",
  "@type": "RoofingContractor",
  "name": "Your Roofing Company",
  "url": "https://www.yourroofingco.com/",
  "telephone": "+1-555-555-0100",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "123 Main St",
    "addressLocality": "Your City",
    "addressRegion": "ST",
    "postalCode": "00000",
    "addressCountry": "US"
  },
  "areaServed": ["Your City", "Next Town"]
}

Finally, accessibility. The Justice Department says the ADA covers what businesses open to the public offer online, with WCAG as helpful guidance [28], and 3,117 website accessibility lawsuits were filed in federal court in 2025 [29]. Readable text, big buttons, labeled form fields and alt text on project photos go a long way.

Common roofing website mistakes

• No prices at all, when 65% of homeowners say they’re more likely to call roofers who post them.
• One page for all your services instead of a page per job and material.
• Promising to cover deductibles or handle claims where state law forbids it.
• Stock photos instead of real, labeled projects.
• Badges for certifications you don’t hold, or warranties described loosely.
• A license number hidden in the footer, or missing where required.
• Huge gallery images that slow down the phone version.
• Storm pages written in a rush after the storm instead of before.
• No tracking, so you can’t tell which pages bring inspections.