Mobile Friendly Test
Check if your website is optimized for mobile devices, responsive design, and modern SEO.
Some websites block preview embedding for security reasons. If the preview looks blank, the checks below are still accurate.
What Is a Mobile Friendly Test?
A mobile friendly test checks whether a website works well on phones and tablets, not just desktop screens. It looks at things like the viewport setup, text size, tap target spacing, and whether the layout adjusts to smaller screens. Google and other search engines use mobile usability as a ranking signal, so a site that fails these checks can lose both visitors and search visibility.
This free tool runs a set of technical checks on your page and shows you a live preview at mobile, tablet, and desktop widths, so you can see and fix problems in one place.
How to Use the WebToolar Mobile Friendly Test Tool
- Enter your website URL in the input box (with or without “https://”).
- Click Test My Site.
- Review your score and the pass/warning/fail checklist.
- Switch between Mobile, Tablet, and Desktop to preview how the page actually looks at each size.
- Copy or download the report to share with a developer or keep for your records.
No signup is required, and nothing is stored on our servers. Each test runs fresh in your browser.
What the Tool Checks
Viewport meta tag: This tag tells mobile browsers how to scale a page. Without it, phones render the page at full desktop width and shrink it down, which makes text tiny and forces users to zoom in.
Viewport configuration: Even with a viewport tag present, it needs width=device-width to actually match the visitor’s screen. A misconfigured viewport tag is one of the most common mobile usability mistakes.
Zoom restrictions: Some sites disable pinch-to-zoom on purpose. This can create accessibility problems for users who need to enlarge text, so the tool flags it as a warning rather than a hard failure.
Legacy plugin content: Flash, Java applets, and similar embeds don’t run in modern mobile browsers at all. If your page still depends on one, that content is effectively invisible to mobile visitors.
Font size: Text set below 12px in inline styles is difficult to read on small screens without zooming. The tool scans for this and flags pages where it finds several instances.
Fixed-width elements: Tables, divs, or images with a fixed pixel width over 600px can force horizontal scrolling on a phone screen. This check looks for layout elements that may not adapt properly.
Responsive CSS signals: The tool looks for @media rules in the page’s inline styles as a sign the layout is built to respond to different screen sizes. Sites that load all their CSS from external stylesheets will show this as informational rather than pass/fail, since that CSS can’t always be read directly; the live preview is the more reliable check in that case.
How the Score Works
Each check contributes points toward a 100-point score:
- 85 to 100: Good. The page passes most core mobile usability checks.
- 60 to 84: Needs Improvement. Some issues exist that are worth fixing.
- Below 60: Not Mobile-Friendly. Multiple important checks failed, and mobile visitors are likely having a poor experience.
The score is a technical estimate based on the page’s HTML, not a substitute for testing on a real device.
Why Mobile Friendliness Matters
Most web traffic today comes from phones. A page that’s hard to read, slow to load, or awkward to tap on isn’t just an inconvenience; it’s a direct reason visitors leave.
Search engines also factor mobile usability into how pages rank, since they aim to show results that work well for the device someone is searching from.
Fixing viewport and layout issues is usually a small technical change with an outsized impact on both user experience and search performance.
About the Live Preview
The live preview loads your actual site inside a scaled device frame so you can see it at mobile, tablet, and desktop widths side by side.
Some websites block this kind of embedding for security reasons (a setting called X-Frame-Options), which is common on larger or more security-conscious sites.
If your preview appears blank, it doesn’t mean the test failed, it means the site has asked browsers not to display it inside another page.
The technical checks above the preview are unaffected by this and remain accurate either way.
Frequently Asked Questions
Is this Mobile Friendly Test free to use?
Yes. It’s free, requires no account, and there’s no limit on how many pages you can test.
Does a good score guarantee good Google rankings?
No. Mobile usability is one of many ranking factors. A high score means your page passes common technical mobile checks, but rankings also depend on content quality, site speed, backlinks, and other signals.
Why does my preview show blank even though my checks passed?
This usually means the site blocks iframe embedding for security reasons. It’s unrelated to your mobile-friendliness score, try viewing the site directly on a phone to confirm the layout.
What’s the difference between this and Google’s own mobile-friendly test?
This tool runs independently in your browser and gives you a detailed, itemized checklist plus a live device preview, instead of a single pass/fail result. It’s meant to help you diagnose specific issues, not just confirm a status.
Can I test any website, or only my own?
You can test any public URL. Just keep in mind that live previews may not load for sites that restrict embedding.
How often should I run a mobile friendly test?
Anytime you make layout or template changes, add new page elements, or update your CSS. It’s also worth checking after a redesign or migration, since viewport settings are sometimes lost in the process.