What it checks: Whether viewport uses width=device-width and doesn't disable zoom.

Why it matters: Proper viewport settings ensure content fits mobile screens and remains accessible.

How to fix:

• Add: <meta name="viewport" content="width=device-width, initial-scale=1">
• Don't use maximum-scale=1 or user-scalable=no (disables zoom)

What it checks: Presence of responsive viewport and CSS media queries.

Why it matters: Mobile-friendliness is a ranking factor. Most web traffic is mobile.

How to fix:

• Use responsive CSS with media queries
• Test on multiple device sizes
• Use flexible grids and images

What it checks: Whether buttons and links are at least 44x44 pixels.

Why it matters: Small tap targets are hard to tap on mobile devices.

How to fix:

• Make buttons at least 44x44 pixels
• Add padding to small links
• Ensure adequate spacing between tap targets

What it checks: Whether images use srcset for responsive serving.

Why it matters: Serving appropriately sized images saves bandwidth on mobile.

How to fix:

• Use srcset attribute with multiple image sizes
• Use sizes attribute to specify display size
• Alternatively, use CSS max-width: 100%

What it checks: Whether an AMP version of the page is available.

Why it matters: AMP pages load very fast on mobile. Optional but beneficial for some sites.

How to fix:

• Create an AMP version of your page
• Link to it using: <link rel="amphtml" href="...">
• Note: AMP is optional and not suitable for all sites

What it checks: Whether Apple touch icon is configured.

Why it matters: Touch icons appear when users add your site to their home screen.

How to fix:

• Create 180x180px icon
• Add: <link rel="apple-touch-icon" href="/apple-touch-icon.png">