It’s been said that more and more people are viewing websites on mobile devices. This could mean anything from an iPhone, Android tablet, iPad, smartphone, etc. Gone are the days when we checked out websites on just our desktop computers or laptops. It’s very common that people are going to be viewing your website on mobile devices now more than ever. Since technology is growing at such a rapid rate it makes perfect sense to develop our websites to be mobile friendly. Actually, you might be surprised to learn that Google just rolled out a major update which will lower your rankings if websites are not mobile friendly. So you might be asking yourself “how do I view my website on a number of different mobile devices”?
Test In Google First
We want to view our website and make sure Google sees it as mobile-friendly. To do this you’re going to want to go to https://www.google.com/webmasters/tools/mobile-friendly/. To view your website you simply just put in your URL. As an example I put in tbwhs.com. Here is what I got:
I did a search in Google and click on the 12 page of Google for credit repair in Kansas City. I was surprised to find this website. Here is what you do not want to see:
I discovered a really cool website http://mobiletest.me that lets you test your website on six of the most popular mobile devices. The six mobile devices you can check your website on are the Apple iPhone 5, HTC ONE, Nokia Lumia 920, Samsung Galaxy Y, Google Nexus 7, and the Apple iPad Mini.
To use this website you simply go to the site and click on one of the mobile devices you want. This will bring up a separate page which has a big bar at the top where you can put in your URL. At the bottom of the page it will show the manufacturer name, CSS resolution, pixel resolution, operating system, year released, and the device type.
What is cool is you can see exactly what your website looks like when you enter your URL. For example, I did put in tbwhs.com and clicked “Go”. You can see how my website looks both horizontally and vertically. To view it vertically or horizontally you simply click the “options” link at the top and click on which one you want. Please see my test images down below:
More Great Sites For Checking Your Websites On Different Devices
The website found at http://quirktools.com/screenfly can show you how your website will look on lots of different devices. But, it’s not just limited to devices; you can view your website on desktops and laptops too. Meaning you can choose between different screen sizes (10″ to 24″). You can check your website on all kinds of tablets like the Kindle Fire HD 7, Kindle Fire HD 8.9, Kindle Fire, Samsung Galaxy, Google Nexus 7, and iPad.
You can view your website with different cell phones too. Here is a list of cell phones that quirktools supports: Motorola RAZR V3m, Motorola RAZR V8, Blackberry 8300, Apple iPhone 3-6, iPhone 6 Plus LG Optimus S, Samsung Galaxy S2, ASUS Galaxy 7, iPhone 5, and Samsung Galaxy 3-5.
Also, you can view your website on different televisions. There are 3 aspect ratios you can view them on: 480p, 720p, and 1080p. Along with that you can always put in custom resolutions and see exactly how your website looks. You can always rotate between horizontally and vertically.
This is a great website I found which really helps in getting your website mobile friendly. You can check it out at http://ready.mobi What I like about it is it checks your site on desktop computer, and three mobile devices. The three kinds of devices are a high tier-phone, mid-tier phone, and a low-tier phone. It shows you the device pixels below the phones. This site also shows you the page size and how many request each device needs to execute to access your website. See my screenshot down below that I ran for tbwhs.com:
I guess the point I am trying to make is you need to make sure your websites are mobile-friendly. Google is cracking down on sites that are still not using responsive designs. More and more users are browsing using their mobile devices. If you haven’t already started implementing these changes into your web design, your site will quickly become outdated and hard to navigate with these devices. I would like to hear from anyone that is having issues with mobile websites. What all questions do you have about viewing your website on a mobile device? Please leave your comments down below.