How To Create a Mobile Version of Your Blog

Mobile Web browsing is getting bigger and bigger. Everyday, more and more people are surfing the Internet on their iPhones or Blackberries. Some estimates put the share of mobile traffic at 20% for certain types of websites and it’s growing. Big companies like Twitter and Facebook have seen the trend – the next Internet will be mobile – and are capitalizing on it by creating mobile versions of their sites so users can have a better experience.

Most sites and blogs don’t work well on mobile. Long load times, incompatible content and difficult navigation can be frustrating to users. Blog owners need to optimize their blogs in order to increase mobile traffic and revenue. You don’t need the financial might of a company like Facebook to create a mobile version of your blog. As a matter fact, you can do it for free with a service call MOBIFY.

I just launched a mobile version of John Chow dot Com and the response so far has been extremely positive. The load up time is super quick because the mobile version consumes only 25K vs. the 1.3MB taken up by the front page of the full version. Here’s a screen shot of the mobile version of my blog taken from my iPhone. You can view it with any Web browser here.

Mobile.JohnChow.com

How To Create a Mobile Blog with MOBIFY

MOBIFY makes desktop sites appear on mobile as if they were designed for a small screen. With the service you can create a mobile view of your websites and blogs in just minutes and improve its compatibility with thousands of devices. MOBIFY provides a high quality, effective mobile strategy while maintaining your brand, domain and site structure.

Using MOBIFY is a lot more involved than using a mobile WordPress plugin like WPtouch. However, the results look way better than anything WPtouch can produce. My colors and branding are maintained with MOBIFY and that was the most important thing to me. I also have a navigation bar and can show previews of each blog posts instead of just the headlines. Additional features of MOBIFY includes the ability to add both Google and AdMob analytics and Google Maps key. It will be very interesting to find out how many of my readers are reading my blog on their mobile devices.

Setting up a MOBIFY blog is a three-step process. You need to design the mobile version of your site using the MOBIFY dashboard. The video below shows how that’s done.

After you’re satisfied with the look and feel of your mobile blog, you have to insert a piece of JavaScript into the head tag of your header.php file. Alternatively, you can use the MOBIFY WordPress plugin to do it for you (that’s what I used). There are also plugins for other blogging programs.

The last step requires you to add a DNS CNAME record to point to your mobile URL. In my case, the URL is mobile.JohnChow.com. Congrats! You now have a mobile version of your blog. The next time someone visits your blog with a mobile device, the MOBIFY plugin will detect the device and will display the mobile version to them.

If you have an iPhone or any other mobile Internet device, check out the mobile version of John Chow dot Com and tell me what you think. If you want to create your own mobile blog, head on over to MOBIFY and create it. The service is free. You can’t beat that price!

MOBIFY – Make Your Website Mobile


