Category Archives: Blogging

4 Easy Ways to Make your Blog Mobile Friendly

Blogs make great mobile websites. A typical blog has short timely posts that are mostly text. Blog posts downloads quickly even over the slowest mobile connection and can be an entertaining way to send the idle minutes spent waiting in line or riding public transit. If you have a blog you should really try to make it as usable as possible on mobile phones. You'll be rewarded with more readers and, if you want, you can advertise on the mobile edition of your blog for a little extra revenue. No matter what blogging platform you are using there are ways to make your content mobile friendly and most of them, including all the ones listed below, require no programing and are very easy to set up.

The two most important things in converting web content for mobile browsers are page size and thematic consistency.

  • Most mass market phones can't handle very large pages, if there's more than 10kB of markup and 20 KB total with images, the page will fail to load or be very sluggish to navigate. Mobile blogs generally display only one post per page which helps keep size down. If you write long posts and use more than a three small images per post look for a mobile blogging platform that can split large pages and resize or strip images.
  • For maximum traffic and usability your site should support thematic consistency, meaning that when a user types the URL; http://YourBlog.com/The_Meaning_Of_Life they will get your post revealing the meaning of life formatted for the device they are using - whether its a PC or a phone. Users shouldn't have to enter a special url to get the mobile version. The software should be smart enough to detect the browser and deliver the right version. Thematic consistency done right benefits users and publishers because every external link goes to content that's usable on the current device.

There are 4 main ways to mobilize a blog. In order of desirability they are:

  1. Use a blogging platform that has mobile support built in.
  2. Use a plugin to create a mobile version of a self hosted WordPress blog.
  3. Use a service that creates a mobile site from your RSS feed.
  4. Use a transcoding service to reformat your blog (or any site) to be more mobile friendly.

Live Spaces - It's all MobileUsing a blogging platform that has mobile support built in. This is the easiest and potentially the best approach as it requires little or no action on the blogger's part. Unfortunately there are only two platforms I know of that have integrated mobile support, Windows Live Spaces and Vox, both of which are more social networks than "serious" blogging engines. Vox and Spaces do show the potential of this approach. Both produce highly usable mobile pages with images resized and long posts split up into multiple pages. Most of the PC blog features carry over to mobile including blogrolls, galleries and the ability to read and post comments. I wouldn't switch to Vox or Live Spaces to get mobile support but if you are already using one of these platforms you're all set. I just wish WordPress, Blogger and TypePad offered integrated mobile support. For an example of a Mobile Space visit It's all Mobile (top image). For an example of a Vox blog, check out Arashi.

TripleodeonUsing WordPress Mobile Plugins. WordPress is the most popular (and I think the best) software for publishing self hosted blogs. It's free, easy to install and supremely configurable thanks to its modular architecture which supports "Plugins", small code modules which customize and add new features. Listed below are 4 WordPress Plugins that deliver mobile content to phone browsers. Installing any of these is as simple as copying the files to your site's wp-content\plugins folder and enabling the plugin on Plugins tab of your WordPress Dashboard. The only potential headache with plugins is that they aren't always updated to work with the latest WordPress releases. All these plugins offer thematic consistency but page size is not managed except by Mowser.

  • Alex King's WordPress Mobile Plugin: This is the granddaddy of all WordPress Mobile plugins. Like the the other plugins, it's free and easy to install. There's no image resizing or page splitting and the markup is generic html that doesn't validate but displays without problems on most mobile browsers. Confirmed as compatible with WordPress 2.2.n, I don't know about 2.3. See it in action at ZdNet's The Mobile Gadgeteer.
  • Andy Moore's WordPress Mobile Plugin: This ambitious plugin has support for AdMob mobile ads, a hit counter and it even gives you the ability to post from your phone! The plugin delivers pages that validate and paginates comments (but not posts). There is no image resizing. MobHappy and m-trends are two A-List blogs that using this plugin. Works on WordPress 2.2.n but not 2.3.n, however there is a patch to make it compatible with 2.3.
  • Ruadhan O'Donoghue's WordPress with WURFL plugin: This is an update of the Alex King plugin with browser detection using WURFL, and markup that validates. I think WURFL is a great resource and essential if you are delivering content like ringtones, video, themes or wallpapers to phones. Here it's only being used to distinguish mobile browsers from non-mobile ones which seems like overkill. Tripleodeon uses this plugin (second image). Works with 2.2.1, 2.3 compatability unknown
  • Russell Beattie at Mowser has also written a WordPress Plugin that works a little differently than the above 3 do. Russell's redirects mobile browsers to a transcoded (by Mowser) copy of your blog. Used by tarek speaks mobile and Mike Rowehl's This is Mobility. This plugin is pretty simple, it just does a redirect, and should be compatible with just about any WordPress version including the latest, 2.3.1.

