How to Optimize Your Website for Mobile-Friendliness

Bitbar, the mobile devops company. Logo, large

Dear Testdroiders,

This week the hot topic has been Google’s change in its search algorithms which will start downgrading search ranks if your mobile website and content aren’t “mobile-friendly”. This basically means that those sites that aren’t optimized for smartphones (with considerably smaller display resolutions than desktops) would see their search rankings go down. The big switch has happened already yesterday so what can you as a mobile web developer/tester do to ensure you’ve got it all right?

According to Google’s post yesterday, their search engine will boost the rankings of mobile-friendly websites – particularly on mobile search. If the content (website) is up to snuff and works without meaningful tapping and zooming – and content is spaced appropriately, the page will get a boost in rankings. That’s awesome and makes the mobile web content optimization important. What could be better for this than use real mobile devices and real mobile browsers to ensure everything is good? Download our free guide to optimize your mobile websites.


According to TechCrunch article, Google’s recent update for mobile-friendliness will have an impact on over 40 percent of Fortune 500 companies websites. According to their data, it’s very surprising how common it still is to come across websites from the world’s top brands which haven’t been properly optimized for smartphones and other devices with smaller display resolution than desktops.

3 Steps to Make Your Website Mobile-Friendly

Step #1. Google Mobile-Friendly Check

First of all, you can use Google tools to check if your site is mobile-friendly. Start with Mobile-Friendly Test to examine individual pages and if you are used to Webmaster Tools, the Mobile Usability report has some very important and interesting data about your website as well.

Screen Shot 2015-04-22 at 10.37.22 AM

Step #2. Testdroid Cloud with Real Mobile Devices and Browsers

We currently host thousands of real mobile devices that naturally include real mobile browsers (Chrome, Webkit, Safari, Firefox and many others). There is no better way to test your mobile website and content than using these devices – they are harnessed for this sort of testing.

Screen Shot 2015-04-22 at 10.43.56 AM

Step #3. Use Test Automation for Your Mobile Web Iterations

One good tip for every web developer is to include test automation into the development process and use Appium/Selenium for doing the automated testing whenever your website changes.

Selenium Concept

Remember! Searches done on mobile devices will now rank the mobile-friendly content higher and it makes finding high-quality and relevant content easier where the text is readable without tapping or zooming, tap targets are spaced appropriately, and the page avoids unplayable content or horizontal scrolling. As there are so many different browsers and differences between mobile OS versions and platforms, it’s highly recommended to conduct your mobile web tests on real devices/browsers.

Happy Web Testing!

The Ultimate Hands-on Guide to Successful Mobile Web Testing

Learn how to do mobile web testing more efficiently and effectively and reap the benefits of it.