Skip to content

How to add the viewport meta tag

SEO1 min readFixes check viewport-meta

Without a viewport tag, phones render the page at desktop width and shrink it. Google indexes that shrunken desktop layout as your mobile page.

Step by step, with screenshots: HTML validation errors: which ones matter and which are noise →

Check your own site

Runs this check and the other 186, free, in about 45 seconds.

What a passing site looks like

  • Viewport meta tag is presentfail · −6 ptseffort S

Viewport meta tag is missing

Why it matters. Without a viewport tag, phones render the page at desktop width and shrink it. Google indexes the mobile version first, so this hurts rankings directly.

How to fix it.
  1. Add <meta name="viewport" content="width=device-width, initial-scale=1"> in <head>.

In a report the technical detail reads: Detected 0 <meta name="viewport"> elements.

Filed under Technical SEO. Copy is generated from the same catalogue that scores every report, so what you read here is what the report says.