52 thoughts on “How To Create a Mobile Version of Your Blog”

  1. Caden Grant says:

    Looks cool I might try it someday. Not really any point now since my blog doesn’t git a bunch of traffic.

    1. Maybe that is because you can’t spell!

      I am sure your traffic will pick up if you follow the John Chow method.

  2. Ian Fernando says:

    is his wife vacuuming the house? cause I hear the vacuum in teh background – plus it was hard to understand this guy – def gon to look at it tho

    Ian Fernando’s last blog post: Banking Off the Trend of the Jonas Brothers

    1. John Chow says:

      I redid the video to increase his the volume on his voice and decreased the vacuum cleaner.

      1. We blame the MacBook Pro mic =)) Thanks for upgrading the screencast and glad to see you go mobile!

  3. Latoya says:

    Thanks for this post. I am currently working on a lot of changes for my blog but even better than that, how to make it available in various format to increase my reach. Thanks again for this awesome info =)

  4. Excellent and useful service.

    needmoney.com’s last blog post: Viral marketing series – Part 1, Definition and Discussion

  5. that a cool tip! I am using mofuse.com , you just sign up and the site does all the work/tweaking for you..its been working good on some commercial sites that I’m running thus far.

    [email protected] last blog post: Freebie Monday #27 – Free Road and Track for 1 year (USA)

  6. That sounds great. And I just checked your site from my O2 pocket devise and it loaded super fast. Should make my site mobile friendly today 🙂

    Create a blog’s last blog post: How To Write Blog Posts- Generating Content

  7. Carl Jordan says:

    Wow, I got excited when I saw this on my Facebook news feed! I have been thinking a lot about this and how I would go about doing it for my blog. Just by watching people at work, I know it is going to steadily increase in popularity. Everyone is on their phones and browsing on break.

    Carl Jordan’s last blog post: Hollywood Rip Ride Rockit POV Video | CityWalk Calendar

  8. Vincent Woon says:

    Great tool ! Looks good on my G1 Thanks 🙂

  9. Tech Slice says:

    Nice tip. I’ve been meaning to look into making my blog available to mobile users. It’s a growing market.

    Tech Slice’s last blog post: Same Sex Marriage in Australia

  10. jjmelo says:

    The link at the bottom is invalid John, takes to mobify.MET. Great post. Doing it right now to my blog. Thanks

    jjmelo’s last blog post: Cheap Security Certificates from Dreamhost

  11. You are very right john. Mobile Web browsing is the future. More any more internet application will be catered for that direction. We certain don’t want to be left behind.

    make money on stock trading

    StockTradersBlog’s last blog post: Repaying Trap is a Non-Event

  12. Bibokz says:

    Mobile blogging is the nest big hit… I’m keep on digging about this issue. Looking forward for a great blog development later on.

    I try to browse your blog in my mobile John, It hangs. You have lots of application running that make it hard to load on my cellphone.

    Bibokz’s last blog post: Does server location have an impact on Search Engine Ranking Position (SERPs)?

  13. Tran Harry says:

    Wow John, your mobile site looks incredible on my Blackberry 8900. Very well done indeed and thanks for sharing this feature with us. I’m sure everyone will start making mobile versions of their site.

    I know I sure will, I hope it isn’t too difficult for my personal skill level.

    Tran Harry’s last blog post: Some People Just Never Learn

  14. cienik says:

    i will create my moble version blog with your tips john . thanks for sharing me .

    cienik’s last blog post: ShoeMoney 12 week internet marketing course | FREE sign up

  15. Seems as thought Mobify has stopped working this morning…

    I can’t load it, but when I do, I’m going to change the way my mobile version looks straight away.

    Carl – NokiApp.com’s last blog post: Detailed Walkthrough of Facebook on N97

    1. cienik says:

      this maybe because of john send lot of traffic to them with this tips

      cienik’s last blog post: CO.CC | Free Domain name registration + Free DNS service

    2. Carl, sorry you were experiencing problems! Let us know if we can help in any way. Looking forward to the mobile version of your blog!

  16. priscus says:

    Thanks for sharing the tip 😀 got to try this without losing time

  17. Awesome tips John. I’m planing to launch a mobile version for one of my blogs, this might be useful. Thank you

  18. Benjamin Cip says:

    That’s an exellent idea to make a mobile version of you site, as there are more and more people using internet on their cell phone. It might give you even more traffic! Great tip!

    Benjamin Cip’s last blog post: Free Design Products Contest

  19. Ben Pei says:

    Wow this is cool… iPhone 3rd Gen launching pretty soon.. should work well with this!

    Ben Pei’s last blog post: Twitter Online System is Live!

    1. I might have to snag one of those new iPhones.

      Gold Coins Blog’s last blog post: 1933 Gold Double Eagles Still In The News

  20. I pulled up your site on my iPhone and your regular site came up. It’s only when I accessed it through mobile.johnchow.com that I saw the “Mobile” version.

    Thoughts?

    Zander Chance’s last blog post: iPhone 3G S Announcement

  21. that would be awesome 🙂

    Bradley Nordstrom’s last blog post: THE iPHONE 3GS

  22. Asswass says:

    Making your website mobile is easy to. It’s all about database and queries. I’m going to try Mobify right now.

    Asswass’s last blog post: Last to Comment, First in Traffic

  23. Cam Birch says:

    Very cool. Once I get my traffic up somewhat, I’ll certainly be working on a mobile version.

    Cam Birch’s last blog post: Your Identity May Have Already Been Stolen

  24. Interesting post. Do you suggest mobify instead of or in addition to creating a .mobi url?

    Kimberly/Mom in the City’s last blog post: Do You Like Worms?

  25. Pheak Tol says:

    looks good and loads quick on my iphone – I’m going to give this a try as well, but i don’t even have john chow traffic so might be pointless but nonetheless still pretty cool to do

    1. it still helps to have the mobile site ready for the odd person that actually will browse your site. I was thinking the same way but was fairly surprised when my stats started showing the odd hit from a mobile unit. Its only upwards in terms of hits from this level and I”m prepared for the traffic!

      [email protected] last blog post: Another Down Day

  26. Eric Uhlir says:

    Thanks for the tutorial. I hadn’t really thought of that for my own blog, but I guess the mobile web applications are making this more and more popular.

  27. Eric Uhlir says:

    I hadn’t thought about how popular mobile web surfing has become, but then again you do see a lot of talk about the iphone so this may be something I do in the future.

    Eric Uhlir’s last blog post: Make A Blog For Your Business

  28. fas says:

    Super stuff John, how did you manage to find this out. Could not figure the CNAME in the registars panel, so buzzed the host and they said they can do it.

    fas’s last blog post: Start Your Online Business Now

  29. i don’t think it is worth the trouble . i don’t expect mobile users will flock to my blog.

    1. That kind of mindset will just drive people away from your blog.

  30. Alex says:

    Good idea. Every time I tried to read your blog on my phone the pop up would jam the browser it was a real pain to get rid of the pop up box. Look forward to reading johnchow.com on the go.

    Alex’s last blog post: My Top 5 Making Money Online Website List

  31. That is great!

    I was wondering on how can I do this but now I have the answer.

    Paul / Palabuzz’s last blog post: Geneva Cruz is Philippines Sexiest Vegan Celebrity

  32. Again John, you have informed us about a unique yet powerful tool that helps our online businesses in a way.

    I checked out Mobify and I must admit that it’s very helpful. Making a website more user-friendly, specially in mobile phones is something that every webmaster should think about.

    We need to know how our websites look like in the mobiles in order to modify them and Mobify is there to help us.

    I’m really impressed by the tool and thank you again, John!

    Cheers,

    Hooshmand

    Hooshmand Moslemi’s last blog post: Niche Review Templates

  33. game-girl says:

    That is the new direction of development in blogging.

    game-girl’s last blog post: Мальчишник в Вегасе скачать фильм онлайн

  34. I can never understand people who like to browse blogs/sites with their mobile phones 😀 I mean, most of the time I’ll be in front of the computer anyway

    Michael Aulia’s last blog post: Reduce WordPress CPU Usage #3 – Reduce your database queries

    1. I think you’re forgetting about people who are out at an event, school, etc. & want to visit a site on their phone.

      TYCP Entertainment Magazine’s last blog post: Courtney Van Dusen Interview

  35. Nice find. There’s another one I’d heard about two years ago, but this one is way better.

    TYCP Entertainment Magazine’s last blog post: Courtney Van Dusen Interview

    1. do you remember which one it was? Just curious to see the improvements in the current one.

      [email protected] last blog post: Freebie Monday #27 – Free Road and Track for 1 year (USA)

  36. Greg Ellison says:

    That is a pretty cool service. Thanks for sharing. Greg Ellison

    Greg Ellison’s last blog post: 4 Ways To Get Respect From Your Peers

  37. JBagley says:

    Have any of you checked out http://www.mobilepress.co.za? Really cool plugin for WP that will “mobify” your blog in seconds.

    JBagley’s last blog post: How NOT to send out a newsletter

  38. Yes this is quite important to grab every method to get the traffic. There are many people who is accessing internet by phone only. So if you will be able to get a part of such traffic than this will be beneficial for you as well.

    I am going to use this one.

  39. Pali madra says:

    The website looks very good and more usable on E71 and I’m accessing this from India.

    John I wanted to know how much time it took to create the mobile version using Modify?

    Thanks

  40. game-girl says:

    Why not to try this method? No doubt it is useful.

    game-girl’s last blog post: Мальчишник в Вегасе скачать фильм онлайн

  41. Shaun Judy says:

    Nice tool..I am currently using a different plugin for the same idea as Mobily. It has helped me get some more traffic on my site and has lowered my bounce rate just a tad but has helped a bit.
    Thanks

    Shaun Judy’s last blog post: Reasons I Love Twitter…

Comments are closed.