How to Make Your Website Mobile Ready

make website mobile ready

JESHOOTS / Pixabay

People are using smartphones in large number. In fact according to a estimate, 28 percent of all web traffic generated from mobile devices in 2014. And many experts predict that by the close 2015, this number will be higher than 35%, which means one third of the internet traffic will be generating from mobile devices. Fortunately for you, most old school webmasters are not fully prepared to benefit from this shift. And this lack of readiness on their part can be a big opportunity for you.

How can you make your website mobile ready – and increase your website traffic as a result?

Why Getting Mobile Ready is Important?

Consider you are a reader who uses smartphone to read blogs and websites. You want to look for information on weight loss and want to read the information while on your way to work.

You google for the information that you need and you shortlist four blogs for reading. However, you find that three of these blogs are not mobile ready and you can hardly read these on your mobile device because they scroll slow, are too much zoomed out, the text does not fit your screen and it is a challenge to click the buttons. You spend some minutes trying to sort out these issues but then you click away.

There is another blog which works perfectly. The text is optimized for reading, easy mobile navigation is provided and the information is also of high quality. So which website you will come back to again in future?

Now consider that 28 per cent (and increasing) population of web traffic is very similar to this reader. Mobile optimizing your website will empower you to a serious advantage over those who do not have a mobile optimized site.

How to Prepare Your Website

There are two ways by which you can prepare a website for mobile reading. One of these to create a separate sub-domain for mobile users. This is the old method when you would see mobile versions of websites like “”, where “m” is the sub-domain for mobile devices. While this used to work in old days but essentially you are creating one mobile site for all screen sizes, be it iPhones, iPads, Nexus Ones or any other. There are high chances that your website wil not look good on all the devices and screen sizes.

The other option which people are using now is responsive design. These are designs which adjust according to the screen size of the device on which the website is being viewed. This means that the website will rearrange its components according to screen size of the device. Your website will look perfect on all screen sizes and devices irrespective of whether the user is on a Samsung Galaxy, iPhone or an iPad.

Mobile Optimize Emails Too

The importance of creating mobile optimized emails is even higher than your website. Compared to 28 percent websites being viewed on mobile, a whopping 48 percent of emails are read on mobile. And a big percentage (69%) simply delete an email if it has not been optimized for viewing on mobile.

So how do you optimize email for mobile devices?

First of all image sizes should be small and compressed so that they load real fast on smaller screen and 3G, 4G and LTE. And the sizes of the images should also be set so that these adjust according to screen size rather than being static image sizes. This can be easily achieved by using the max-width:X% CSS tag.

The links and navigation should also be larger so that these can be clicked easily with index fingers.

And finally, use responsive email templates. And if you do not have one, engage a designer to design one for you. Similar to responsive web design, by doing this you will make sure that your emails also look good and load perfectly on all screen sizes.

Leave a Reply