This mobile-friendly test reads a page's HTML and runs seven checks for what a phone needs: a viewport tag set to the device width, pinch-zoom left on, no fixed-width layout, responsive images, CSS media queries and no tiny fonts. You get a verdict and a pass or fail on each check. It reads the code rather than loading the page on a phone, and it is free with no signup.
How to use the mobile-friendly test
- 1Type the page address into URL to check. Test the page your phone visitors land on most, not only the homepage.
- 2Press Check, or hit Enter.
- 3Read the Verdict: Mobile-friendly, Likely mobile-friendly or Not mobile-friendly, with the number of checks passed out of 7.
- 4Go down the seven checks. A cross marks each one that failed.
- 5Then open the page on your own phone. This test reads code, so it can't see a menu that overlaps the text or a button too small to tap.
When to use it
- Most of your customers find you on their phones and you want to rule out the obvious problems.
- You used Google's Mobile-Friendly Test before it was retired and need something in its place.
- A new theme or page builder went live and you want to check it set the viewport properly.
- A customer says your site is hard to use on a phone and you want a first look at the code.
Worked example
A homepage with one small-print problem
We tested our own homepage.
- URL to check
- https://searchblueprint.io
- Verdict
- Mobile-friendly (6/7)
- Viewport uses width=device-width
- Passed
- Pinch-zoom not disabled
- Passed
- Has responsive CSS media queries
- Passed
- No tiny inline font sizes (<12px)
- Failed
- Viewport
- width=device-width, initial-scale=1
Six of seven is enough for the top verdict, because the three checks that decide it passed: a viewport tag, device width and no fixed-width layout. The one fail means a style somewhere in the HTML sets a font size below 12 pixels. To find it, search the page source for font-size and look for 11px or less. Text that small is hard to read on a phone.
The seven checks
| Check | Fails when |
|---|---|
| Has a viewport meta tag | The page head has no viewport meta tag |
| Viewport uses width=device-width | The viewport tag doesn't set width=device-width |
| Pinch-zoom not disabled | The viewport sets maximum-scale=1 or user-scalable=no |
| No oversized fixed-width layout | The page fixes its width in pixels, such as width=1024 |
| Uses responsive images (srcset/sizes) | No image on the page uses srcset or sizes |
| Has responsive CSS media queries | No width media query in the page or its first 3 stylesheets |
| No tiny inline font sizes (<12px) | The HTML sets a font size of 11px or less |
The first three decide the verdict. If any of them fails, the page is Not mobile-friendly, whatever the rest say.
Made by SearchBlueprint
This test is free with no signup. SearchBlueprint, who make it, sell SEO planning: a plan that shows the searches your customers type and the page on your site that should answer each one.
Get your free plan