Six Ways to Make Your DIY Blog More Mobile Friendly

Looking for an amazing yet affordable theme for your site? Join Elegant Themes for the all-inclusive price of $39, and you're only paying 50 cents per theme!

Our host today is Samantha Peters. If you're interested in getting in front of the readers of Site Sketch 101, check out our guest posting invitation here.

A problem many established bloggers are currently facing is staying relevant relative to an increasingly mobile web community. This has less to do with content and more to do with access – blogs that were created and optimized early in the game weren’t done so with mobile users in mind. The idea of a mobile Internet user accessing a particular blog among millions readily available via a network of Digital Realty data centers was not something most web designers were taking into consideration until only a few years ago.

If your blog was implemented years ago and ever since you’ve maintained it loosely without bothering to stay updated on the latest ways to design a web page, the unfortunate truth is that it may not be easily found by mobile users and worse yet, may not be visible to them at all.

If your blog’s design is a bit outdated and therefore relatively simple, and already has an established flow of traffic, then you’re in luck as far as finding ways to make it more accessible to the growing number of on-the-go web users. One if not all of the following six ways to make your blog more mobile friendly are sure to help:

Remove Flash

Several years back, before HTML5 became as prevalent as it is today, aspiring website designers and bloggers were quick to turn to Adobe Flash to make their content more alive. Yet today the overwhelming majority of mobile web browsers do not support the platform, Apple’s iOS most famously. This reduces your mobile PageRank by making your site unvisitable by mobile users. If Flash is a major component of your blog, get rid of it.

Use WordPress

Serious web designers are shaking their heads right now, but those who haven’t updated their blogs in awhile could probably make the transition to WordPress with few complaints. It’ll accommodate most archaic design demands, but more importantly it’s instantly mobile friendly. If you already have the traffic and don’t mind the limitations, then why not?

Reduce Image Size

For the last decade, we’ve been designing off-the-beaten-path sites such as blogs with the “bigger is better” mentality in mind regarding images and graphics. How else are you going to compete with more established sources of information? But since web users are reverting back to smaller devices with slower connection speeds, big isn’t always best. Stick to small images, and as few as possible.

Provide Straightforward Navigation

If your blog includes additional pages for bookmarks, video links, and other extras, make it a easy as possible to get to them. The old gimmick to garner more traffic that included quasi-confusing navigation won’t win you any love from the mobile web community, who’s rather return to to Google and try again.

Center the Important Stuff

If you’re raving about a new viral video on Youtube in your most recent post, don’t bury the link among five others at the bottom of the article. Again, the tactic that tries to keep traffic on your site for as long as possible doesn’t do you any favors with mobile users. Make the stuff people are coming for right where they’ll immediately find it. For the sake of ranking high among mobile searchers, this is an effective strategy.

Test it Out

The only real way to make sure your established blog is mobile friendly is to access it through various mobile browsers. See if you can’t round up an Android, iPhone, BlackBerry, and Windows phone from family and friends, and if not use one of several mobile browser emulators available online. Emulators are particularly useful when it comes to seeing how your site looks on alternative browsers mobile users may install onto their devices themselves. It’s the only way you’ll know for sure if your blog is accessible by folks on-the-go.

It’s best not to mess with a good thing, and an established blog with consistent traffic is exactly that. But as we enter an age when a growing number of individuals are using mobile technology to connect to the web, it’s important that those with blogs optimized with strictly desktop users in mind take the time to make sure their voices are still being heard.

Share your Opinion

and be a part of the discussion

  1. *Name (no keywords)

    *Mail

    Website

    * Indicates Required Fields
    Your Comment

CommentLuv Enabled


15 Vibrant Comments

We would love to hear yours!


  1. February 24, 2012

    Prithvi said:

    Heya Samantha,
    It was really nice tutorial cum guide. I enjoyed going through this and i guess this will be pretty useful. Thanks a lot for sharing.. Keep blogging. :)


  2. February 24, 2012

    MUBASHIR said:

    hi t’s best not to mess with a good thing, and an established blog with consistent traffic is exactly that. But as we enter an age when a growing number of individuals are using mobile technology to connect to the web, it’s important that those with blogs optimized with strictly desktop users in mind take the time to make sure their voices are still being hear


  3. February 27, 2012

    Kelvin Castelino said:

    Hmm nice info! But even Blogger and TypePad have good basic mobile templates, which come in handy for one’s just browsing net from mobile for information! Considering WP, I suppose all platforms take equivalent time in designing something feasible for both desktop and mobile platforms!


  4. February 29, 2012

    Becca said:

    The ideas you’ve shared here are fantastic and no doubt so great and it may really improve the variety of individuals visiting your website.


    • March 1, 2012

      Samantha Peters said:

      Glad you found my post helpful and I hope that it draws in new people to your site


  5. March 4, 2012

    Becca said:

    Excellent tips indeed! I really love to learn from the well experience one.. I have learn a lot from you .. I will always keep that in mind..


  6. March 5, 2012

    Radhikesh Sahu said:

    Woow very knowledgeable post..
    This will really help me writting an quality content…


  7. March 6, 2012

    hotels views said:

    hotels views

    It’s the best time to make some plans for the future and it is time to be happy. I’ve read this post and if I could I wish to

    suggest you few interesting things or advice. Perhaps you could write next articles referring to this article. I desire to

    read more things about it!


    • March 6, 2012

      Samantha Peters said:

      I would love to hear your suggestions and what you have to add to my post. You should definitely consider writing a follow up post, I’d love to read it.


  8. March 8, 2012

    Alexis said:

    Nice suggestion with the emulator (I didn’t know that even existed!).

    I get about 60% of my site traffic from mobile devices (most often iPhone or iPad). Is that the norm these days?


    • March 8, 2012

      Samantha Peters said:

      Wow! 60% of traffic coming from mobile devices is really good.

      I think you are actually above the norm on this.

      In the coming years larger percentages of all traffic will come from mobile devices, so keep up the good work and continue to optimize your site and pages for convenient mobile browsing.

      Keep up the good work.


  9. March 10, 2012

    personalised items said:

    Hey Sam, I’m glad I came across this and really helped me make my blog mobile friendly. It’s important to make it as such to have more people visiting my blog. As we know, a lot of people browse through their smart phones whenever away from home.


  10. March 12, 2012

    Dan Sumner said:

    Hey Samantha,

    Nice tips thanks for sharing.

    I guess I’m up to date with WP and Thesis theme. My site looks good on iPad and mobile devices so I would say I’m good to go.

    I used to use the WP mobile plugin, but it rules out subscriptions to my mailing list so took it off.

    I soon want to switch to Amazon S3 for images to speed up my site, but this is going to take some work. I have over 100 images to link in.

    Thanks for sharing.

    Dan


    • March 20, 2012

      Samantha Peters said:

      It is good to hear that your site is already optimized for tablets and other mobile devices.

      I think the switch to Amazon S3 is a good call, despite the amount of work it will take to get all your images linked in.


  11. March 17, 2012

    Sheshnath said:

    Hi Samantha,
    Really nice tutorial I Liked it too much, thanks for sharing this knowledge, this will surely help many of us.