web counter

Is your website mobile friendly?

For anyone who hasn’t been paying attention – mobile internet usage is now the main method for people to access the internet.

So what does this mean for those of us who have websites? Your website must be mobile friendly.

If your visitors don’t have a good experience when they come to your website – they will leave. This in turn hurts your search engine ratings.

But, knowing you need to make your website mobile friendly and knowing how to do it are two different things. So we have compiled the below 10 steps to help you make your website mobile-friendly.

  1. Make Your Website Responsive
    A responsive website is one where all the same content and information is available no matter what type of device you access the site from. It simply changes the way the information is displayed automatically to fit the device type being used.



    This is the best option to make your website mobile friendly because you do not limit the amount of information provided to your visitors.

    Responsive websites are also good for SRO. Google has confirmed this is their preferred format for mobile websites.

    ALL websites designed for you by Black Cat Hosting are responsive. This is included in our design fee. If you wish to learn more about our design and maintenance services – please click here.
     
  2. Make information people look for easier to find
    When browsing the internet everyone browses differently. Some like taking their time to browse and read content no matter what device they are accessing the site, while others expect to find the information they seek as quickly as possible.

    Therefore, when designing your website, consider the information people on mobile devices are most likely to be looking for and make this obvious and easy to find when on the mobile website.

    Frequently Asked Questions are also a common area of a site to find mobile users. While you may not want your FAQ section front and centre on your home page, make this easy to locate and navigate to a mobile device.
     
  3. Don’t use flash
    Flash is bad for SEO. It can slow down your website’s load time and there are a lot of browsers that no longer support flash.

    Neither Android or iOS devices support flash – as these are the most commonly used mobile device operating systems, it is at this point best to scrap the idea of flash should you wish for your site to me mobile friendly.
     
  4. Include the viewport metatag
    The viewport meta tag is a simple way to control how your website appears on a mobile device. If your page opens the same width on a smaller screen as it does on a desktop, your visitor will have to do a lot of scrolling from side to side to view the website content. This viewport meta tag tells browsers to fit the width of your page to the screen side of the device the visitor is using.

Adding this it to your html is very simple, just paste this onto the HTML for each page:
<meta name=”viewport” content=”width=device-width, initial-scale=1″>

  1. Turn off autocorrect for forms
    It’s often forgotten about, but autocorrect can often effect the way your visitor interacts with your website. If there are forms on your site that ask for information such as name, address, if you turn off autocorrect in these fields it will make it easier for your visitor to provide this information.

    To do this, in the input field, make sure you include autocorrect=off in the HTML coding.
     
  2. Make your button sizes large enough to work on mobile devices
    When trying to click a button using a mouse, it’s pretty easy to select a button of just about any size. On a mobile device however, you are using to fingers to “click” which can make it difficult to select a smaller button. This is especially true when there are multiple buttons and these appear on the site closely together – accidental clicks on the wrong option will do nothing but frustrate your website visitor.



    The best way to void this frustration for your website visitor is to ensure all buttons are larger. Whenever you add a new button on your site, always check the operation of and ease at which to select on a mobile device.
     
  3. Use larger font sizes
    When attempting to read a website on a mobile device, it is much more difficult is the font is tiny. Font sizes should be at least 14px for each of reading on a mobile device.


    It is also best to stick with the standard fonts. If your website visitor’s browser needs to download the font to display your site correctly, this will slow down the speed of which your site loads – which is bad for mobile visitors. 
     
  4. Compress your images and CSS
    When considering your website visitors using mobile devices – site speed needs to be fast. To achieve faster load times, image sizes should be reduced and your CSS. By compressing these, you can ensure the website loads faster for your mobile device visitors
     
  5. Allow and easy way to switch between mobile and desktop view
    Some mobile device visitors may actually prefer to view the desktop version of your website despite being on a mobile device. Making sure these visitors can easily switch your website design to desktop view is vital as you want your website visitors to be able to view the site in the way that is most comfortable for them.
     
  6. Regularly perform testing on mobile devices
    When making your website mobile friendly the best thing you can do is regularly test it out for yourself on multiple mobile devices where possible. If you don’t have access to multiple mobile devices, ask your friends, family or employees to bring it up on their device and let you know if there is anything that is difficult to navigate too.

In Conclusion
Even if you do all of the above right now, remember, the way mobile devices look and operate is continually changing and a website that is mobile friendly today may not be tomorrow. So, regularly check, tweak and consider your mobile device visitors as a ongoing routine to ensure your website remains mobile device friendly.

Comments (0)

Leave a comment