How to make a website mobile friendly
Google now indexes sites based on their mobile version. Here is what a mobile friendly site needs and how to test yours, step by step.
Why it matters
Most people now reach the web through their phones. In Turkey, for example, DataReportal's Digital 2026 report counted 81.9 million active mobile connections at the end of 2025, equal to 93.3 percent of the population, and IAB Turkey's 2024 figures show 79.4 percent of digital ads were served on mobile.
Google completed its switch to mobile first indexing on July 5, 2024: sites are now crawled with the mobile Googlebot and the mobile version is what counts for ranking. Content that is missing or broken on mobile may effectively not exist for Google.
The basic rules
- Responsive design: one site that rearranges itself to fit the screen width. This is the recommended approach rather than a separate mobile site.
- Viewport tag: the page head needs the meta tag that sets width to the device; without it, phones shrink the desktop page.
- Readable text: body text should be readable without zooming. 16 pixels is a common starting point.
- Tappable targets: buttons and links should not sit too close together. Google's tools recommend around 48x48 pixels.
- No horizontal scrolling: no element should be wider than the screen.
- Avoid intrusive pop ups: overlays that cover the content drive mobile users away and are judged negatively by Google.
Speed is part of mobile friendliness
Mobile connections vary more than desktop ones. Google's Core Web Vitals define the thresholds for a good experience: the largest content element should load (LCP) within 2.5 seconds, interaction response (INP) should stay under 200 milliseconds and layout shift (CLS) under 0.1. Serving images at the right size in modern formats such as WebP or AVIF, cutting unused JavaScript and keeping fonts light bring the biggest gains.
How to test it
Google retired its old Mobile-Friendly Test tool at the end of 2023. Today PageSpeed Insights and Lighthouse in Chrome are the most practical starting points for both mobile usability and speed. The Core Web Vitals report in Search Console shows real user data.
No tool replaces browsing your site on a real phone: fill in the form, open the menu, go all the way to checkout. A site that is fast and comfortable on mobile is one of the core standards of our web design service.