utils logo UTILS
Free online tools to generate, calculate,
convert, format, encode, and play.
 

Mobile-Friendly Test

Analyze HTML for mobile usability: viewport configuration, responsive elements, touch targets, font sizes, and common mobile issues.

Analyze HTML

Analysis updates as you type.

How It Works

This tool parses your HTML source code and runs a series of mobile-friendliness checks. It evaluates viewport configuration, responsive design patterns, touch target sizing, font readability, and common mobile usability issues. All analysis happens in your browser — no data is sent to any server.

What Gets Checked
  • Viewport meta tag — Presence and correct configuration of width=device-width and initial-scale
  • Responsive images — Use of max-width, srcset, or <picture> elements
  • Touch targets — Inline styles suggesting small tap targets below 48px
  • Font sizes — Detection of very small font sizes that are unreadable on mobile
  • Fixed-width elements — Hardcoded pixel widths that may overflow on small screens
  • Horizontal scrolling — Elements with overflow-x: scroll or wide fixed containers
  • Media queries — Presence of responsive breakpoints in CSS
Mobile SEO Impact
  • Mobile-first indexing — Google primarily uses the mobile version of content for indexing and ranking
  • Core Web Vitals — Mobile performance directly affects search rankings
  • Bounce rate — Non-mobile-friendly pages have significantly higher bounce rates
  • User experience — Over 60% of web traffic comes from mobile devices
Best Practices
  • Always include a proper viewport meta tag
  • Use relative units (%, em, rem, vw) instead of fixed pixels
  • Ensure touch targets are at least 48x48px
  • Keep font sizes 16px or larger for body text
  • Test on real devices, not just browser resizing
  • Use CSS media queries for responsive breakpoints

Embed This Util

You can embed this util on your own site as a widget. Adding ?embed=1 to the URL loads a compact version with just the tool itself; no header, menu, or documentation. Paste this snippet into your HTML: 


    

       Copy snippet
      Adjust the height to taste.
    

  




  

  
  

    
 Related Utils

    

      

         Meta Tag
          Extractor
        
          Page Load Time
        
          Redirect Checker
         Open Graph Tags
         Contrast
          Checker
      

    

  


            

          

          

              Feedback
          

          

            

              Help us improve this page by providing feedback,
              and include your name/email if you want us to reach back. Thank you in advance.
            

            

              
              

              
            

          

          
          
          
          

          

            Share with