Is Your Website Mobile Responsive? Here’s how to check.
Look at it on your phone and tablet. Is it easy to read or do you have to pinch, zoom, and scroll left and right to see everything? This could be a sign that you’re website isn’t mobile friendly (technical term = responsive, meaning that the website responds to the device in which it is being viewed on).
It’s not an option anymore.
Why? Because it makes it easy for your visitors to read what you worked so hard to put together for them, and Google requires it. Yeah. In fact, they said it’s important and started requiring websites to be “mobile friendly” back in 2015. See for yourself here.
Need more proof?
It’s uber helpful to people who surf the net if the website they visit is easy to use and view on their mobile device (Bonus: since Google likes mobile-friendly sites, that means an SEO boost for you). There are now more people using their cell phones and other mobile devices to do things on the internet, like read, shop, and share information. Below are just a few of the facts (and get even more here and here).
How to check your website for mobile responsiveness:
There are a couple of quick ways you can do this (test on your computer, not mobile device):
Check it here with this cool tool: Responsinator. Go to the site and paste your URL in the field in the upper left hand corner (see below) and click on “Go”.
Responsinator will load your site into a variety of mobile device samples like this (it’s actually pretty cool).
Now scroll through the various devices to see how your site looks. You can click on each page of your site within each device or scroll through each device to see your Home page, then paste your About page in the URL field at the top and scroll through all the devices, then your Services page…and so on.
TIP: If you click to a page in one device, it’s only going to show you that page on that one device where you navigated to that page. That’s why we suggest pasting in the URL and then looking through all the devices and then pasting in a different page URL.
Pull up your website in your browser screen. Now, grab the right side of your web browser (Chrome, Firefox, Safari) with your mouse and drag the browser to make it smaller/skinny.
As you can see below, when we did this with the Texas Secretary of State’s site, the content gets cut off as the screen gets smaller (sorry to pick on you Texas). This is not mobile responsive.
Our site, on the other hand, IS mobile responsive. You can see everything flow and stack smoothly, and all of the content is still where you can see and click on it as the screen gets smaller.
Use Google’s Mobile-Friendly Test tool to find out if your website passes.
Add your website URL and click the “Analyze” button. If your site is mobile friendly, you’ll get this nice message once it’s done.
If you still have no clue if your site is or isn’t mobile friendly/responsive or if you need to get you website up-to-date, looking good and working properly on mobile devices, we can help. Click here to get started and make things nice and “friendly” for people who visit your website.
Me i usually check a website if it is respinsove or not is by resizing my browser, and if the website’s structure have change then it is responsive.
Exactly! That’s a great way to test it. 🙂
Wow! Thank you, I have been looking for these types of tools! I was super happy to see that my website is mobile ready. xoxo
You’ve so welcome Natasha! Glad we can help. Mission accomplished!