How to Start a Blog (And Make Money With It)

  • Twitter
  • Facebook
  • Pinterest
  • Menu Item
  • About
  • Contact
  • Advertise
  • Resources
No Passive Income

No Passive Income

Take Action, Build Your Business!

What You Need to Make Your Blog Mobile-Friendly

January 19, 2015 By Erik Emanuelli 50 Comments

We live in an era where smart phones and tablets are an integral part of our lives.

Now there are more people browsing the internet on mobile to those using a desktop computer.

There will be 2 billion of smart phone users by 2015, according to this study by eMarketer. And more than 80% of internet users will be from mobile.

If you haven’t done it yet, then you need to make your website mobile-friendly today.

You don’t want to lose potential readers (or customers)!

In this post I’ll give you specific options and tips to create an awesome experience for mobile users visiting your business website or blog.

 

Is Mobile Really Rising?

The trend is clear, but I still wanted to check analytics data for one of my sites.

For example, Tokyoezine (my Japanese travel niche website) gets more than 64% of traffic from search engines.

I’ve set the time period from beginning of November 2014 until today.

In my Google Analytics dashboard, under the “Audience” menu, I selected “Mobile—>Overview”.

This is the screenshot (click to enlarge) :

OKYOezine Google analytics data screenshot for November 2014-January 2015

More than 30% of users are browsing my niche site from mobile.

Under “Devices” tab, I found out that more than 26% of mobile visitors are from Apple iPhone, while 17% from iPad.

The rest are from Samsung or other mobile gadgets.

Screenshot for details of mobile users on TOKYOezine

But I’m sure in future more visitors will land to my website from mobile devices.

And you, are you using a mobile optimized theme on your blog?

If you discover that more than 30% of your visitors come from mobile devices, can you ignore them?

Definitely not.

You want to put yourself in the shoes of your audience and think about how to create an awesome user experience from mobile.

 

Is Your Website Mobile-Friendly?

The first step you can take is searching for your website with Google. It’s now showing if the URL is mobile-friendly or not.

This is the screenshot of my research using my iPhone:

Screenshot of google search result on mobile for TOKYOezine

Google gives you also a free service to check if your blog is ready to give mobile users a positive experience.

Use their mobile-friendly test to rate your blog.

The result of the test with my niche site was positive.

Screenshot for Google Mobile-Friendly test result for TOKYOezine_com

This service will also tells you how Googlebot sees the page tested.

This is how TOKYOezine homepage looks from a visit on smart phone:

Screenshot for TOKYOezine layout on mobile phone

If the result of the test with your website was positive, then congratulations!

But if you still need to improve your blog to make it mobile, then you should read the following suggestions.

 

How to Make Your Blog Mobile-Friendly

There are different options available, most of all if you use WordPress.

 

1. Use a Mobile-Responsive Theme

If you have purchased a professional theme for your blog lately, it’s likely you have already a mobile responsive theme.

For NoPassiveIncome, I use a personalized Genesis Framework child theme (Magazine PRO).

For TOKYOezine, the niche site I use as example in this post, runs on Spectrum, from WooThemes.

Both are mobile responsive templates, with HTML5 markup.

Aside from having a beautiful design, they are both easily customizable.

I prefer Genesis, but Spectrum from WooThemes was updated in July of last year and now it looks really professional for an online magazine, like TOKYOezine.

If you want to take blogging seriously, then I suggest you to invest some money purchasing a professional theme.

 

2. Use a WordPress Plugin

If you don’t want to invest money in a responsive template, then you can use WP-Touch, a WordPress plugin that lets you build a mobile version of your blog.

There are different plugins available, but this one has been the most popular and used for this purpose (it has been downloaded more than 6,5 million times).

Once installed, WP-Touch will create a nice mobile optimized theme for your blog.

You won’t have two different websites, but the mobile version will be shown to users landing from smart phones or tablets.

Screenshot for WP-Touch plugin image sample

The free version gives you just one default theme, so you don’t have to tweak a lot of things in the settings. Just set up the mobile menu and add the bookmark icons.

And if you want more templates to choose from, you can get the PRO version.

Aside from WP-Touch, some other options available are “WP Mobile Detector” WordPress plugin or “MobilePress”.

Also Jetpack is a plugin that will give your website some features to make it mobile-friendly.

 

3. Build an Application

Generally building an application would be very expensive.

But there are some affordable solutions online.

