How to Make Blog Mobile Phone Friendly

How to Make Blog Mobile Phone Friendly

Now a days, embedded system is becoming popular to access the internet. Huge people use their mobile phones to visit websites because of high bandwidth speed. In my another post I have written on Traffic generation's tips which tells about 30 ways to give more visitors. But I didn't mention their about one way with mobile phone. If you don't make blog mobile phone friendly you will lose a lot of visitors.

To make your blog mobile friendly just follow the following easy steps: 

1)Sign into blogger.com account.

2)Go to Design -> Edit Html

3)Find out the following line of code: 

<b:include name="all-head-content" data="blog" />

4)Now paste the following code below that line 

<meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible" />
<b:if cond="data:blog.isMobile">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />
<b:else />
<meta name="viewport" content="width=1100" />
</b:if>

5)Save the changes.

You are done! It is easy and simple but very helpful for mobile readers 
to access blog from their mobile phones. Let me know your experience 
applying this mobile phone tips on your blog. 

7 Ways To Make Your Blog More Mobile Friendly

1. Create a Mobile Site

Let your mobile audience know that you have their interests at heart by creating a URL specifically for a mobile version of your blog.  Consider this mobile version a “light” version of your main blog.

To set up a mobile domain, all you’ll need to do is add a sub-domain to your existing site. For instance, if your blog URL is “joekellydesigns.com”, your mobile domain can be m.joekellydesigns.com. You should also consider getting a .mobi domain for all your mobile-ready content.

Suggestion By Sushant: I am a BIG fan of the Name.com domain registrar. Recently, like a week back, they have introduced a great new feature which is completely FREE for all the domain owners on their site. It simply converts your domain to be viewable on mobile devices. That’s it! Click Here To Learn More On This Mobile View Feature.

2. Center Your Content To Avoid Scrolling

The first thing you have to consider if you want to make your blog more mobile-friendly is the size of the screen on most mobile phones. Not very big, are they? Since you want your site to be easy to read on any mobile device, keep all the content, including images, centered. This will make sure your audience can enjoy all of the content on your site without the hassle of having to constantly scroll to the right or left to read entire sentences or view images.

3. Shrink Your Page Size

The maximum page size for a mobile device is 20kb. This means you have to keep each page small, preferably fewer than 10kb to ensure that your site loads quickly. While many people have unlimited data plans, those who don’t will appreciate this gesture.

4. Cut Back On The Images

Here is another rule to keep in mind when optimizing your blog for mobile viewing: keep images to a minimum. Images typically do not look as good on small mobile screen as they do on desktops, laptops and tablets. Images also increase load time, which can turn some less patient mobile internet users away. If you can’t live without the images on your blog, make sure you upload them as .gif, .png, or .jpeg files, which take less time to load on mobile browsers.

5. Keep Your Content Focused

If someone is browsing a blog on their mobile device, odds are they are on the move and want to find the information they are looking for as quickly and easily as possible. Your mobile home page should be clean and organized. Keep your content clear and easy to read. The most important information, like new posts or popular topics, should be on the top of the page, and always use easy to read, dark colored fonts on light colored backgrounds.

6. Make Navigation A Snap

Not all smart phones have back buttons, and this makes it difficult to navigate through mobile sites that have multiple pages. Make things easy by adding back buttons to each page. Also, try to link each page on your site to another page. The easier it is to navigate your mobile site, the more time users will spend there, and the more great content they’ll see.

7. Test On Every Platform

The only true way to make sure your blog is actually mobile friendly is to test it on every platform available to you. Ask your friends to check out your mobile site before it goes live and have them point out any criticisms. If you are having trouble finding a variety of mobile devises for to test you sight on, you can search for Web-based emulators online that will give you an idea of what your new mobile site will look like.

Final Words…

Thanks to huge changes in the mobile and computing markets, bloggers must take special care in catering to the mobile crowd.

Instead of assuming your readers are sitting at a desk while they absorb your content, assume that they’re out and about, short on time, and want the smoothest experience possible when exploring your blog.

Let us know whether you have made your blog mobile friendly or not. If not then do consider these tips while building a mobile version of your blog. And if you have already developed a mobile version of your blog then do give us tips if you want to that will helps us in any way.