The Internet Era has now given way to the Mobile Internet Era, with 15% to 35% of traffic coming from mobile devices, and this is only slated to grow. Inspite of the fact that already about 1/4th traffic is from mobile, many top Indian websites are not mobile compatible (read our article on 10 Indian websites that are not mobile responsive). If your website is not optimized for the mobile, you are definitely losing out on leads and customers and also on search engine rankings.
So how do you go about optimizing your website for the mobile? Google PageSpeed Insights is a useful tool that helps you identify issues, rectify them and make your website mobile friendly. Below is a summary of the key recommendations to make your website mobile friendly:
- Object Scaling
It can be really frustrating to click or tap on a link / button on a phone or tablet and accidently, hitting on the wrong button because your finger pad is larger than a desktop mouse cursor. The tap targets should be scaled such that they are large enough to press / click easily.
If your webpage does not have a meta-viewport tag, mobile browsers will consider you page to be not mobile friendly and hence, fall back on a desktop viewport. Moreover, it might apply font-boosting which can interfere with your intended page layout. The first step in configuration should be width = device – width. It should be kept in mind that not all mobile devices have the same width. Also, users prefer mobile sites scrolling vertically rather than horizontally.
Check the font sizes. They should be legible to mobile users across devices. Google PageSpeed Insights checks the font sizes on whether it is enough to be read comfortably by most users.
If you want to attract users who are using their mobile, avoid plugins, as most smartphones do not support flash and other plugins.
If you have a website already and are thinking of making it mobile friendly, it’s possible. But in many cases, a complete redesign, factoring in user experience and website analytics will help increase your website’s conversion rate and boost web and mobile traffic. If you are using WordPress or a CMS then there are quick fixes to make your site compatible – for example in WordPress there is a mobile solution called WP Touch.
We would love to hear your thoughts on mobile/tablet compatibility and how do you see it evolving.