Google adds Mobile Responsive Ranking Factor

ANN ARBOR, Mich. - April 22, 2015 - PRLog -- Google has been preaching the benefits of fast and mobile friendly sites for some time now. With the percentage of users coming to websites on mobile devices increasing, having a mobile-friendly site is a must. As of April 21, 2015, Google will use mobile responsiveness as a signal in their ranking algorithm.

Google Mobile Responsive Juggernaut

Google announced the upcoming change to their search algorithm back in February, but it has caught many website owners by surprise. USA Today reported on April 21, 2015 that TechCrunch found that 44% of the Fortune 500 companies failed the mobile friendly test. No doubt after today, many IT departments will get urgent calls asking for a website upgrade. Full disclosure, this website is in the process of a recode, with one of the goals being mobile responsiveness.

Google Mobile Tools and Tips

To help developers modify their sites to be mobile friendly, Google provides a Webmaster's Mobile Guide which includes tips, a testing tool, and examples. The mobile friendly test in particular is a good way to test your site for mobile responsiveness.

Tips for Mobile Friendly Sites

Here are few tips when converting your site to mobile responsive.

* Use a mobile first approach - i.e., design your mobile site first, then make it work on the desktop
* Set a mobile viewport - <meta name=viewport content="width=device-width, initial-scale=1">
* Use a mobile-ready theme - in Wordpress choose themes that are mobile responsive
* Use @media queries in CSS to adjust widths and visibility for different viewport sizes (i.e., @media (min-width: 500px) and (max-width: 600px) {...}
* Tweak robots.txt to not block rendered resources - for Wordpress sites remove /wp-content and /images from robots.txt
* Use relative values not fixed - i.e., em or % vs. px
* Make mobile fast - the average page load time is 50% slower on mobile devices - Hide page elements with the surrounding element, not the element itself (to avoid unnecessary downloads)
* Make sure menus and buttons are large enough for mobile taps (44x44px) - use padding not margins
* Use DIVs and CSS for layout, not tables
* Avoid fixed width layouts, think fluid max-width and percentages
* Make menus mobile-friendly, simplify and use top-level menu items
* Simplify - hide non-essential content like sidebars

The amount of work required to make a website mobile responsive depends on how it was created. If the site was created in a CMS like Wordpress recently using a recent theme, you may be in luck. More recent themes in Wordpress are already mobile responsive. Older sites will most likely need to be converted using the above techniques. There are plugins out there that will make your site mobile responsive, but these typically show only a simplified menu and are a halfway measure to full mobile responsiveness. Google may start labeling mobile unfriendly sites as such in mobile search results.

Conclusion

With Google now factoring in mobile responsiveness into mobile search rankings, making your site is mobile responsive has just become that much more important. Not only will your mobile visitors stay longer and convert more, Google will bless your site as mobile friendly.

Click here for full article:
http://www.websiteoptimization.com/speed/tweak/google-mob...

About Website Optimization:

Website Optimization provides services and techniques to improve web site performance: boosting search engine visibility for more traffic, increasing conversion rates to maximize leads and profits, revving up site speed to retain users. http://www.websiteoptimization.com/