social media how toDo you want more mobile subscribers and readers?

Is your blog suitable for a mobile device?

In 2012, mobile users spent 63% more time on their devices accessing mobile websites and apps and this is set to increase.

In this article I’ll explore the importance of mobile for your blog and the different options available to support your blog on a mobile device.

Is Mobile Important for Your Blog?

Yes! An increasing number of your readers will access your blog from their mobile devices. Smartphone usage will continue to increase and don’t be surprised if more people access your blog from a mobile device rather than a desktop in the future.

google analytics overview

Analytics display details of how many people are accessing your website from a mobile device.

Before you make an investment in this area, it’s useful to check your analytics to find out how many people access your blog from a mobile device.

Most analytic programs will provide you with this information.

If you use Google Analytics, under the Audience section, select Mobile > Overview. This screen shows you the amount of traffic that comes from a mobile device. Switch to a pie chart view and you will see the percentage of your site’s traffic that is coming from mobile.

Under Devices, you can see which mobile devices your visitors use. In this example, you can see the iPhone and iPad are the most popular options. Although an iPad has a larger screen size than an iPhone, there are still potential issues viewing your blog through it.

google analytics mobile devices

You can drill down to find out what mobile devices people are using to access your website.

Do your sharing icons work on the mobile device? Can users comment? Is there far too much scrolling to the right required?

From the example above, close to 20% of all the traffic comes from a mobile device. Is that something you can ignore?

Check out your site. What percentage of traffic do you get from mobile devices? Has this increased? Is it likely to increase further?

How to Test Your Blog

The best way to test your site is try to view and interact with your blog from a variety of mobile devices (iPhone, iPad, Samsung Galaxy, etc.).

Google provides a website called How to Go Mo which helps you test your mobile website for mobile compatibility.

To test your site, go to the Mobile Meter page, enter in your website address and click Test Your Site.

go mo test site

Google’s Mobile Meter is useful for testing your website for mobile compatibility.

Google will display an image of how your website looks on a mobile device and then ask you a series of questions related to what your website is used for, if the content displayed is readable and so on.

gomo questions and results

Results with recommendations are displayed in a downloadable document.

Based on your answers, Google will display a summary of results and give you an option to download a PDF document that will give you more detailed recommendations.

gomo full pdf report

Results with recommendations are displayed in a downloadable PDF document.

It’s a very basic tool, but the recommendations in the document will help you understand the typical issues users have and will provide some tips on how you can adapt your site to suit its primary purpose.

What Are Your Options to Support Mobile Visitors?

There are many options to create a mobile version of your website. The following includes the most likely options that you will consider.

#1: Make no changes to your website

If you make no changes to your website to support mobile, your visitors will still be able to access information through a web browser on a mobile device.

However, it’s highly likely that your website will not operate correctly on a mobile device. The typical issues are:

  • Too much scrolling to the right required—The website does not fit correctly on a mobile device, so visitors have to scroll a lot over to the right to access information. Mobile users are typically impatient, so it’s hard to keep them on your website if this is the case.
  • You have to pinch all the time—If your content is too small to read, you end up pinching the content with your fingers to enlarge it. This then makes it easier to read but introduces more scrolling!
  • Images and videos not adjusted—On your website, you have room to display larger images and video, but on a mobile site you can’t see the entire image or video on the screen without scrolling.
  • Speed—On a mobile device you don’t always have the same speed connection you would with a desktop. You need to consider the download time of your pages. If you build a mobile website correctly, you can reduce the size of the image and you don’t sacrifice quality because the image is displayed on a much smaller screen.

The use of mobile/tablet devices will continue to grow. So if you are not prepared to make changes now, you should consider a plan for the future.

#2: Build a separate mobile version of your website

If you build a mobile version of your website, you will effectively have two websites—one for a desktop and one suitable for a mobile device.

A separate mobile website is generally displayed like the following—

