Mobile-friendly pages: the viewport tag and zoom

Most visits now come from phones. Without a viewport meta tag, a phone renders your page at desktop width and shrinks it to fit, so visitors have to pinch and scroll sideways.

The one line you need

Put the viewport meta tag with width=device-width, initial-scale=1 in the head of every page. Every modern theme includes it; if yours doesn't, the theme is probably very old.

Don't block zoom

Remove user-scalable=no and maximum-scale=1. They stop people from enlarging text, which is an accessibility failure. If zooming breaks your layout, fix the layout instead.

Beyond the viewport

• Text at least 16 px, tap targets at least about 44 × 44 px.
• No content wider than the screen (tables and images should scale).
• Test on a real phone, and in your browser's device mode (F12 → device toolbar).

The SEO audit lists pages without a viewport tag and pages that block zoom. Check image sizes too: phones suffer most from heavy pages.