It's hard to recommend one of these plugins over another. Andy Moore's is the most feature rich and you should probably look at it first.

RSS to Mobile: WordPress Plugins only work on WordPress and only if you are using a web host that at lets you install them. Blogs hosted at WordPress.com do not. On the other hand, just about every blogging platform supports RSS. There are a number of services that take an RSS feed and turn it into a mobile web site. Here's a table listing the features of most of them:

Home Page Page Splitting Image Resizing Comments Ad Revenue Sharing Valid Markup WML support Sample Blog
Mowser Y Y Y 100% Y N Mowser
FeedM8 Y Y Y 60% Y Y FeedM8
Feed 2 Mobile N Y N N/A Y N Feed 2 Mobile
MoFuse N N N 50% Y N MoFuse
Winksite Y See Notes N 100% Y N Winksite
xFruits N See Notes N N/A Y N xFruits
Wirenode N See Notes N N/A Y Y Wirenode

Notes: Image Resizing: Winksite, xFruits and Wirenode strip all images from posts. Winksite and Wirenode also remove links. Ads: FeedM8 always shows ads on your pages but will share the revenue with you. Winksite, MoFuse and Mowser show no ads on your pages by default (Mowser has ads - but not on publisher pages) but you can set them up to display ads.

FeedM8 - WapReviewThe main disadvantage of the RSS to mobile services is that they are external to your domain so they can't by themselves provide thematic consistency. They are also limited to the content in your feed, there is no way to get any of the other features of your blog like your About page or archives. Still, the better ones produce excellent mobile sites. I recommend Mowser and FeedM8 (third image) as they are the only RSS to mobile services that allow mobile users view and post comments, and also the only ones that split split long pages and resize images.

Transcoders have the advantage of converting all the content of any site to mobile format. They also tend to deliver rather poor mobile usability. Still for sites with a simple design, which includes most blogs, transcoders can do a pretty decent job. The bottom image shows Mike Rowehl's blog in the Mowser transcoder.

I mentioned the Mowser WordPress plugin above. If you aren't using WordPress you can post a link on your site pointing to a transcoded version of your blog. There's no thematic consistency but it's better than no mobile site at all. For Mowser use:

Mowser - This is Mobility

http://mowser.com/web/<your URL without the http://>

i.e., http://mowser.com/web/YourSite.com

See Mowser's Publisher FAQ for more information including neat examples of how to redirect mobile browsers using Apache's Mod Rewrite or PHP.

If you'd rather use Google's transcoder, theURL is:

http://www.google.com/gwt/n?u=http://YourSite.com

For Skweezer, it's:

http://www.skweezer.net/s.aspx?q=YourSite.com

There's really no reason not to mobilize your blog today, its easy and you will have increased your potential audience by 2.7 billion users!

Please leave a comment if you know of any other good ways to create a mobile site from a blog without coding. I'm particularly interested in blog platforms with built in mobile support and solutions that provide thematic consistency and manage page and image size.

Posted in Blogging | 24 Comments

Tumblr - Mobilise Anything!

Steve Rubel posted about how he's using Tumblr to create a Tumblelog, The Steve Rubel Lifestream, at steverubel.com. It's a site that rolls up Steve's blog posts, his Flickr and Del.icio.us feeds, Twitter tweets and Facebook notes in one place. There's even a mobile edition (steverubel.com/mobile) . Steve Rubel Lifestream

The mobile aspect of Tumblelogs looked intriguing so I visited Tumblr.com to see what it was all about. Tumbler is a free service that combines multiple RSS feeds plus content from del.icio.us, Flickr, Twitter, Digg, Last.fm and YouTube into a single Tumblelog website. Each Tumblelog includes an RSS feed and a mobile web site.

I love it when web content management systems automatically generate a mobile edition like this without any extra steps or effort on the author's part. MSN Spaces (review) and Simple Machines Forum (review) are two others that do this. This is a great way to build the mobile web - if it's on the web it should be on the mobile web too.

You can also post directly to your Tumblelog from a web form at Tumblr.com or by email. The email interface means you can easily moblog too.

The mobile version of a Tumblelog is pretty basic. Unlike the desktop edition which is highly configuable, the mobile sites are all the same, black text on a white background. Large images are resized to 250px wide, a strange choice as it's wider than most mobile screens. Pages are limited to 10 posts by default. You can change this setting which is shared by both mobile and desktop Tumblelogs. If you include images with your posts, you need to set it to three posts/page or less to avoid overwhelming mobile browsers with more data than they can handle. Tumblr should manage the mobile page weight, making it the user's responsibility means that a lot of Tumblr mobile sites will be too big to load in feature phone browsers.


