Google Webmasters for mobile pages

[Bindi]

I was just viewing google webmasters account and it notes
1- Viewport not set to device width
2- Clickable elements too close
3 - Text to small

Is there a recommended font size for mobile pages ? Any idea on how to go about correcting the first two listed - can anyone advise on how to fix this ? Thanks

[Egg Bramhill]

Hi Bindi,

1: I dont think there's anything you can do about this. Xara variants create a fixed sized mobile site (i.e. 480 px) and are not responsive site.

Configure the viewport
Your page specifies a fixed-width mobile viewport. Consider using a responsive viewport to allow your page to render properly on all devices.

Configuring a viewport specifying width=device-width instead of width=480 will allow your page to adapt for devices of various widths. This may require additional work if the styling on your page relies on a fixed-width layout.

2: Enlarge your buttons & give them wider spaces between them

Configure the viewport
Size tap targets appropriately
Some of the links/buttons on your webpage may be too small for a user to easily tap on a touchscreen. Consider making these tap targets larger to provide a better user experience.

3: I tend to use a minimum of 20 px for a mobile

EDITED: Pasted Google Web Master comments on these points.

[Bindi]

Thanks Egg Bramhill , this answers my questions