Missing viewport tag: fix mobile-friendliness
A missing viewport meta tag breaks mobile-friendliness and responsive layout. Find pages without a viewport tag and learn the one line that fixes it.
What it means
The viewport meta tag tells the browser how wide the page should be and how to scale it on mobile screens. Without it, the browser defaults to a full desktop viewport and shrinks everything to fit, which makes text tiny and forces horizontal scrolling.
Why it matters
Google uses mobile-first indexing, so the viewport tag affects how the crawler renders the page and whether content is visible by default. A missing viewport can cause layout shifts and hide interactive elements, which degrades Core Web Vitals—specifically INP and CLS. It also signals to AI agents and crawlers that the page isn't properly responsive.
How to fix it
- Add <meta name="viewport" content="width=device-width, initial-scale=1"> inside the <head> of every page.
- Verify it appears in the raw HTML, not just injected by JavaScript.
- Check that the same viewport tag exists on mobile and desktop versions.
Example
<head>
<title>My Page</title>
<!-- no viewport meta -->
</head><head>
<title>My Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>Without this one tag, mobile browsers render at a desktop width and zoom out, breaking mobile-friendliness.
When it's not a problem
If your site uses a responsive CSS framework that sets width and scaling purely through stylesheets, the viewport tag may be optional—but only if the initial HTML already contains the full content without requiring JavaScript to render it. It's also fine if you're serving a native app wrapper where the viewport is controlled by the app container rather than the browser.
How Crawlinx detects it
We check the head for a viewport meta tag. If it's missing, mobile browsers assume a desktop viewport, so we flag the page.
How common is it?
759 audited sites in our corpus currently show this issue. The breakdowns below show which platforms, gatekeepers, verticals and countries are most exposed.
FAQ
- What does the viewport meta tag do?
- It tells mobile browsers to match the layout width to the device screen instead of emulating a wide desktop. It's required for responsive design and mobile-friendliness.
Related guides
Audit your own site — free
157 checks, internal PageRank, render-diff. No signup, results in ~30s.