Viewport Meta Tag
Checks for <meta name="viewport" content="width=device-width, initial-scale=1">.
What this check measures
We read the viewport meta tag. Must have content="width=device-width, initial-scale=1" for mobile rendering. Avoid `user-scalable=no` (accessibility).
Why it matters
Without viewport meta, mobile browsers render at 980px and zoom out — unreadable text, un-tappable buttons. Google flags as not mobile-friendly, demoting mobile rankings.
How our audit detects it
Parse <meta name="viewport"> tag. Validate content attribute includes width=device-width.
Typical findings
- error_outlineViewport tag missing entirely.
- error_outlinecontent="user-scalable=no" — accessibility fail.
- error_outlinecontent="width=1024" — fixed width instead of device-width.
How to fix
Add `<meta name="viewport" content="width=device-width, initial-scale=1">` to every page head. In Next.js: `metadata.viewport`.
Copy-paste fix prompt for your stack
Lovable · Cursor · Bolt · v0 · Replit · Windsurf · Claude Code · Base44
Frequently asked questions
Can I disable zoom?expand_more
Want this checked on your site?
Pantra runs the full audit (SEO, Security, GEO, Performance, Schema, Technical, Images) in 10 seconds and generates stack-specific fix prompts.
Scan my siteRelated checks
SSR / Pre-rendering
Checks if the page is server-rendered or statically pre-rendered.
TechnicalHTTP Status Codes
Checks that pages return proper status codes — 200 for live, 404 for missing, 301 for moved.
TechnicalNo Client-Side Redirects
Checks that redirects happen server-side, not via JavaScript.
TechnicalHTML lang Attribute
Checks that <html> has a lang attribute matching the page language.