We recently posted a blog entry “Google warns websites should become mobile friendly” but what does a mobile friendly/ responsive website really mean?
Google Webmaster Tools has created a mobile usability tab that alerts you to the errors on your website. Google will show you how many pages there are on your website that hampering your websites mobile experience.
Here are some of the common errors that you can expect to find:
Touch elements too close – This means your navigation (your buttons) are too crowded or un-clickable due to your website losing its layout on mobile screens. This prevents mobile users from being able to navigate to the desired part of the website.
Viewport not configured – There are many different devices with different screen sizes, if your viewport is not configured then your website will not know how it should display its dimensions and again your web layout will be lost and will display differently across these devices.
Small font size – This is pretty self-explanatory. If your website is not mobile friendly then it is likely that your text could become so small that your users are unable to read it with ease. You want your text to scale to the size of the device so that it is legible regardless of what device your users are viewing your website on.
Content not sized to viewport – Have you ever come across a website on a mobile device where you repeatedly have to scroll across horizontally. If your content has not been configured to the view port then this is an annoying problem that your web visitors will likely face.
If your website is experiencing any of the above issues then your website listings on mobile searches are going to be affected negatively. So as more and more people are using their mobiles to access the internet it is important that you are not missing out on this valuable traffic. So start taking the steps to making your website mobile user friendly today!