Skip to main content

Free Mobile Friendly Test

Check if your website works properly on phones and tablets.

Mobile tools

How does your site compare?

61% of users are unlikely to return to a mobile site they had trouble accessing, and 40% visit a competitor's site instead.

Based on mobile usability best practices from Google's mobile-friendly guidelines and Core Web Vitals thresholds.
Your site has a viewport meta tag, reasonable page weight, optimized images, and good touch-target spacing.

How to fix this

Ensure your site has a viewport meta tag, responsive layout, readable text, and properly-sized touch targets.

  1. 1Add <meta name="viewport" content="width=device-width, initial-scale=1"> to your <head> section.
  2. 2Use responsive CSS: set max-width: 100% on images and use media queries for layout changes.
  3. 3Ensure body font-size is at least 16px. Smaller text forces users to pinch-zoom.
  4. 4Make all buttons and links at least 44×44px with adequate spacing between tap targets.
  5. 5Optimize images: use WebP/AVIF formats, add loading="lazy" to below-fold images.
  6. 6Minimize JavaScript: defer non-critical scripts and remove unused third-party code.

Quick tips by platform

WordPress: Use a responsive theme (most modern themes are). Test with Google's Mobile-Friendly Test tool.
Wix: Wix sites are responsive by default. Use the Mobile Editor to fine-tune mobile layout.
Squarespace: All Squarespace templates are mobile-responsive. Check mobile preview in the editor.
Shopify: Use a responsive theme from the Shopify Theme Store. Test checkout flow on mobile.

Frequently Asked Questions

What makes a website mobile-friendly?
A mobile-friendly website uses a responsive layout that adapts to screen size, has a viewport meta tag, uses readable font sizes (16px+), has tap targets at least 44×44px, and loads quickly on mobile connections.
Does Google penalize non-mobile-friendly sites?
Yes. Google uses mobile-first indexing, meaning it primarily uses the mobile version of your site for ranking. Non-mobile-friendly sites rank significantly lower in mobile search results.
How do I make my site mobile-friendly?
Start with a viewport meta tag, use responsive CSS (media queries or flexible layouts), ensure text is readable without zooming, size buttons for touch, and optimize images for mobile bandwidth.
What is the viewport meta tag?
The viewport meta tag (<meta name="viewport" content="width=device-width, initial-scale=1">) tells mobile browsers to render the page at the device's actual width instead of a desktop-width viewport.

Want the full picture?

This tool checks one thing. Our full audit runs all checks across SEO, speed, security, and more, free.

Run Full Audit - Free