leads on mobile phone

Mobile Responsive versus Mobile Optimised Websites

I’m sure you’ve seen those old websites on your phone where you’ve got to squint, zoom and scroll just to view the site. And I’m sure you’ve been on those modern, friendly websites that are just a dream to be on and you feel compelled to consume as much content as possible.

So, which type of site is yours?

In this article, we’re going to reveal everything you need to know about making your website an amazing experience on mobile devices.

What does Mobile Responsive mean?

For the past few years, everyone who’s worth their weight in the web design industry have been banging on about “responsive websites”. So, what does this phrase mean?

Mobile Responsive means that you’re website automatically adjusts itself when it’s on a mobile (or tablet) device. This means that everything on the site like logos, menus, text and videos stack on top of each other creating an experience where people scroll down the page to view its content. Pretty much all modern website designs have this built in as a standard feature. It’s like airbags on a car – it would be really rare for a car not to have one.

To confirm that your website is Mobile Responsive, run a simple test. Open your website in a browser on your computer and change the width of the browser so it’s slim – i.e. about a third of the height of the browser.[/vc_column_text][vc_row_inner showfor=”selected_devices” selected_devices=”desktops, tablets”][vc_column_inner width=”1/2″ offset=”vc_col-lg-offset-2 vc_col-lg-4″][vc_single_image image=”7073″ img_size=”medium” add_caption=”yes” alignment=”right” onclick=”link_image”][/vc_column_inner][vc_column_inner width=”1/2″ offset=”vc_col-lg-4″][vc_single_image image=”7074″ img_size=”medium” add_caption=”yes” onclick=”link_image”][/vc_column_inner][/vc_row_inner][vc_row_inner showfor=”selected_devices” selected_devices=”phones”][vc_column_inner width=”1/2″ offset=”vc_col-lg-offset-2 vc_col-lg-4″][vc_single_image image=”7073″ img_size=”medium” add_caption=”yes” alignment=”center” onclick=”link_image”][/vc_column_inner][vc_column_inner width=”1/2″ offset=”vc_col-lg-4″][vc_single_image image=”7074″ img_size=”medium” add_caption=”yes” alignment=”center” onclick=”link_image”][/vc_column_inner][/vc_row_inner][vc_column_text]If your website looks like the first image with scroll bars, then check it on a mobile device as some frameworks on Wix work slightly differently. If it still shows the the scroll bars, then sorry – your website isn’t responsive and you should speak to your web person to get it updated.

If however, your site looks like the second image, where everything’s stacked up then it’s Mobile Responsive.

But is it Mobile “Optimised”? More on that later in this article.

How to know if people are viewing your website on mobile

The stats are out on how people browse the internet in Australia:

  • People use an average of 3.9 devices to connect to the internet.
  • 87% of people use a smartphone to connect to the internet.
  • Most websites experience 50-60% of their traffic from mobile devices.

[/vc_column_text][vc_single_image image=”7085″ img_size=”full” add_caption=”yes” alignment=”center” onclick=”link_image”][vc_column_text]It’s highly likely that people already view your website on a mobile device and compare your website to your competition. The easiest way to check your website is to view its Google Analytics data. Hopefully you’ve already got this free tool, courtesy of Google, running on your website. To find out more about using Analytics to your website, read our article covering the ins and outs of Google Analytics for small business.

Assuming you’ve got Google Analytics up an running, it’s easy to jump in an check out how many people view your site on a mobile device. Just jump to the Home screen of Analytics and look for the “Sessions by device” graph in the bottom right hand corner. This will show you the breakup of desktop, tablet and phones.

There’s an added bonus with this data – you can then jump into other reports and grab statistics like which devices spend the most time on your site and which devices convert the best.

It’s highly likely that people already view your website on a mobile device and compare your website to your competition

Now that you’ve got a better understanding of the amount of traffic that you get from mobile devices, you can jump in a prioritise the sections of the pages that need to be optimised. As an example, you might have a blog post that’s really popular on your site but needs some tweaks to turn readers into leads.[/vc_column_text][vc_column_text]

What does Mobile Optimised mean?

If you’ve got this far then your website is hopefully mobile responsive and you’re aware of areas of the site that get the most mobile traffic. It’s now time to get down and dirty and optimise these pages for mobile devices. So let’s take a look at a Responsive website versus an Optimised website.

[/vc_column_text][vc_row_inner showfor=”selected_devices” selected_devices=”desktops, tablets”][vc_column_inner width=”1/6″][vc_single_image image=”7116″ img_size=”medium” add_caption=”yes” alignment=”right” onclick=”link_image”][/vc_column_inner][vc_column_inner width=”1/6″][vc_single_image image=”7074″ img_size=”medium” add_caption=”yes” onclick=”link_image”][/vc_column_inner][vc_column_inner width=”1/6″][vc_single_image image=”7118″ img_size=”medium” add_caption=”yes” onclick=”link_image”][/vc_column_inner][vc_column_inner width=”1/6″][vc_single_image image=”7074″ img_size=”medium” add_caption=”yes” onclick=”link_image”][/vc_column_inner][vc_column_inner width=”1/6″][vc_single_image image=”7074″ img_size=”medium” add_caption=”yes” onclick=”link_image”][/vc_column_inner][vc_column_inner width=”1/6″][vc_single_image image=”7074″ img_size=”medium” add_caption=”yes” onclick=”link_image”][/vc_column_inner][/vc_row_inner][vc_row_inner showfor=”selected_devices” selected_devices=”phones”][vc_column_inner width=”1/2″ offset=”vc_col-lg-offset-2 vc_col-lg-4″][vc_single_image image=”7073″ img_size=”medium” add_caption=”yes” alignment=”center” onclick=”link_image”][/vc_column_inner][vc_column_inner width=”1/2″ offset=”vc_col-lg-4″][vc_single_image image=”7074″ img_size=”medium” add_caption=”yes” alignment=”center” onclick=”link_image”][/vc_column_inner][/vc_row_inner][vc_column_text]

How can you change your website to be Mobile Optimized?

Share this post