Mobile-Friendly Test
Test if a page is mobile-friendly — viewport, sizing and usability checks.
How to use Mobile-Friendly Test
- Enter the page URL and click “Test Mobile”.
- Read the checks: viewport tag, text size, content width, tap targets.
- Apply the matching fix — viewport meta tag, responsive widths, 16 px+ text, spaced buttons.
- Re-test each template type on your site — failures usually cluster in one layout, not everywhere.
What is Mobile-Friendly Test?
A mobile-friendly test checks whether a page works properly on phones: a viewport meta tag configured for device width, text large enough to read without zooming, content that fits the screen without horizontal scrolling, and tap targets spaced for fingers rather than mouse pointers.
The stakes are structural: Google uses mobile-first indexing — your rankings everywhere, including desktop, are computed from the mobile version of your pages — and most web traffic is mobile. A page that fails on phones isn't just annoying a majority of visitors; it's showing Google its worst side.
About the Mobile-Friendly Test
Enter a URL, click Test Mobile, and get the usability verdict: viewport configuration, text sizing, content width and the checks that decide whether phone visitors can actually use the page.
The failures and their one-line fixes: missing viewport tag (add <meta name="viewport" content="width=device-width, initial-scale=1"> — without it phones render the desktop layout shrunken to unreadable); fixed-width elements forcing sideways scrolling (use max-width: 100% and responsive units); microscopic text (16 px is the floor for body copy on mobile); and tap targets crammed together (44 × 44 px minimum touch areas, with spacing).
Test beyond the homepage — templates differ, and it's usually one template (a table-heavy page, an old landing page) that fails while the rest pass. Since Google dropped its own public mobile-friendly tester in 2023, independent checks plus Chrome DevTools' device mode are the practical toolkit.