Craftora
Critical issueMeta Tags

Missing Mobile Viewport Tag: How to Fix It

The viewport meta tag tells phones to render the page at the device width instead of a zoomed-out desktop layout.

Quick fix: Add <meta name="viewport" content="width=device-width, initial-scale=1"> so the page displays correctly on phones. Google indexes the mobile version first.

Why it matters for SEO

Google indexes the mobile version of your site first. Without a viewport tag, the page is not mobile-friendly, which hurts rankings and makes text tiny on phones.

How to fix it

  1. 1Add the viewport tag inside <head>.
  2. 2Use width=device-width and initial-scale=1.
  3. 3Do not disable zooming with user-scalable=no, as it hurts accessibility.
  4. 4Test the page on a real phone after the change.

Example

<meta name="viewport" content="width=device-width, initial-scale=1">

Free tools to fix it

Frequently asked questions

Does every page need the viewport tag?

Yes, every page that should work on mobile.

Is a viewport tag enough to be mobile-friendly?

It is required, but your CSS must also be responsive.

Does your website have this issue?

Run a free SEO audit to check this and 40+ other issues in seconds.