Mobile Friendly Test

What is Mobile Friendly Test?

Mobile Friendly Test is a free online tool that checks whether a website is optimized for mobile devices. You enter a URL, and the tool analyzes the page for viewport configuration, content width, font size, touch elements, and overall mobile optimization. Google and other search engines use mobile-friendliness as a ranking factor; sites that fail mobile tests may rank lower or display a "Not mobile-friendly" label in search results. This tool helps you identify issues and improve your site's mobile experience.

The tool displays a pass/fail result, a score, and a set of checks: Viewport Configuration, Content Width, Font Size, Touch Elements, and Mobile Optimization. Each check shows whether it passed or failed. A Tips tab provides guidance on fixing common issues, such as adding the viewport meta tag or ensuring tap targets are large enough. The interface includes a URL input, Test button, Sample button (pre-fills google.com), and Reset. No account or signup is required.

Who Benefits from This Tool

Web developers and designers benefit when building or auditing sites. Catching mobile issues before launch saves support and bounce rate problems. The tool's checks align with common mobile usability criteria: viewport, readable text, tappable links and buttons.

SEO professionals and site owners benefit because mobile-friendliness affects search rankings. Google's mobile-first indexing means the mobile version of your site is used for indexing. Failing a mobile test can hurt visibility. Regular checks help maintain compliance.

Marketing and product teams benefit when evaluating landing pages or campaigns. Mobile traffic often exceeds desktop; ensuring pages work on phones improves conversion and user satisfaction.

Key Features

Five-Point Check

Viewport Configuration verifies the viewport meta tag for responsive design. Content Width checks that content fits without horizontal scrolling. Font Size ensures text is readable without zooming. Touch Elements checks tap target size and spacing. Mobile Optimization is the overall pass/fail.

Score and Status

A numeric score and pass/fail status summarize the result. The tool may use external services (e.g., Bing) when available, or fall back to a simple HTML-based check. Results include a status message.

Tips Tab

A Tips section provides actionable advice: add viewport meta tag, use responsive CSS, ensure font sizes are at least 16px, make tap targets at least 48x48 pixels. These align with Google's mobile usability guidelines.

Sample and Reset

Sample loads google.com and runs the test so you can see the tool in action. Reset clears the form and results.

How to Use

1. Enter the page URL. Type or paste the full URL (e.g., https://example.com or https://example.com/page). The tool will add https:// if you omit it.
2. Complete the captcha if required. Some configurations require captcha verification.
3. Click Test. The tool fetches and analyzes the page.
4. Review the results. Check the pass/fail status, score, and individual checks. Address any failed checks.
5. Read the Tips tab. Use the tips to fix viewport, font size, or touch target issues.
6. Use Sample to test. Click Sample to test google.com and see a passing example.

Common Use Cases

• Auditing a site before launch for mobile usability
• Checking if a new design or template is mobile-friendly
• Diagnosing why a site might rank poorly on mobile search
• Verifying viewport and responsive meta tags are correct
• Ensuring landing pages and campaigns work on phones
• Periodic checks as part of SEO maintenance
• Client deliverables: include mobile test results in audits

Tips & Best Practices

Include the viewport meta tag: <meta name="viewport" content="width=device-width, initial-scale=1">. Use responsive CSS (media queries, flexible units) so content adapts to screen width. Ensure font sizes are at least 16px for body text to avoid zoom on iOS. Make tap targets (links, buttons) at least 48x48 pixels. Avoid horizontal scrolling; content should fit the viewport.

Test multiple pages: homepage, key landing pages, and forms. Some pages may pass while others fail. Fix systemic issues (missing viewport, global CSS) first, then page-specific problems.

Limitations & Notes

The tool may use external services (e.g., Bing Mobile Friendliness) when available. If that service is unavailable, it falls back to a simple HTML check (viewport, basic structure). The fallback cannot fully replicate a real mobile render. JavaScript-heavy sites may not be fully evaluated. Results reflect a snapshot; sites can change. The tool does not store URLs or results.

FAQs