How Do I Know If My Website Is Mobile Friendly?
Now is the perfect time to find out if your website is mobile friendly before the Google update starts worldwide. Starting April 21st, 2015, Google will run a massive update to its search engine that will lower your website rankings if it’s not mobile friendly. If you’re in luck and your website is mobile friendly, your ranks in Google will rise.
This is another step Google is taking to ensure a high quality user experience. The Google mobile friendly update could possibly cause massive website redesigns if it hasn’t already. This update was announced by Google back on February 26th, 2015 and many businesses already know the benefits of a mobile friendly responsive website.
Check out this free website that instantly shows what your website looks like on all major mobile devices:
Here’s a small screen shot example of the results generated on their website:
Here’s 4 Easy Ways How to tell if your website is Mobile Friendly
There’s a few quick and easy ways how to tell if your website is mobile friendly. Even if you think your website already is mobile ready, Google my have suggestions how to improve mobile usability for each individual page. Yes, even if you have started out with a responsive WordPress theme, or design, Google will inspect every element on your page for example, you may have links that are too close to each other, etc. You can fine tune each page to ensure your entire website is mobile friendly. It will be well worth it to optimize your most popular pages to prevent their ranks from dropping overnight.
#1 Test your website on a mobile phone
View your website in your mobile phone. Does the website load fast? Can you easily navigate? This is the first and easiest hint if your website is mobile-friendly. This may seem obvious but, you’d be surprised how many business owners have not even tested their website on a mobile phone. Think how your potential customers will feel navigating you website. Will they get frustrated and leave? Or will they quickly find what they’re looking for?
#2 The Screen Shrink Method
On your desktop monitor, visit a page on your website and try shrinking the window to see if the design will scale an fit the page properly. Make the window into a small rectangle. Does you design become fluid and respond to the screen size or does it stay the same? Try testing other web sites to compare yours to see a difference how they respond.
Here’s an example of a page on this website: The design contracts and fits the screen. This is looking mobile friendly so far.
#3 Google’s Mobile-Friendly Test
Check out the official Google mobile friendly test page
Input your URL into the bar and hit the “ANALYZE” button. The page will load and hopefully, your results say this: “Awesome! This page is mobile-friendly.
#4 Google’s Webmaster Tools – Mobile Usability
Just when you think your website is mobile friendly, you can uncover some pages that have errors. It’s worth it to fix these pages if there’s just a few. The instructions are listed below how to navigate to the Google webmaster tools and uncover the pages to fix.
Now that you’ve learned “How Do I Know If My Website Is Mobile Friendly?“, here’s how to uncover individual pages in your website that are not mobile friendly. Your site may appear mobile-friendly but there could be some pages lurking that need improvements.
How to find the web pages on your site that are not mobile friendly
- You will need a free Google Webmaster Tools account
- Go to your website you want to inspect
- Click on “Search Traffic” in the left navigation
- Click on “Mobile usability”
- You will see a list of usability errors if you have pages that are not mobile friendly
- Click on an error such as “Touch elements too close” or Content not sized to viewpoint”
- A list of pages will display. In this case, some elements on the page could be too close or touching
- Try to optimize this page and fix the spacing
If you have few errors, it’s going to make sense fixing your website, however if you have hundreds of errors or more, you may want to consider switching to a mobile friendly design or install a responsive WordPress theme. The term “responsive design” is another term for “mobile-friendly.” Be sure to look for that when selecting a new WordPress theme.
If you enjoyed these tips and reading “How Do I Know If My Website Is Mobile Friendly?”
you may enjoy reading 10 Business Advantages of Responsive Web Design
Subscribe To Hyphenet's Newsletter
Get ready for fun tech newsletters that are never boring.