Meta Viewport

Ensures a viewport meta tag is present to control layout on mobile browsers.

What is this check?

The viewport meta tag gives the browser instructions on how to control the page's dimensions and scaling to fit on different device screens.

Why is it important?

It is the single most important element for creating a responsive, mobile-friendly website. Without it, mobile browsers will try to render the page at a desktop screen width, forcing the user to pinch and zoom.

What is the impact?

A missing viewport tag will result in a terrible mobile user experience and will cause your site to fail Google's mobile-friendly test, severely harming your mobile rankings.

Example Implementation

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