Posted in Blogging, Mobile Web Development | Leave a comment

Disabling Blogline's Skweezer

 Wap Review with Skweezer Don't get me wrong, I'm a big fan of both Bloglines and Skweezer. But together they drive me a little mad. Bloglines is the only RSS reader I use both on PC and mobile. I don't really consider Bloglines Mobile to be a mobile site, in spite of it's name. All unread posts in a feed display together on a single page, so any feed with more than few items is too big for most phones to even display. Saving a post requires Javascript which leaves out 90% of all phones. Bloglines Mobile is a classic PDA site, it works fine in Pocket Internet Explorer or Palm's Blazer but in most feature phone's built-in browsers - forget it.

Fortunately, my lowly Motorola i855 can run Opera Mini which works almost perfectly with Bloglines Mobile. I still can't save a post but I can live with that. A couple of months ago Bloglines integrated a white label version of Skweezer into Bloglines. I'm afraid for Opera Mini users it was a change for the worst.

Skweezer is a great tool for accessing full PC sites. I used to use Skweezer a lot before Opera Mini. But Mini does everything Skweezer does only better. It works with more sites, does a better job of preserving the original look and feel of a site and it's faster too. Skweezer doesn't seem to recognize that Opera Mini can handle pages of any size  and unnecessarily splits each page into many small ones.  It takes more clicks and much longer to load all those small pages than if Opera were just allowed to manage page size itself. The images show Opera Mini displaying the PC version of this blog with Skweezer (top) and without (bottom), which do you prefer?

In the latest Bloglines Mobile, when you click through to the original post or follow any link in a post you get a Skweezer transcoded version of the link target. It's not a normal Skweezed page either - it's missing the "View without Skweezer" link that Skweezer pages usually have at the bottom. Another issue is that if you are a registered Skweezer user and have changed your Skweezer preferences (to use CSS or not to split pages, for example) the custom Blogline's Skweezer doesn't honor your preferences. There is apparently no way to disable Skweezer from within the mobile version of Bloglines.

There's another reason users might want to disable Skweezer and thats when the link in Bloglines leads to a mobile site. A lot of the blogs I read have mobile versions or link to mobile sites. Skweezer does not improve a well designed mobile site.

 Wap Review without Skweezer   In case your wondering why not just access the PC version of Bloglines with Opera Mini, it doesn't work - you literally can't get to your feeds without frames and Javascript.

You can partially disable Skweezer in Mobile Bloglines but you have to do it through the PC version of Bloglines. On the Feeds tab, choose Options and tick the checkbox labeled When in Bloglines Mobile, disable the use of Skweezer. This will disable Skweezer when you click through to a post, but it won't stop the Skweezing of any links clicked from within a post in Bloglines. If you want to explore a link without Skeweezer, you have to click through to the post on the actual blog site and then follow the link - not fun.

Please Bloglines and Skweezer - consider changing the option to disable Skweezer so that it's completely disabled on all links! And please put back the View without Skweezer link in Skweezed pages. Users of Opera Mini and other advanced mobile browsers like Netfront, Blazer, PIE, Opera Mobile and Nokia's Webkit will thank you.

Posted in Blogging, Browsers, Content Adaptation | 1 Comment

YoMoBlog

 YoMoBlog Screenshot I'm trying out YoMoBlog, a very cool mobile blogging tool from Dave Winer. It works with lots of blogging platforms including WordPress and Type Pad. As it's mobile web based with a page size of only 7kb, it's compatible with most phones.

YoMoBlog really shines when used with a device with a QWERTY keyboard. I wrote and posted the lead paragraph of this item with my Moto i855 - but not being a demon texter I wouldn't want to write more than a few lines with a phone keypad.

To get started with YoMoBlog, head first to yomoblog.com/startup to register. Registration consists of entering your blog's url, an email address and an existing login and password to your blog. Once you're registered, you log into yomoblog.com, type your post, hit submit and you've posted to your blog. It couldn't be simpler. YoMoBlog even lets you tag your mobile post with any of the categories you've set up on your blog. There is no draft mode, so what ever you've keyed gets posted immediately.

YoMoBlog is easy to setup and use but If you get stuck there's on-line help and a Yahoo Group, blackberry-bloggers.

I like YoMoBlog. The interface is clean and intuitive and it seems to be compatible with most blog software and devices.

I've added YoMoBlog to the YesWAP mobile portal. If you're a YesWAP user, just follow the front-page link to the RSS/Blogging page .

YoMoBlog: cHtml Content: ***** Usability: X X X X X

Related Wap Review Links:

Posted in Blogging | Leave a comment