make a mobile friendly website, create mobile responsive site
Now days, it is really important to make your website or blog to make mobile friendly.
Do you know?
These days more than 58% searches doing over the internet with just mobile devices that’s mean percentage of users in small devices more than desktop even,  its increasing day to day very fast.

I know you most of guys reading this article in the mobile.
If you are a blog then you should have mobile responsive design at your blog for audience experience.
Google already indicated that they only increase the ranking of those sites who has mobile responsive site.

So if you want your better page ranking in both devices mobile as well desktop. If your blog is better in the desktop but not work better in mobile devices that create bad user experience and bounce rate that will decrease you page rank.
So i am going to give you some tips to how to make your blog mobile friendly. You can implement them in your blog to make your site mobile responsive.

Why you need a mobile responsive website?

There are lot of benefit of having a mobile responsive website and some of are given below.

Massive Mobile Usages: as you know before I said these days more than 50% of searches happen by mobile device that’s mean if you don’t have a mobile responsive website then missing lots of traffic and sales.

Increase loading speed: having a mobile friendly site helps to load page fast in the mobile.
Because if you load the desktop version of the site in the mobile its take to much time to load then there is a high probability that they leave your site.
Google also suggest that your page should be load faster in mobile for get better mobile search ranking.

 Decrease Bounce Rate: if your site does not work with the small screen devices like mobile and tablet then bounce rate will increase.
If your bounce rate increase then it is not good for your growing site.
Mobile friendly site prevent the bounce rate by making site useful for the mobile.

How to create website mobile responsive with some easy tips


1: Use Responsive Design
Your blog should have mobile responsive template so that work in both small screen devices and desktop responsively.
As you know most of reaches happens these days with small mobile devices that’s mean you off course have mobile friendly site.

If you use responsive template at your site then you don’t have to maintain two different site templates one is for mobile and second one is for desktop.
It’s hard and time consuming to maintain two different designs for a one site.
It’s only done by the big business firm because they have lots of people to manage their site.

make mobile friendly website design


So the solution is use mobile responsive design in your site, so when someone use your site in small screen devices then your site sink and adjust text, images and buttons according to device screen.

Most of bloggers and marketers are using the same for their site and blog.  it is very easy to find responsive templates because these days most of  temples comes with the responsive design.
You can see i have the also using responsive template in my site.

  2: Use Big Bold Text
You should have use the big bold text that would be readable in the small screen devices. If your site has small texts that find visitors hard to read then chances increased to leave your site.

They found your site has not user friendly in the mobile devices. So keep in mind use the bold text in your site that also readable in the small screen devices.
You should have used words at least more than 12px size.

3: Make Sure your Site Pages Load Fast
Your blog site pages should be load fast when someone clicked on your pages.
Here’s, what I mean by that.
If your pages load slowly take more than couple of seconds to load, nobody going to wait until load your page they simply have leave your site and go to the someone else site.

If your site visitors leave your site frequently then its increase your bounce rate that indicate th Google your site is not so helpful to the people and then Google will decrease your page ranking.

I know now days people using 3g, 4g and high sped bandwidth but make sure your you site load faster,  whatever the network is using you site visitors.
Make sure your site load faster in every type of the networks.
4: Don’t Use Lots of Popup and Landing Pages
When a user using your site in a mobile and tablet. It’s very irritating to them display popup and landing page a lot.
These things work better in the desktop because desktop has the large screen than mobile device.

It is not user friendly to use lots of popup pages in mobile devices because these popup pages cover all full screen that’s looks your site visitors to the spam.
Then what happen, it might be chances increases to leave your site. So make sure don’t us lots of popup pages in your site.

5: Use Large Clickable button
Make sure use large clickable buttons in your site that also clickable in the small screen devices.
If your site has small button that user found hard to click on it. That’s indicate them your site is not so user-friendly in the devices like mobile.
crate a mobile friendly site

So don’t forget to add large clickable buttons in your site.

6: Use Add Viewpoint Meta Tag
The viewpoint Meta tag is the easiest way to control how your site shows on mobile.
When someone open the pages in small screen devices the viewpoint meta tags tells to the browser to fit the size of the web page according to the screen size of the device.
You can easily implement viewpoint tag in your web pages just by paste the below given code in the html of the page.

<meta name=”viewport” content=”width=device-width, initial-scale=1″>

7: Upload Compress Images
Your blog pages should be load fast in the mobile. When you used high quality images in your web pages that are take some time to load in small screen devices also increase the size of your page.

You have to compress the images before uploading to the your site.
You can compress your images from the site like tinypng.com and compressjpeg.com.
Your images quality still remind the same only the size of your image get reduce.
So using compress images in your site that speed up your site in small devices.

8: Always Test Your Site
One you used the responsive site for small screen devices then the second thing is test your site by yourself.
Open your site in devices like mobiles, tablets, android phones and i phones etc.
That’s helps you to know how your site working in that devices. You should have to spend some time and test regularly your site.
You can ask your family members and friends to browse your site and give their opinion.
You should open site daily in your mobile devices and watch how things are working.
And don’t forget to keep testing your site whenever you make changes in it.

9: Allow to Switch on Desktop View
Some of your mobile visitors may actually want to see the desktop version of your website.
Make sure you have to give them a way to easily switch to the desktop mode of site that’s help to your site visitor to use your site in mobile like a desktop.

You can follow the above given tips to create a mobile friendly site. Mobile responsive site increase your site ranking in search engine and indicate to Google that your site is responsive for the mobile users.

If you have a questions and suggestions let me know in the comment section.
I would love to give the answer of your comments.