Mobile Friendly Test
Check if your website is optimized for mobile devices. Test viewport, responsive design, and PWA features.
Mobile Optimization Check
With over 60% of web traffic coming from mobile devices, mobile-friendliness is a critical ranking factor and user experience requirement.
The Viewport Meta Tag
The viewport tag controls how a page is displayed on mobile devices. Without it, mobile browsers render the page at desktop width and scale it down, making it unreadable.
PWA & User Experience
Modern mobile sites should act like apps. Features like Web App Manifests and Touch Icons improve the 'Add to Home Screen' experience, engaging users more effectively.
Mobile Checklist
Viewport Tag
Essential for responsive scaling. Must usually be 'width=device-width'.
Response Width
Use CSS media queries to adapt layout to small screens.
Touch Icons
Apple Touch Icons ensure your site looks good on iOS home screens.
Scalability
Avoid 'user-scalable=no'. Users should be able to zoom in.
Manifest
JSON file that tells the browser about your Progressive Web App.
Theme Color
Sets the color of the browser's address bar to match your brand.