Chupamobile offers you interesting features to create a fantastic App for your website. They have more than 1500 templates available among a large range of categories available (included business).

They also help with the process of creation and launch of the App in the Apple AppStore, Google Play and the Amazon Appstore, without knowing about coding or design.

It’s a good solution for medium-large blogs or websites.

 

Conclusion

Whether you choose to use a mobile responsive theme, install a plugin or build an application, you must be sure to create an awesome experience for your users landing from mobile.

If you haven’t done it until today, then I strongly suggest you to take action, as soon as possible.

As your mobile audience will definitely keep increasing in the future.

 

Do you have already a mobile optimized website?

What system are you using?

Please let me have your comment below, thanks!

Tweet132
Share2
Share39
Pin
173 Shares
13 Common WordPress Mistakes to ...
6 Emailing Tips from the Best On...

Related Posts

  • How to Become a Successful Blogger : 18 Steps to Follow
  • Bluehost VS GoDaddy: Which One Gives the Best Service? [Infographic]
  • Starting a New Blog for Your Quarantine Hobby? Here’s How To Name It
  • Freelance Writer – The Pros and Cons of Working from Home
  • Placeit: Create the Perfect Logo for Your Business (Plus Many Other Designs!)

About Erik Emanuelli

Hi! I am Erik EmanuelliΒ : problogger, marketer and social media addict. You can follow me on Twitter, add me on FacebookΒ or follow me on Pinterest.

