What Does Mobile-Friendly Mean and How Do You Test It?

When people hear 'mobile-friendly', most picture a site that fits on a phone screen. That's necessary but not enough. A site that fits the screen but whose text can't be read, whose buttons can't be tapped and whose form is a fight with the keyboard is technically mobile-friendly. In practice, it isn't.

What is mobile-first indexing?

Google now evaluates a site based on its mobile version. This is called mobile-first indexing. The practical consequence: content that appears on desktop but is hidden or shortened on mobile may count as missing in Google's eyes.

One note: Google's old 'Mobile-Friendly Test' tool has been retired. Today mobile performance is measured with PageSpeed Insights and Lighthouse. But no tool replaces using your site on your own phone the way a real customer would.

What does responsive design mean?

Responsive design means a single site changes its layout depending on screen width. Separate 'm.' mobile sites used to be built; today this is the standard approach.

But being responsive doesn't guarantee a good mobile experience. Stacking the desktop layout, hiding the menu behind an icon and shrinking images makes a site fit the screen. Accounting for mobile users who browse with a thumb, often on the move and on mobile data, is a separate design task.

A 5-minute phone test

Turn off Wi-Fi, open your site on mobile data and check the following in order:

1. Does the first screen open within a few seconds, and is it clear what you do without scrolling?

2. Can you read the text comfortably without zooming? Body text of around 16 pixels or more is a good benchmark.

3. Can you open and close the menu with one hand, using your thumb?

4. When tapping buttons and links, do you accidentally hit the one next to it? Tap targets of around 48 pixels are recommended.

5. When you tap the phone number, does the call screen open? Does the WhatsApp button work with the right number?

6. Fill in the form. Does the email field bring up a keyboard with the @ sign, and the phone field a numeric keypad? When there's an error, does the message appear next to the field?

7. Does the page scroll sideways? Does the layout break when you turn the phone horizontally?

8. Do pop-ups cover the content, and is the close button easy to reach?

Each of these eight checks takes a few seconds. Every point where you get stuck is a point where your customers get stuck too.

Common mobile problems

A picture we often see on small business sites is the bottom half of the screen covered by overlapping elements: a cookie banner, a WhatsApp button and a chat bubble all at once. The content disappears.

Others:

• An oversized sticky header. A top menu taking up a third of the screen squeezes the reading area.
• Large image files. A 3 MB photo prepared for desktop can cost seconds on mobile data.
• Tables and price lists that overflow sideways.
• PDF menus or catalogues. They're read by zooming and scrolling on a phone, and often not read at all.
• Content shifting while the page loads. The user is about to tap a button when an image loads above it and their finger hits something else. This is measured as CLS; we covered it in detail in our Core Web Vitals article.
• Small, light grey text. It looks elegant on desktop and can't be read on a phone in sunlight.

Improving mobile conversions

Mobile users' intent is often more urgent: directions, a phone number, a quick price. Think of a veterinary clinic; someone searching at night with a sick animal doesn't want to fill in a form. They want to call with one tap and get directions. We touched on this separately in our article on veterinary clinic websites.

A few practical adjustments for mobile conversions:

• Keep tap-to-call and WhatsApp buttons always visible, but never covering the content.
• Place the main action button in the bottom half of the screen, where the thumb reaches easily.
• Shorten forms; on mobile, every extra field can be a reason to leave. We covered form design in a separate article.
• Make sure browser autofill works.

If you ran your site through this test and got stuck halfway down the list, we at Kodyva can take a look at your current site with you. But do the test yourself first; it takes five minutes, and your own phone shows most clearly what needs fixing.