No mobile viewport tag

Audit check viewport · worth 10 of 100 points · all checks

What the audit saw

The page has no <meta name="viewport">, so phones render it at desktop width and zoom out.

Why it costs you

Without the tag, a phone lays the page out at roughly 980px wide and shrinks it to fit, so every visitor has to pinch and zoom. Google indexes the mobile rendering first, so this is also what its crawler sees.

How to find it on your site

  1. Add it once, in the head 
    <meta name="viewport" content="width=device-width, initial-scale=1">
  2. Next.js: export the metadata 
    export const viewport = { width: "device-width", initialScale: 1 };
  3. Then fix the widths that break once it is honest 
    img, video, table { max-width: 100%; height: auto; }
body { overflow-x: hidden; }  /* only until the real overflow is found */

How to know it is fixed

curl -s https://your-site.com/ | grep -i 'name="viewport"'

The part people get wrong

Adding the tag often reveals horizontal overflow that was hidden by the zoom-out. Fix the element, not the body: a fixed-width container is the usual culprit.

Check it against your own site

Open an issue with your URL and a bot runs this check plus 14 others, posts the failures with the measured values, and publishes a report page: free audit. If you want the fixes applied and re-verified instead: fixed-price tiers.

Other checks

The site does not answer on the URL you gave · The page is served over plain HTTP · The TLS certificate is expired or about to exp · The page title is missing or the wrong length · The meta description is missing or the wrong l · The page has no H1, or more than one · Images have no alt text · Responses are not compressed

All published audits · Check reference