Comments

  1. Rahul Krishnan

    January 19, 2015 at 10:45 am

    Hi Erik Sir,
    Superb post as usual.
    Today the number of smartphone users are increasing rapidly. So we need to make sure our website or blog is mobile responsive.
    I am using jetpack for responsiveness. Actually I installed it without knowing that feature.
    I heard about WP-touch elsewhere. But not going to give it a try as it is costly.
    Which is better Sir, jetpack or wp-touch?
    Sir I want to know whether google displays our mobile’s responsiveness in searches made by mobile only? Anyway I never knew about that feature.
    Thank you so much sir.
    Hope you have an awesome.
    Regards,
    Rahul

    Reply
    • Erik Emanuelli

      January 19, 2015 at 11:42 am

      Hi Rahul,
      I think you just need to test both plugins, JetPack and WP-Touch (free version),
      and see which one is better for you.
      Of course, JetPack gives you many different features for your blog, other than just the mobile optimization.

      As for your question, Google will display that “mobile-friendly” note on your blog result for the users researching via mobile gadgets (smart phones, tablets, etc).

      Thanks for being the first to read and comment,
      have a great week.

      Reply
  2. vernon

    January 19, 2015 at 11:42 am

    Hi Erik,

    This post got my attention. I never though to find out if my blog was mobile friendly or not. Me using my cell everyday to check it made me think it was.

    I thank you for adding the link because now I know it is. I was a little nervous. πŸ˜€

    Thanks!

    Reply
    • Erik Emanuelli

      January 19, 2015 at 11:44 am

      Great to hear that, Vernon.
      Having a mobile responsive theme for our blogs is really important, seeing the increasing number of mobile users.

      Thanks for commenting!

      Reply
  3. Andrew

    January 19, 2015 at 2:47 pm

    Hey Erik,

    Great post. I remember when I first started online, I was so determined to only use free themes. That’s all I did. There was no chance of me using a paid theme at all. So I started blogging for 4 – 6 months and then one day I just happened to look up my site from my phone and let me tell you …. HORRIBLE. Absolutely horrible.

    The theme wasn’t mobile friendly at all and the whole thing was ugly. From that point on, I decided to just bite the bullet and purchase a paid theme. And ever since I did, I love it. But I love the fact that it’s so clean on a mobile device as well.

    SO I really agree with this post. You need a mobile friendly blog because many people are starting to no longer view stuff on their desktops and laptops. It all about smart phones and tablets now and if you’re blog isn’t compatible, you’ll definitely miss out.

    – Andrew

    Reply
    • Erik Emanuelli

      January 19, 2015 at 4:03 pm

      Hi Andrew,
      as I was reading the explanation of your first 6 months blogging experience, you made me smile! πŸ™‚
      I am picturing in my mind how your site looked like on mobile…

      I’m glad you finally purchased a responsive theme, it’s definitely worth it!
      I see you use Genesis, I love it too.

      Thanks so much for visiting and sharing your views here.
      Have a great beginning of this week, Andrew.

      Reply
  4. donna merrill

    January 19, 2015 at 6:24 pm

    Hi Erik,

    This is one topic every blogger needs to know. If our blogs are not mobile friendly, we are loosing readership. I cannot tell you how many of my readers are reading my stuff from their mobile devices.

    Yes, I had my blog mobile ready early last year! I had to because I was getting feedback from some of my readers that my social share buttons were covering the content…. So immediately I changed it to being mobile friendly.

    Great point!

    -Donna

    Reply
    • Erik Emanuelli

      January 20, 2015 at 9:22 am

      Hello Donna,
      I imagine there are a lot of your readers reading your blog via mobile devices.
      Congratulations on having set up the responsive theme. πŸ™‚

      I changed social sharing buttons too, I got “Monarch” plugin, from ElegantThemes.
      It looks great, I just love it!

      Thanks for taking the time to visit and comment,
      have a great week, Donna.

      Reply
  5. ikechi

    January 20, 2015 at 2:23 am

    Hi Erik

    You made just check if my site is mobile friendly. What a great post. In today’s world where smart phones have become part of our lives, it necessary for bloggers to make sure that there website is mobile friendly.

    I can relate to blogs that are horrible on the mobile device, they drive readers quickly. Thank you for listing the tools that will help to achieve a mobile friendly site and thanks for sharing. Have a wonderful week.

    Reply
    • Erik Emanuelli

      January 20, 2015 at 9:29 am

      Hello Ikechi,
      was the mobile test on your blog positive? πŸ˜‰

      Reply
  6. Sasidhar Kareti

    January 20, 2015 at 5:33 am

    Hi Erik,

    Wonderful post!

    Mobile-friendliness is already and will be a major SEO signal at search engines. Moreover, as you said, more than 30% of the users visit our site on smartphones. Making a theme responsive is not that easy and also not that difficult (if we have sound knowledge of HTML & CSS). A ready-made WP plugin can do it even for a newbie. You have touched every kind of web user in this article.

    Thank you so much for sharing. Loved reading it πŸ™‚

    Have a great day!

    Reply
    • Erik Emanuelli

      January 20, 2015 at 9:30 am

      Hi Sasidhar,
      glad you enjoyed the post.
      Hope it helps more readers to set up a mobile-friendly site.

      Thanks for commenting!

      Reply
  7. Hammad

    January 20, 2015 at 7:19 am

    Thanks for the tip Erik, I would like to tell you that jetpack WordPress plugin has also the option to make a WordPress blog mobile friendly, I use this plugin to perform many of the tasks and I just love it.

    Reply
    • Erik Emanuelli

      January 20, 2015 at 9:32 am

      Hi Hammad,
      thanks for adding that comment.
      As mentioned in the post, JetPack gives users the option to set up a mobile version of the blog.

      Reply
  8. Adrienne

    January 21, 2015 at 4:45 pm

    Hey Erik,

    Glad you brought this up because I was having issues recently with my mobile plugin not working correctly. It ended up being issues with my caching plugin. Some of the settings magically disappeared and of course I didn’t set it up so I didn’t know how to fix it.

    You sharing this test with us here on your post reminded me to check it again and sure enough, it wasn’t set up right. I went in search for the answer and resolved it all because of your post so thank you so much for that.

    I don’t ever search sites on my phone, I’m always at home on the computer and when I’m not I’m definitely not searching online. So I’m the last person to help others with this but I know it’s a necessity to have our sites being user friendly for those searching while on their phones.

    Thank you for this post and reminding me to fix this issue.

    Hope you’re enjoying your week.

    ~Adrienne

    Reply
    • Erik Emanuelli

      January 22, 2015 at 10:14 am

      Hi Adrienne,
      happy to see your smile here! πŸ™‚

      Great to hear you were able to solve the issue with that plugin!
      Having a mobile version of the website, ready to welcome your readers landing from smart phones or tables is definitely very important.
      I’m glad you enjoyed the “mobile test” from Google I shared in my article.

      Thanks for leaving your views and for visiting today.
      Have a good rest of this week.ο»Ώ

      Reply
  9. Piyush Mandaliya

    January 23, 2015 at 1:38 pm

    hi Erik,
    great job……..!!

    Every bloggers needs to know about this….!!
    Thanks for share it with us…….!!

    Reply
    • Erik Emanuelli

      January 23, 2015 at 2:04 pm

      Glad you enjoyed the post, Piyush.
      Thanks for commenting.

      Reply
  10. Hasir Nancy

    January 25, 2015 at 7:37 am

    Hello Erik,
    You just solved the biggest problem that I am facing right now. Day by day mobile users are increasing for which we the bloggers should come up with responsive site. I don’t want to change my current theme. So, in this case WPtouch is the way of hope for me.

    Thanks for the great help. Have nice day.

    Reply
    • Erik Emanuelli

      January 25, 2015 at 4:05 pm

      Glad to have you helped, Hasir.
      Thanks for commenting!

      Reply
  11. Abhijit Bangal

    January 26, 2015 at 3:22 pm

    Hi there Erik,
    Another site of yours (2 days back I commented on another one and today I found this blog through a different blogging community :))
    Anyways, another of your superb article that I couldn’t help commenting on. It needs least mention that I have bookmarked both these blogs. And I have also read other stuff already. This is a treasure trove for me with invaluable tips that are indeed free of cost.
    Thanks for posting such useful info!!!

    Reply
    • Erik Emanuelli

      February 5, 2015 at 10:03 am

      Great to hear that, Abhijit!

      I appreciate your kind comment,
      and I’m glad you enjoyed the content.

      Reply
  12. Akshat

    February 4, 2015 at 1:43 pm

    Does a blog that is mobile friendly or has responsive design rank better in search engines for mobile traffic ? Please share your view on this.

    Reply
    • Erik Emanuelli

      February 5, 2015 at 10:00 am

      Hello Akshat,
      having a mobile responsive site will indeed help your rankings on search engines for mobile users.
      Don’t miss the chance to get a mobile version of your blog.

      Reply
      • Akshat Verma

        February 9, 2015 at 3:35 am

        Thanks for your suggestion.

        Reply
  13. Sumit Aggarwal

    February 9, 2015 at 3:25 am

    Thank you very much Eric, for this detailed article. After, months of blogging I realized that blog should be mobile friendly because more than half of my readers are from the mobile devices. Your article helped me to make my blog mobile friendly. Thanks again. πŸ™‚

    Reply
    • Erik Emanuelli

      February 9, 2015 at 11:56 am

      Correct, Sumit!

      Reply
  14. Nikhil Ganotra

    February 11, 2015 at 3:52 pm

    Hey Erik,

    Great tips indeed!

    I just tested my site and found it to be MOBILE FRIENDLY! πŸ˜€

    I am going to implement your tip of building an app but I am not into technical part so I need a developer for it. Do you know any Android Developer?

    Thanks!

    Reply
    • Erik Emanuelli

      February 12, 2015 at 9:31 am

      Hi Nikhil,
      good to hear your website is mobile friendly!

      You surely understand the importance of having a responsive theme.

      I don’t know any Android developer, sorry.
      I suggested a website within this post, where you can get an app for your website/business.

      Thanks for visiting and commenting, Nikhil.

      Reply
  15. Sourajit Saha

    February 13, 2015 at 3:40 pm

    Great post Erik, thanks for sharing these informations. Keep posting.

    Reply
    • Erik Emanuelli

      February 13, 2015 at 3:42 pm

      Glad you liked the post, Sourajit.
      Thanks for commenting.

      Reply
  16. Nanda Rahmanius

    February 17, 2015 at 6:10 am

    Hi Erik,

    Really informative article!
    And this article seems more complete than my article. πŸ™‚
    Thank you for writing an article about this. I will share it then.

    Thanks for sharing, Erik. πŸ™‚

    ~Nanda

    Reply
    • Erik Emanuelli

      February 17, 2015 at 9:32 am

      Hi Nanda,
      glad you landed here from my comment at your blog! πŸ™‚

      Thanks for the kind feedback,
      appreciate the share!

      Reply
  17. Rahul Choudhary

    March 7, 2015 at 9:53 am

    Hey Erik,

    Happy you brought this up on the grounds that I was having issues as of late with my versatile plugin not living up to expectations accurately. It wound up being issues with my reserving plugin. A portion of the settings mystically vanished and obviously I didn’t set it up so I didn’t know how to settle it.

    You offering this test to us here on your post reminded me to check it again and beyond any doubt enough, it wasn’t situated up right. I went in quest for the answer and determined it all as a result of your post so thank you such a great amount for that.

    Reply
    • Erik Emanuelli

      March 10, 2015 at 2:57 pm

      Have you tested your site for mobile, Rahul?

      Reply
  18. Nayna jobs

    March 23, 2015 at 4:58 pm

    hi, I didn’t know about Google’s mobile-friendly tester. I just tested my site and it IS mobile friendly – which is a relief as I spent a lot of time at Christmas changing it to a responsive theme. But it’s good to get confirmation from Google!ο»Ώ

    Reply
    • Erik Emanuelli

      March 24, 2015 at 9:39 am

      Hello Nayna,
      glad you liked the resource mention.
      Good to know your site is mobile-friendly!

      Thanks for commenting.

      Reply
  19. ankush

    May 22, 2015 at 7:32 am

    Thanks Erik Now My Website is also Mobile Friendly.

    Reply
    • Erik Emanuelli

      May 22, 2015 at 10:07 am

      Good to hear it, Ankush.
      After “MobileGeddon” is really important to have a mobile version of your site.

      Reply
  20. Hiren

    December 1, 2015 at 10:35 am

    Hey Erik
    Nice and informative post. Now my site is also mobile friendly. thanks to share with us.

    Reply
    • Erik Emanuelli

      December 1, 2015 at 2:38 pm

      Good to hear that!
      Congratulations, Hiren.

      Reply
  21. Mark

    December 10, 2015 at 10:40 pm

    Awesome post Erik!

    And i actually feel a little cheated here, because i definitely need
    to studying here way more often!

    I really love your images and screen shots by the way!And those mobile stats, only
    go to show, the mobile trend will, definitely continue upward!

    And I actually used the WP-Touch WordPress plugin, briefly, until I could a more updated, mobile friendly theme.

    Thanks for sharing an excellent post and I feel horrible, I haven’t stopped by
    here long before now!LOL!

    Reply
    • Erik Emanuelli

      December 11, 2015 at 9:38 am

      Hi Mark,
      thanks for the kind feedback.

      I’m glad you liked the way I crafted this post.
      I always try to add useful screenshots and practical information, to solve problems.

      I prefer to use a responsive theme, rather to install a plugin that creates a mobile version of my site.
      But of course, you need to invest to get that.

      Thanks for sharing your views,
      have a good rest of this week, Mark.

      Reply
  22. viraj

    January 30, 2016 at 8:25 am

    i also use genesis theme on my website

    Reply
    • Erik Emanuelli

      January 30, 2016 at 9:26 am

      Good to hear it, Viaj.
      Genesis is my favorite framework!

      Reply
  23. jorge village

    January 1, 2017 at 1:44 pm

    This post got my attention. I never though to find out if my blog was mobile friendly or not. Me using my cell everyday to check it made me think it was.

    I thank you for adding the link because now I know it is. I was a little nervous

    Reply
    • Erik Emanuelli

      January 2, 2017 at 9:31 am

      Glad to have you helped finding the mobile optimization solution, Jorge.

      Reply
  24. Roy Solo

    January 2, 2017 at 7:53 am

    You can also implement google’s new Project Accelerated mobile pages. Your website will load faster in mobile in a lighter version after using amp. I have implemented it in wordpress and now it opens a lighter version on mobile.

    Reply
    • Erik Emanuelli

      January 2, 2017 at 9:32 am

      Thanks Roy.
      Here’s more about it:
      https://googleblog.blogspot.it/2015/10/introducing-accelerated-mobile-pages.html

      Reply
  25. PhonesToKnow

    January 29, 2018 at 7:40 pm

    Hi Erik, Superb Article but I am using Blogspot blog!
    How can I improve?

    Thanks in Advance πŸ™‚

    Reply

Leave a Reply to Erik Emanuelli Cancel reply

Categories

  • Blogging Tips & Tricks
  • Money Making
  • Small Business Tips
  • Social Media & Marketing
  • Tools & Resources
  • Traffic, SEO & SEM

Popular Posts

  • How to Get Likes on Facebook – 500 and More FB Likes in 2 days!
  • How to REALLY Make Money with Sponsored Posts
  • Start Monetizing Your Blog with SeedingUp : Interview with Johannes
  • How to Make Money With Affiliate Marketing – A 7 Minute Guide
  • Are You a Freelance Writer? Check These 20 Sites that Pay You to Write
  • How to Get Profitable Keywords with LongTailPRO 3.0 – A 3300 Words Guide
  • How to Make Money With Infolinks – Best Adsense Alternative
  • teliad (Now SeedingUp): a Great Platform You Should Use to Make Money Blogging

Copyright © 2021 NoPassiveIncome -Β Privacy & Disclosure Policy