Ensures a viewport meta tag is present to control layout on mobile browsers.
The viewport meta tag gives the browser instructions on how to control the page's dimensions and scaling to fit on different device screens.
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.
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.
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>Run a free audit to see how your site performs on Meta Viewport and 159 other checks.
Start Free AuditChecks for the use of CSS media queries for responsive design.
Provides a visual snapshot of the page on a mobile device.
Compares rendered mobile and desktop versions for differences in content, links, and headings.
Identifies interactive elements that are too small or too close together for reliable mobile tapping.