Share this Image On Your Site
Please include attribution to mooper.co.uk with this graphic.
Please include attribution to mooper.co.uk with this graphic.
As a web developer I know that the majority of existing websites can be converted to be mobile friendly and tablet friendly using the very best practices available.
After reading many articles about making existing websites mobile friendly and slamming my face onto my desk I decided to let the world know (or whoever decides to read this) that you can convert your website to be mobile and tablet friendly without needing to build a new website or using pay monthly services such as bmobilized and dudamobile.
Our method can convert your existing website for mobiles and tablets which will not affect your LIVE website! Visitors will still see your website, you can still edit your website and people can still purchase during the entire process. It can also positively affect your business marketing
Having had many clients come to me with the dilemma of wanting a new website (because digital agencies sold them the idea of needing a completely new website) we have decided to offer our mobile website conversion services. No new website, no separate website – just your own website converted to work on mobiles using responsive design.
Although a website such as “m.yourwebsite.co.uk” may look similar and seem to work exactly the same as a fully responsive website, the “m.” website is actually an entirely different website. 2 websites mean more maintenance because you need to update both websites when making changes.
This type of website hasn’t been the preferred method of mobile friendliness since the introduction of responsive web design (RWD). Responsive Web Design works with your existing website code to serve a different “style” of website depending on the device you are using. Changes made on your main website will automatically be the same on mobiles and tablets.
With the introduction to Responsive Web Design there have been many other ways to improve your mobile website which many ‘m.’ websites struggle with such as using a mobile-first design and progressive enhancement.
Mobile first design is the idea of making a website load elements which are only required for mobile devices first. Then as the screen size gets larger, more elements and resources are required which may have struggled to load on a mobile device.
For example a mobile developer may decide that an animated banner is going to make a website load slowly on mobile phones so they will only ask the browser to load it when on larger devices such as desktops which can handle the larger elements more easily.
Progressive enhancement is achieved when a developer slowly introduces elements to a website when support for those elements increase. The example above would apply – a banner is added for larger desktops which most likely have faster internet speeds than mobile.
One of the most important factors include your mobile website loading speed. Its is important to remember that mobile phones are exactly that “mobile”. So some devices may be using 3g connections IF THEY’RE LUCKY!
People on mobile are usually in a hurry – they may be in a store to check out a product whilst shopping or on route to find a restaurant close by so they need to find this information fast. Loading large images and pages on this kind of connection can be a killer for your website and your business.
Make sure your main navigation is easy to use – is it smaller than a finder width? Might the larger fingered individual accidentally click 2 buttons at once? Are clickable buttons obviously clickable?
Studies suggest that only 10% of the population are left handed. So ensuring the navigation button or menu drop down button is aligned to the right would make 90% of visitors more capable of accessing the dropdown menu making it a lot more user friendly.
With devices getting larger and larger the ease of reaching the top left corner of your screen just keeps getting worse and is becoming more of a struggle. I have stuck with my iphone 5s for this very reason! Its just frustrating!
Sorry Apple but you have lost at least 1 sale of an iphone 6 because I find larger screens so much harder to navigate. Don’t make your website one of those things to be avoided. Make sure each important element is easily accessible!
You can buy the conversion package on our website convert your existing website page.
Google has announced that it will be using introducing a new ranking factor to its algorithm. On the 21st April mobile friendly websites may have a new boost in SERP’s.
Now is a better time than any to make sure your website is responsive. Not only will having a responsive website improve your visitors user experience. It has been officially announced by google that on the 21st of April mobile friendly websites will be part of googles ranking factors alongside the other 200+ or so signals google uses to rank your website in search results.
So for those of you who don’t know already, having a mobile version of your website has been around quite some time now. However the latest advancements in HTML5 and CSS3 made created a mobile friendly version of your website SOOO much better.
Before responsive web design was introduced we used a completely different “mobile” website. This turned out to be quite bad for SEO. The main reason why doing things in such a way was that the mobile version is in essence a completely separate website. Meaning your website was situated on a different domain e.g www.yourwebsite.co.uk would have a different extension instead of the .co.uk for instance www.yoursite.mobi.
Well this depends on your website. Some websites may have a mobile version built into its content management, if you have a content management system on your website its worth doing a little research on google to see if your CMS offers this functionality. If so its usually a simple flick of a button! Do the research yourself tho because some agencies may feel the need to charge you hundreds of pounds to flick that switch!
If your website doesn’t have a CMS with this functionality you could search for plugins which could transform your website. These can sometimes be a little generic and lose some vital UX but if your budget is tight this could be a quick way to benefit from googles newly introduced ranking signal.
If either of the above options aren’t available to you (which will probably be most of you), then you can hire a web designer or front-end developer to create a fluid contrast between tablets and mobile phones altering only your websites CSS to make it responsive. This would again depend on your website but it could take as little as 2 days to complete.
The benefits to hiring a third party to make your website responsive is pretty straight forward. I believe visitor user experience comes first and I also believe that google correlates user experience to a lot more of its ranking algorithm than people make out.
Thinking about it from a common sense approach would assume that a website with a poor click-through rate, poor user experience and a high bounce rate would be safe to assume equals a poor quality website for a given search term. Having a GOOD responsive website should provide the following benefits;
There really is no reason for your website not to be made responsive. More and more people are connecting to the web on there mobiles. The more visitors that come to a non mobile friendly website will “bounce back” from your site to google search results. This causes a high bounce rate which speculation and common sense agrees google will correlate to a poor quality website.
Notice I highlighted good responsive web design above? Thats because some mobile friendly websites are pretty rubbish. They strip away so much functionality in order to increase mobile load speed that you’ll be left with virtually nothing but a logo and text. That’s great if you have a blog! But the majority of us don’t, which means eccommerce websites are left without the functionality of their desktop counterparts – who wants that?
This causes a ripple affect and decreases conversions, shopping cart abandonment and all of the other factors mentioned above. Ill try not to go into too much detail because ive wrote a whole article about GOOD responsive web design here.
You check if your website is mobile friendly/responsive by visiting the Mobile friendly website test
Has anything really frustrated you with a mobile friendly website?
Google announced a long time ago that website load speed is a ranking factor in their algorithm, so if you haven’t optimised your websites speed, now is the time to jump on the bandwagon.
If you feel that your website takes too long to load there are a few tools out their which should be your first port of call to understand why your website is taking too long to load. I personally like the one at pingdom tools. This tool will tell you the size of your website, how long it takes the website to load in seconds, the number of http requests and just generally how fast load speed is compared to other websites on the web. You could also use googles built in speed test to check your load times.
Its a good idea to keep websites as fast loading as possible, the last thing you want is a customer getting frustrated with your website and leaving before they have even seen your website. I do this myself and im pretty sure you will have done before too. It seems common sense to optimise your website speed but their are so many sluggish websites out there. Yes we are getting faster broadband and yes their is also 4G now on mobiles and tablets but this is no excuse to neglect your website for the tiny proportion of the population that actually have these available.
Im going to offer you a quick guide on how to optimise your own website in a matter of minutes by following a few simple steps:
Get in touch if you require more in depth speed optimisation.