When someone visits your website from a mobile device, they are automatically redirected to your mobile website. With a separate mobile website, you can have different content, layout images, etc. on the site.


  • It is inexpensive to build, and in some cases you can build it for free.
  • You can have it up and running quickly and you can set it up without technical skill.
  • With a separate site, you can tailor the content to the needs of your mobile readers that won’t be replicated on the desktop version of your website.


  • If you make changes specific to the mobile version, you also have to update your other site, and vice versa.
  • There can be issues with redirection. For example, if you are on your mobile website and share a link from it, you will be sharing your mobile version of the link. If someone is on a desktop and clicks on this link, the mobile version of the site will be displayed instead of the desktop version.
  • You now have a mobile version suitable for smartphones and one for a desktop. You don’t have a version that is suitable for tablets.
  • If you do not follow Google’s recommendations, you can damage your potential for ranking in their search results.
  • If you use a third-party service to develop a mobile version and you host it with them, this can affect the ranking of your site on Google.

How to build a mobile version of your website.

You can go to your developer and ask him or her to build a mobile version of your website or you can use tools that are available on the web. For example, Dudamobile provides software to build a mobile site.

How to Go Mo has partnered with Dudamobile to provide free mobile websites for up to one year.

If you go to the Build Your Site section, you can enter in your website address. Select the option Make My Site Mobile.

gomo site name

Google provides a facility for building your own mobile site.

If your site is a blog, it will identify this and give you the option to either stick with the blog layout style or switch to a website layout, which presents you with a different range of templates to choose from.

Choose to keep it as a blog and then select the template you want to use for your mobile site.

gomo choose layout

Choose the layout you want to use for your mobile site.

There is a suite of templates available that are suitable for a blog, so pick the most appropriate one.

Once you choose your template, there is a very straightforward process you follow for completing the site.

On the first screen you can edit the site design, which includes customizing the background, font and colors for most of the elements on the screen such as the header, the blog home page, the blog post page and so on.

gomo customize page

Customize each section of the site to suit the colors and style of your main website.

Here is an example of the Social Media Examiner site with an addition of a header at the top. As you can see, the blog content is clearly laid out in a simple format that makes it easy for visitors to find a relevant post.

gomo example

Customize each section of the site to complement the colors and style of your main website.

If you want to get a bit more adventurous, then you can also add new content to your mobile site such as sharing icons, a Twitter feed, contact forms, images, text and so on.

Click on Full to see the various options available. Then simply drag and drop the item onto the place on the screen where you want it to appear, and then you can customize its appearance and properties.

gomo add new content

Add content to your site.

You can also add design elements to the site such as tabs, dividers, buttons and much more. You can even add some of your own custom HTML.

When you are happy with your site design, you need to save your site. First you are asked to enter your email address and password to create an account on the Dudamobile website.

