Before we get into the nitty-gritty of how to test if your site is mobile-friendly, let’s dive into why it’s important.
Why it’s important that your site is mobile-friendly
Mobile-friendly simply means that your site looks great on mobile phones and tablets, it’s easy to navigate, and nothing is acting or looking wonky.
Have you ever visited a website from your phone only to find that it’s totally impossible to navigate? Half the page is cut off, or spacing is out of control, making it impossible to read. Odds are, you don’t stay on that site for long, right?
In 2018, 58% of website visits were from mobile devices.
This means that if your site isn’t mobile-friendly, you’re probably going to have 58% of your visitors bounce immediately. That’s too big of a price to pay, wouldn’t you agree? Not only that, but mobile-friendly websites do better on search engines (like Google).
How to test if your website is mobile-friendly
The easiest and fastest way to test if your site is mobile-friendly is to grab your smartphone and visit your site. Go through all of the pages and make sure things are formatted correctly. While that’s the easiest way, it doesn’t give you the full picture. Here are steps you can take to get the full picture.
- Google’s Mobile-Friendly Test: This test assesses how easily a visitor can use your page on a mobile device. Just enter a page URL to see how your page scores. The image below is the output I get when I insert my services website (www.kellielynnmedia.com)
2. BrowserStack: Responsive design testing across devices! Generate screenshots at actual device sizes on iOS, Android, OS X & Windows. This tool is really great for website designers to test their client’s websites. There is a free trial if you want to test it out for your site!
*Photo from BrowserStack website
3. RankWatch: This is a fantastic tool to test mobile-friendliness. Not only does it tell you if you are mobile-friendly, it also shows you areas that you can improve and gives you an overall score. The best part? It only takes about 30 seconds to test! The image below is the output I get when I insert the 360 Brand Collective website!
Mobile-friendliness is more important now than ever! If your site is not mobile-friendly, I highly recommend making it so. Not sure if yours is? Use one of these tools! Still have questions? Shoot me an email or leave a comment below!
