Performance · Check mobile-viewport
Mobile viewport meta
A single meta tag in your <head> that tells mobile browsers how to scale your page to the device's screen width. Without it, the browser tries to fit a desktop-width layout onto the mobile screen and your site looks zoomed-out and tiny.
Why it matters
The case for mobile viewport
Google's been using mobile-friendliness as a ranking factor since 2015. Sites without the viewport meta are explicitly de-prioritized in mobile search results. Since 60-70%+ of contractor-search traffic is mobile, missing this single tag can mean missing a meaningful share of leads.
How this audit checks it
What we actually look at
We parse the homepage HTML <head> for `<meta name="viewport">` with `width=device-width`. PASS if present; FAIL if missing.
Copy-pasteable fix
Snippet to drop in
<meta name="viewport" content="width=device-width, initial-scale=1">Steps
How to apply it
- Add to your homepage HTML <head>
- Should be present on every page, not just the homepage
- Test at https://search.google.com/test/mobile-friendly
Common mistakes
What goes wrong
- Setting initial-scale to anything other than 1 (zoomed-out defaults break accessibility)
- Disabling user-scalable (`user-scalable=no` is a WCAG violation — let users zoom)
- Hard-coding device-width to a fixed pixel value (defeats the purpose)
Other checks in the baseline
Continue your audit walk-through.
Next step
See how your site scores.
Run the free 13-point audit on your URL — takes ~10 seconds, shows exactly which checks pass and fail with copy-pasteable fixes.