// Technical SEO
Viewport Meta Tag: What It Does and How to Set It Correctly
The viewport meta tag controls how mobile browsers render your page. What each attribute does, the correct setup, and mistakes that break mobile display.
What the viewport meta tag does
Without a viewport tag, mobile browsers render pages at a virtual 980px width then scale down to fit the screen. The result: tiny unreadable text. The standard tag: <meta name='viewport' content='width=device-width, initial-scale=1'>.
Common mistakes
The most damaging: user-scalable=no or maximum-scale=1. These disable pinch-to-zoom, which is a WCAG 2.1 Level AA failure (SC 1.4.4). Never use these attributes.
Setting a fixed width (width=320) instead of device-width breaks the layout on any device that doesn't match that exact width.
- Do: width=device-width, initial-scale=1
- Don't: user-scalable=no (disables pinch zoom, WCAG failure)
- Don't: maximum-scale=1 (also disables zoom)
- Don't: fixed width like width=320
Checking for viewport issues
Google Search Console's Mobile Usability report flags pages with missing or misconfigured viewport tags. WebEnture's Mobile UX Agent checks all pages for correct viewport configuration and flags accessibility-blocking zoom restrictions.