Mobile Friendly Checker
Paste your page HTML to check if it is optimized for mobile devices. Analyzes 14 mobile usability signals — viewport configuration, touch targets, responsive images, media queries, font sizes, and more — that search engines and AI use to evaluate your page.
How it works
Paste your HTML
Right-click your page, select “View Page Source”, and copy the full HTML.
Check mobile signals
We analyze 14 mobile-friendliness dimensions including viewport, touch targets, and responsiveness.
Get your score
See your mobile score, grade, and actionable fixes for every check that needs attention.
What This Tool Checks
Mobile-friendliness is measured across 14 dimensions. Each dimension contributes to how search engines and AI evaluate your page for mobile users, which now represent over 60% of all web traffic.
Viewport Meta Tag
Checks for proper viewport configuration (width=device-width, initial-scale=1). The most critical mobile signal.
Responsive Meta Tags
Checks for charset, mobile-web-app-capable, and apple-mobile-web-app-capable meta tags.
Font Size Readability
Detects font-size declarations under 16px that require zooming to read on mobile devices.
Touch Target Sizing
Identifies buttons, links, and elements with dimensions below the 44x44px touch target minimum.
Horizontal Scrolling
Finds fixed-width elements over 500px that would cause horizontal scrolling on mobile screens.
Image Responsiveness
Checks for max-width: 100%, srcset, and responsive CSS classes on images.
Media Queries
Detects @media rules and responsive breakpoints. Without these, pages cannot adapt to screen size.
Tap Delay Elimination
Checks for touch-action CSS or FastClick that eliminates the 300ms mobile tap delay.
Text Readability
Verifies line-height and letter-spacing are set for comfortable reading on small screens.
Content Width Constraints
Checks for max-width on content containers to prevent text from stretching edge-to-edge.
Mobile Navigation
Detects hamburger menus, mobile nav toggles, off-canvas drawers, and other mobile nav patterns.
AMP & Mobile Hints
Checks for AMP links, HandheldFriendly, and MobileOptimized meta tags.
Table Responsiveness
Identifies tables without overflow handling that would break mobile layouts.
Form Input Usability
Checks for semantic input types (tel, email, number) that trigger correct mobile keyboards.
Why Mobile-Friendliness Determines AI Citation
Since 2019, Google has used mobile-first indexing, meaning it primarily crawls and evaluates the mobile version of every page. When Google AI Overviews, ChatGPT, Perplexity, or other AI engines decide which pages to cite, they draw from indices built on mobile evaluations. A page that fails on mobile is a page that fails in AI search.
Mobile-friendliness is not just about aesthetics — it is a core quality signal. Pages with unreadable text, tiny touch targets, or horizontal scrolling have higher bounce rates, lower engagement, and worse user experience metrics. Search engines interpret these signals as indicators of low quality, making citation less likely.
The connection between mobile and AI is direct: AI engines learn from the web, and the web is predominantly mobile. If your content cannot be properly rendered, read, and interacted with on a phone, AI engines have less confidence in citing it. A 2025 study by Semrush found that pages cited by AI Overviews were 3.2x more likely to be mobile-friendly than non-cited pages on the same topic.
This tool helps you identify and fix the specific mobile issues that could prevent your content from being cited. Start with the failed checks, address the warnings, and aim for a score above 80 to ensure your mobile experience meets the standards AI engines expect.
Mobile Optimization Quick Checklist
The essentials every mobile-friendly page needs. These are the highest-impact items to address first.
Viewport meta tag with width=device-width, initial-scale=1
Without this, nothing else matters. Mobile browsers will render at desktop width.
All body text at 16px or larger
Google flags text under 16px as a mobile usability issue. Users must zoom to read.
Touch targets at least 44x44px
Small targets cause mis-taps. Apple and Google both enforce minimum tap areas.
Images with max-width: 100% and height: auto
Unbounded images overflow containers and cause horizontal scrolling.
At least 3 responsive media query breakpoints
Without breakpoints, layout cannot adapt to phone, tablet, and desktop.
Tables wrapped in overflow-x: auto containers
Wide tables are one of the top causes of mobile layout breakage.
Form inputs with semantic HTML5 types (email, tel, number)
Correct input types trigger the right mobile keyboard, doubling completion rates.
Line-height of 1.5+ for body text
Improves readability on small screens. Default 1.2 line-height is too tight.
Frequently Asked Questions
Related AEO Tools
Ready to Optimize for AI Search?
Mobile-friendliness is just one piece of the AI optimization puzzle. Vida AEO provides a complete suite of free tools to help your content get discovered, cited, and ranked by AI search engines.
Explore All Free AEO Tools