The viewport meta tag
Without a viewport tag, a phone renders your page at desktop width and shrinks it to fit. Text becomes unreadable and buttons become impossible to tap accurately.
What it is
The viewport meta tag tells a mobile browser to lay the page out at the device's own width, rather than pretending to be a roughly 980 pixel wide desktop screen.
It is a single line in the head of the document, and it is the precondition for any responsive design working at all.
Why it matters
Google indexes the mobile version of a site first. A page that renders badly on a phone is being judged in that state.
For a local business the stakes are higher still, because a large share of 'near me' searches happen on a phone, often while the person is standing outside.
How to fix it
- Add the viewport tag to the head of every page.
- Confirm the layout actually responds. The tag alone does not make a fixed-width design flexible.
- Check tap targets are large enough and spaced apart, and that text is legible without zooming.
- Avoid disabling zoom. Preventing pinch-to-zoom locks out visitors who need it.
What good looks like
<meta name="viewport" content="width=device-width, initial-scale=1">Common mistakes
- Adding the tag to the home page only.
- Using user-scalable=no or maximum-scale=1, which blocks zooming and fails accessibility requirements.
- Assuming the tag makes a desktop-only layout responsive on its own.
Check your own site. ppclift checks this automatically on every page it audits. Run a free audit and see every check on one page, with no account required.