Once you do this, the site is now saved and you are immediately given an address for your mobile site. If you do not want Dudamobile in your address, you can switch to the paid version and get your own mobile website address (for example,

gomo mobile website address

Set up a redirect so mobile users are automatically taken to your new mobile site.

If you use WordPress, you can now set up a mobile website redirect that automatically redirects visitors to your mobile version if they arrive on your website from a mobile device.

gomo redirection plugin

When the WordPress plugin is installed you can update configuration of the redirect directly within WordPress

You will need to install the Dudamobile plugin to your WordPress site, confirm your mobile address and then you’re active. Now mobile visitors will automatically go to your new website.

#3: Use a Mobile-Optimized Theme

A mobile-optimized theme means that you only have one website, but a different version of it is displayed when visitors are on a mobile device.

The theme created is very suitable for a mobile device. It is generally light on graphics and any complicated functionality.


  • You only have one website with a different theme displayed for mobile.
  • The website is lightweight and fast.
  • It can be very easy to get up and running (see WPtouch below).


  • As this option is limited on graphics, you lose a bit of branding as your mobile site does not look identical to your website.
  • If you want it to work correctly on tablet devices, you need to have a theme that supports these devices.
  • Google recommends a responsive theme, so it’s difficult to ignore this.

Creating a mobile-optimized site using WPtouch.

There are various WordPress plugins available that allow you to create a mobile version of your website. One of the more popular ones is WPtouch.

WPtouch creates a very simple mobile-optimized template for your content. You then only have one site with one web address, but a much simpler version of the site is displayed on the mobile device.

Install WPtouch the same way you would install any WordPress plugin. When you enable it, you will automatically have a mobile version of your website. Seriously, it is that simple.

In the example below, you can see how the blog posts are displayed in an easy-to-navigate list.

When you open up a blog post, it is sized correctly for a mobile device.

wptouch blog and post

Sample website created using WPtouch.

Within WordPress, the plugin gives you a lot of different configuration options depending on your requirements. For example, by default the menu only contains three options—Home, RSS Feed and E-mail.

If you want to add other menu options, go to the section for Pages and Icons. Select the menu options you want to appear and the icons to associate with each option. You can either choose from a library of standard icons or you can upload your own.

choose menu items

Choose which pages you want available from the menu.

Your menu will now have the options you have selected.

menu items on mobile site

How the menu appears on the mobile site.

WPtouch is free but there is some paid support for devices and functionality that you may want. For example, with WPtouch Pro you can get the following features:

  • Support for multiple languages
  • Enhanced support for advertising
  • Improved administration
  • iPad theme support
  • Better support for comments
  • Support for multi-level menus

#4: Build a Responsive Design

A responsive design means that your content automatically adjusts to the size of your device. You have one website and one set of content, but depending on what device you display it on, it is automatically laid out differently.

Imagine if you had three columns of information on a desktop device. On an iPad, you may only display it in two columns, or one column on an iPhone. Any information that cannot be displayed gets moved below, therefore eliminating any scrolling to the right.

responsive theme display

A responsive theme displays content in a way that is suitable to the specific device.


  • You can have different displays suitable to the particular device so you have a good viewing experience.
  • You have one website to manage, as there is only one set of content. With mobile sites, you could have only one set of content if it’s just a blog. It gets more complicated if you end up changing content on your mobile site and not on your desktop or you start adding functionality such as new menus.
  • With a responsive design, you can also have the image sizes adjusted so that you are not downloading large images on a mobile device.
  • Google recommends that you use a responsive design.


  • It’s more expensive to get a responsive design built than a normal mobile website.
  • It may not be possible to make an old website responsive, so you may have to start again with a new website.
  • Slower performance—A mobile website generally has less content, so with a responsive design it displays slower. You can improve this by creating smaller image sizes specific to different devices but generally the speed will still be slower.
  • More difficult to navigate the site—Your mobile users have different requirements than your desktop users. They don’t have as much time or patience and want a simple way of navigating.

Note: There is a more advanced version of responsive design called RDSS (Responsive Design + Server Side) components. This means that in addition to the page adapting to the size of the device, you make changes to specific elements of the page depending on the device.

For example, you could have completely different menu structures for an iPhone or iPad device. This is something to discuss with your developers!

#5: Build a Native Application

If you have a smartphone, you can download applications to run directly on your phone. These are called Native Applications.

You can build a really nice user interface that is suitable to specific phones and use some of the functionality available on the phone (e.g., the camera).

It is possible to build a native application for a blog but it is not a good option. You would end up building several native applications (e.g., one for Apple iOS, Android, etc.), which would be very expensive.

Final Comments

Supporting your mobile users is important now and will become increasingly important. If you don’t support mobile at the moment, it is something to consider in the near future.

What is your experience with mobile users? Have you implemented a mobile version of your website? Has it benefited you business? Leave your questions and comments in the box below.

Tags: , , , , , , , , , ,

Get Social Media Examiner’s Future Articles in Your Inbox!

Join 465,000+ of your peers! Get our latest articles delivered to your email inbox and get the FREE Social Media Marketing Industry Report (56 pages, 90 charts)!

More info...
  • Pingback: How to Make Your Blog Mobile-Friendly | Social Media / SEO / Mobile / Digital Marketing News()

  • Awesome post Ian! Making your blog mobile friendly should be one of the top things online marketers consider. Thanks for including the pros and cons. It will be very helpful for bloggers who plan to do it. In my case, I want to know if I still need to implement this to my show notes, since my podcast is already available on iTunes and Stitcher radio. Your thoughts? Thanks for your answer in advance.

    Let’s have a rockin Monday everyone!

    ~John Lee Dumas

  • Hi John, If you have a mobile compatible version of your website then your show notes will appear fine. So your starting point is your website. Looking forward to catching up at social media marketing world conference! Thanks for your comment. Ian

  • This is a wonderful and comprehensive list of resources for mobile site creation! A lot of business owners have made their websites mobile friendly but have neglected to optimize the blog! The good news is a lot of companies build their blogs with WordPress which does have some mobile options for blogs.

  • Hey Nick, thank you so much for your feedback! Glad you found it useful. Ian

  • Dara Khajavi

    This is an incredibly helpful breakdown. Mobile use has grown exponentially. brands and blogs need to adapt to mobile use. I personally find it very frustrating when a mobile use site is more difficult to use than the standard site.

  • Hey Dara, thank you so much. Mobile can be quite confusing as there are so many options but it’s also very important! Ian

  • Fabulous post filled with very helpful info. I’ve been doing this research, and it’s so helpful to have all in one place. THANK YOU!

  • Pingback: How to Make Your Blog Mobile-Friendly | Social Media Examiner | Sharp Search Technologies()

  • Hey Lisa, I’m delighted that it’s useful to you. Thank you so much for your feedback. Ian

  • Great post Ian! Thank you for taking the time to put this together.

    We are currently rebuilding a site for a client and we just mentioned responsive design and all the perks. The client also brought up the fact that people on mobile devices are looking for different content.

    I don’t know if it’s safe to assume what the user is looking for based on device. Someone searching on a tablet may or may not be looking for the same thing that a user on a phone is looking for.

    But how are we to determine that? Especially because responsive is so new we are using stripped down analytic’s that support sites that are bare bones already.

    I feel that with responsive, the menu structure and the site can be delivered in a way that you actually guide the visitor through your site. If it’s designed right then navigating to the appropriate ares shouldn’t be an issue.

  • Hi Mikel, I agree with you. Delivering a good responsive site will meet the needs of the users. Google recommends responsive so we need to list them to them also! There’s also changes you can make to responsive for the particular mobile devices, for example, not showing certain content that is not relevant or wouldn’t display correctly so you have some flexibility with responsive design also. Thanks so much for your feedback. Ian

  • Great post.
    A pleasure to be reading this on a 4 inch screen. iPhone. Surprisingly the three Advantage / Disadvantage images are not responsive. Is that on purpose?

  • Ian, great post my man. For many bloggers their blog/site is their home base so having a mobile friendly website is of the utmost importance.

    For those of you on the fence…Google states that if a user finds a non-mobile friendly site, there is 47% chance they will NEVER come back to your site again from their phone.

    Those odds are not ones you want to lay with. You may only have one chance so make it count.

    We’re all going mobile because of our audience. Get on the train. It’s a good one.

    Thanks again Ian.

  • Hey Greg, thank you for your great feedback. That’s an interesting stat, I never heard that one before. I’ll use that again!!! You’re right, everyone needs to get on the train, it’s left the station already!!! Ian

  • No, that wasn’t on purpose. We’ll take a look at that issue!! Thanks for the feedback, really delighted that you liked it.

  • My bad its 46% and it’s from Gomez. Great stat though. Here is the source:

    I have some other great stats on my site as I cover mobile specifically. Talk soon!

  • Pingback: Writing About Bitcoin: Disclosure Dilemma | Poch Peralta()

  • Pingback: How Your Website Looks On A Mobile Device()

  • Thanks Greg, I’ll check out your site. Ian

  • lynnfishman

    Have retweeted this excellent content! I would love to hear some suggestions on the actual blogging format itself. A few short sentences per paragraph? What about the addition of links in your blog post? How does that work within a mobile framework?

  • Hi Lynn, the way people read content on the web or mobile you need to have short paragraphs anyway. It would be too difficult to manage having 2 different blog posts so if you keep the paragraphs short that will work for the desktop and mobile.

    If you have a link within your content and somebody clicks on it, it will automatically redirect to the mobile version of the website if the website you are linking to has a mobile compatible website and has set up a redirect correctly.

    Thanks for your feedback and for sharing!


  • Pingback: Understanding Mobile-friendly options | Hoffman Graphics()

  • I loved this post so much that I just retweet it! I can not thank you enough for posting such a helpful post. As a new blogger, I am constantly searching for as much help as I can get for improving my blog. This post was clear, to the point, and full or really helpful information that I am able to save a refer back to later. I could not agree more with some of the other comments, marketers often overlook making sure the blog looks presentable on mobile devises! Thank you again!

  • heidicohen

    Ian–Thank you for providing a guide for allowing your blog to go mobile. Happy marketing,
    Heidi Cohen

  • Hi Heidi, thanks! Your blog is mobile enabled as I have read it a few times on my iPhone!!! Ian

  • Hey Amber, I’m delighted that you found the post useful. Best of luck with your blogging! Thanks for your feedback. Ian

  • Teressa Pence Morris

    This was such a great article!! The tips were very easy to follow!! I set up my site with dudamobile, but I think after the free trial is over I may try the WPTouch plugin and see how that goes. Thank you for such an easy to use walk through!!

  • Hi Teressa, thank you for your feedback. WPTouch plugin is such an easy tool for setting up your website and it works great for a blog. All the best, Ian

  • @iancleary:disqus, this is a brilliant article, which is in these times really useful. With the cell phone (and mobile/tablets in general) usage growing every day, many blog owners should incorporate that into their strategy, research more on the mobile usage of their own blog and take action. Thanks for sharing this with us.

  • Carolin Geissler

    Thank you, Ian, for this breakdown. I’m happy to see that there are more options to choose from than just the good old ‘get a responsive design’. I like your tips #2 and #3, which might be a better solution for some.

  • kfwesthead

    Howdy, I have installed plugins to my dashboard of my affiliate blogs which helped a lot as I can access my blog via my mobile phone, but I can’t always see my opt-in form so maybe I need to lean how to use my mobile better, I don’t know but I am happy with your articles which do help a lot. Best regards, Keith

  • Thanks Keith, glad it was useful!

  • Thanks Carolin, it’s great to get your feedback, Ian

  • Thank you Michal, I really appreciate your feedback! Ian

  • With mobile marketing becoming more and more important in the lead generation race, this article provides a lot of useful information. All of these can be the answer to an entrepreneurs marketing and branding concerns.

  • Thanks James, I have to agree! Ian

  • Thanks Ian, and looking forward to catching up at SMMW as well!

  • Pingback: How to Make Your Blog Mobile-Friendly | Social Media Examiner – Anthony Trimble()

  • AmyHooker

    Amen–ensuring your blog is ready for mobile (and don’t forget tablets) is important and it’s only going to get more important. Thanks for an excellent overview of resources and options, Ian. 🙂

  • Thank you Amy, glad you enjoyed it!

  • Pingback: Mobile Friendly Blogs Becoming Important()

  • Jeffrey Thompson

    I think Blogger already has an option where you can set up your blog for mobile so I do not really have to setup a new site. I have also tried using Google Analytics, but for some reason, it just does not work. I enter my site, and all I see is zero. I know for a fact that is not the case because Blogger shows me that there are people who view my blog. Any advice in this area on how to get Google Analytics to work for me?

  • Hey Jeffrey, there’s blogger stats and google analytics stats. Maybe you are viewing the default blogger stats? To set up google analytics on your website you need to register your site with google and copy a piece of code to every page on your site and then you can start tracking the google analytics. I hope that helps! Ian

  • Wow! It took a lot of work to create this article. Thank you for the detailed info. A long time ago I picked up and installed the WP Touch plugin and even forgot about it until I read this article. I checked the plugins and it was there. Lots of helpful tips. Thank you Ian!

  • nickmendez

    Very thorough and informative tutorial. I would like to propose an alternative method to making your blog mobile friendly, however:

    Step 1: Switch to Tumblr

    You’re done. Most themes will scale automatically. If not, go to advanced customization options, and check “Use optimized mobile layout”.

  • Hey Nick, great tip for Tumblr. Great to see they have it sorted! Thanks for your feedback!

  • Thanks Loan, it takes a lot of time but it’s worth it when you get feedback like yours! Great to see that it got you thinking of mobile again! Ian

  • Pingback: Blog Posts to Read for March 28, 2013()

  • Pingback: Avoid the 7 Most Common Blogger Mistakes()

  • Pingback: how to create a blog |

  • Will Bontrager

    With different mobile phones and tables, each with their own user expectations, it reminds me of the early 2000’s. At that point, the different browsers generally rendered web pages differently when certain HTML markup elements were used – necessary ones, I might add.

    This post reminds me of another post I read back then, although it would be an article rather than a post, as blogs weren’t ubiquitous like now.

    The article explained how to make different elements behave similarly between browsers or, if not possible to do so, explained available work-arounds a person might employ.

    Thanks for the nostalgia 🙂


  • Pingback: This Week in Small Business: The Silly Money Ratio -

  • Pingback: This Week in Small Business: The Silly Money Ratio | Wedding Plans Guide()

  • Pingback: Professional Business Marketing » This Week in Small Business : The Silly Money Ratio()

  • Pingback: NYT: This Week in Small Business: The Silly Money Ratio | Gene Marks()

  • Pingback: You’re the Boss Blog: This Week in Small Business: The Silly Money Ratio | Welcome to the Blog of Benchmark Publishing Group()

  • You’re welcome Will, thanks for your feedback! Ian

  • daniel imbellino

    Great guide! I am an advocate of responsive design practices myself, and its this article presents a lot of good information and strategies for designing mobile friendly websites 🙂 Keep up the great work.

  • Pingback: Small Business Blogging: The Key To Leveling The Playing Field | Heidi Cohen()

  • Pingback: 25 Tactics to Promote Your Blog via Facebook and Twitter | Heidi Cohen()

  • Pingback: 25 Tactics to Promote Your Blog via Facebook and Twitter | Jamie LeBlanc, The Jobless Marketer()

  • Pingback: Blogging: How to Create a Mobile Experience | Heidi Cohen()

  • Guest

    I am happy to heart that WordPress is one of the more mobile-friendly blog creators out there right now. I’ve just started using and I am a much bigger fan of it than I am of Blogger.

  • Yes, I love wordpress!

  • Hey Daniel, thank you so much, that is really nice feedback. I’m a fan of responsive also but there are cases where a mobile site is more relevant. Ian

  • mt tam marin

    I am starting from scratch and want to first develop a mobile friendly website. Please recommend 2 or 3 web design or blog design (free preferably) that I should start with.
    (WordPress seems a bit “blog” centric, when I am looking to create a web page that may or may not have a blog)

  • Pingback: Key Areas to Focus on to Make Your Blog Mobile-Friendly — Jack of All Blogs()

  • Pingback: 26 Ways to Create Social Media Engagement With Content Marketing | Social Media Examiner()

  • Mickey Mixon

    Thank you for sharing. A gem of thought and very enlightening.

  • gerald

    hie,wil this work on a site made with Jomsocial???

  • Pingback: Blogs: The Importance of Mobile Friendly Blogs - READZ BLOG()

  • Customer Care Numbers

    fantastic blog, thanks for share. this blog is very informative and helpful.

  • This is a sublime and complete rundown of assets for versatile site creation! The uplifting news is a ton of organizations manufacture their sites with WordPress which has some versatile choices for web journals.

  • very useful article by author thank its help me lot

  • Any suggestions for folks using Blogger? I have it set to be mobile friendly but my column on the right where i have products dont come up. I already shortened the width of the template so much it looks funny on a pc.