Free Mobile-Friendly Test

Google uses mobile-first indexing, which means it primarily uses the mobile version of your site for ranking and indexing. Sites that are not mobile-friendly rank lower in mobile search results. With more than 60% of web traffic coming from mobile devices, a mobile-friendly site is essential for both SEO and user experience.

Google recommends a minimum font size of 12px on mobile devices, although 16px remains ideal for body text. Below 12px, users have to zoom in to read, which hurts the experience. Using relative units (em, rem) rather than pixels ensures text adapts properly to different devices and to each user's preferences.

Google recommends a minimum font size of 12px on mobile, but 16px is ideal for body text. Below 12px, users have to zoom in to read, which hurts the experience. Using relative units (em, rem) rather than pixels lets text adapt properly to different devices and user preferences.

Tap targets are the interactive elements, such as buttons, links and form fields, that users tap on mobile. Accessibility guidelines and Google recommend a minimum size of about 48 x 48 CSS pixels, with enough spacing between them. Targets that are too small or too close together cause accidental taps, frustrate users and increase bounce rate.

Horizontal scrolling appears when content is wider than the display area (viewport). To avoid it: 1) use the viewport meta tag, 2) apply max-width: 100% to images and media, 3) prefer responsive units (%, vw, rem) over fixed pixels, 4) test your CSS media queries, and 5) avoid fixed-width containers wider than the screen. Modern CSS frameworks usually handle these points automatically.

Media queries are CSS rules that apply different styles based on device characteristics such as screen width. They are essential to responsive design: they let your layout adapt from desktop to tablet to mobile. A modern site should have breakpoints for mobile (320-768px), tablet (768-1024px) and desktop (1024px and up). Most CSS frameworks like Tailwind and Bootstrap include them by default.

Test mobile-friendliness after every major design change, new feature or content update, and run a monthly check to catch issues caused by third-party scripts or plugins. Complement this tool with tests on real devices (iPhone, Android), Chrome DevTools mobile emulation and a Lighthouse audit (Google retired its old Mobile-Friendly Test in late 2023). Mobile issues can appear at any time: regular testing prevents ranking losses.