Blogger Ever

Is your site Mobile-Friendly, the eye of Google bots?

Google recently start showing mobile-friendly tag on mobile Google search results. It is convincing to have a label on your site too, it have a power to change readers mind.
Is your site Mobile-Friendly, the eye of Google bots?

I mentioned on Twitter that Google is going to roll-out mobile-friendly tags in Google search in mobile site.
 Google gave a criteria, on which the bot determines the that weather a site is mobile friendly or not. I found my blog to be mobile-friendly, is your site showing that?

The above image shows the mobile friendly tag. Test your site using Google Web Masters Mobile-Friendly Test tool.

So what's really Google demands? In fact, this is something a mobile user wants while browsing a site. A site that is recommend by Google have no software that is not common in mobile devices,like flash. Beside mobile Flash is an out dated solution to for many problems.

Next, Google wants site have font size enough to be readable without zooming, actually zooming creates horizontal overflow which makes the content scrollable, which counts in don'ts of responsive design. In a nutshell, making the site responsive is to make the layout flexible according to width of device.
Screenshot for visible font-size without zoom
Screenshot for visible font-size without zoom

Further Google bots looks at links on site, are they far enough to be clicked without zooming. Few links are present is a manner that could create problems. First includes the navigation bar links, if they are not far enough, the best option is to change it into drop-down. Next, footer have a bunch of links one by one, make the line height, padding or margin enough that your client won't get angry.

To get more feedback about Google mobile usability, Google Web-masters have tool that give feed back on mobile errors. To learn more about Responsive Web you can read my posts on responsive design.

2013-2016 Copyright Blogger E\ver . Coded, managed and founded by Mohammad Hamza (@hamzadhamiya) . Hosted on Blogger and fonts used are Raleway and Open Sans.