Meta Viewport Test
What is it?
This will check if the webpage is using a viewport meta tag, which is necessary for responsive web design. Without a viewport meta tag, mobile devices render pages at typical desktop screen widths and then scale the pages down, making them difficult to read. Setting the viewport meta tag lets you control the width and scaling of the viewport so that it's sized correctly on all devices.
Pass rate:
-
Top 100 websites: 92%This value indicates the percent of top 100 most visited websites in the US that pass this test (in the past 12 months).
-
All websites: 97%This value indicates the percent of all websites analyzed in SEO Site Checkup (500,000+) in the past 12 months.
| 2021 | 94% |
|---|---|
| 2022 | 90% |
| 2023 | 88% |
| 2024 | 92% |
100
75
50
25
0
How do I fix it?
In order to pass this test, you have to add a viewport meta tag with the appropriate width and initial-scale values like below:
<meta name="viewport" content="width=device-width, initial-scale=1.0">width=device-widthsets the width of the viewport to the width of the device.initial-scale=1sets the initial zoom level when the user visits the page.
