Viewport meta tag exists

mobile_viewport

Checks if the viewport meta tag exists.

What does this rule check?

The viewport meta tag is essential for mobile rendering. Without it, mobile browsers default to a desktop-width viewport and scale down the page, making it unusable on small screens.

Why is this important?

No viewport tag means the page is not mobile-friendly. Google uses mobile-first indexing, so non-mobile-friendly pages rank significantly lower.

How to fix

Add the viewport meta tag to every page's <head> section.

Examples

<head>
  <!-- No viewport tag - page renders at desktop width on mobile -->
</head>

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

Agent fix snippet

Copy this snippet and paste it into your AI coding agent to fix this issue automatically.

Add viewport meta tag:

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

Do NOT set maximum-scale=1 or user-scalable=no (accessibility issue).