Guide to Fix Google Mobile Friendly Algorithm Update Issues
An important guide for web masters or web designers :-
Now every one is calling for mobile usability audit for websites. The recent launch of Google’s Mobilegeddon, the algorithm to rank websites based on their mobile-friendliness, has made mobile usability a more crucial factor in enhancing traffic to a website. Although the new algorithm impacts only the searches in smartphones, it will be of vital importance since more than eighty percentage of global online population access internet through mobile phones.
image credit : Google
So it’s the right time to check and fix the mobile compatibility of your websites.
The common mobile usability issues found in websites
Making a mobile compatible website is not a tussle, if you can take care of some important aspects properly. As per Google Webmaster’s mobile usability help page, there are six common problems which are usually overlooked by website owners. So make a checklist by including those points before running a mobile usability audit test. Let’s just go through each issue in detail.
1) Do you use Flash in your website?
If still anyone uses Flash for creating effects in websites, he has to realize that Flash’s days of glory has gone. Now HTML5 reigns the scenario. Most mobile phone browsers do not allow Flash rendering, and therefore, visitors cannot access content made using Flash. So, it should be your high priority to convert from Flash to HTML5 to make your website usable on mobile phones.
2) Have you not configured viewport?
To resize the layout according to different screen sizes, a viewport needs to be specified in the meta viewport tag of web pages. Otherwise, we can’t make sure that site’s dimensions and scaling will be adjusted suit the device.
3) Are you using fixed-width viewport?
Sometimes, web developers apply a definite pixel size in viewport to change a non-responsive web page to fit well into a mobile screen. Google does not endorse this temporary practice for a long time. The web fundamentals suggest how to set the view port in a responsive website to suit the device’s screen width and height.
4) Are your content not scaled to viewport?
If content is not sized to viewport, the pages will have horizontal scroll. This happens when developer uses absolute values in CSS declarations, uses images set to a specific browser width. You can avoid this issue by ensuring that relative width and position values are used for CSS elements.
5) Are you using small font size for text content?
Use of small font sizes causes issues in mobile usability of a website. Users need to ‘pinch to zoom’ for reading the content. To remove this issue, Google recommends a font size of 16 CSS pixels.
6) Are touch elements too close to touch?
If the touch elements like buttons and navigational links are placed too close to each other, visitors will face difficulty in tapping them correctly. They may touch on the neighboring link or button instead of the element he wants to tap. To fix this problem, Google suggests to give the elements correct size and keep enough space between neighboring links.
These are the common, at the same time very important, reasons that make your website less usable in a mobile phone browser. Therefore, gear up to check your sites and make them mobile-ready without much delay. If your site is not mobile-friendly yet, it means you are risking your chances in the competition.