Add the viewport meta tag
One line of HTML that makes your site render at mobile width instead of zoomed-out desktop.
What it means
The viewport tag (<meta name="viewport" content="width=device-width, initial-scale=1">) tells phones to render the page at the device's width. Without it, phones show a zoomed-out desktop layout.
Why it matters
Missing viewport makes a site unusable on phones — visitors must pinch and zoom to read anything. Google also flags it in mobile usability reports and ranks accordingly.
How to fix it
- Add <meta name="viewport" content="width=device-width, initial-scale=1"> inside the <head> of every page.
- In most templates and page builders this is already present — if it's missing, your theme is very old; update it.
- Then test on a real phone: text should be readable without zooming and no horizontal scrolling should occur.
Helpful tools
- Chrome DevTools device toolbar
Not sure if this affects your site? Analyze your website for free or compare it with a competitor.
Related guides
- Add a clear call-to-action: One obvious button that tells visitors exactly what to do next.
- Add trust signals: Reviews, guarantees, and credentials that make strangers comfortable buying.
- Show social proof: Numbers and voices of other customers — 'Join 4,000 teams' beats any slogan.
- Make the site work on mobile: Readable text, tap-sized buttons, and no horizontal scrolling on phones.