Jetpack Mobile Theme – Make WordPress Blog Mobile-Friendly!

Jetpack Mobile Theme

Making your blog mobile-friendly is no more optional. It has become a must requirement for your blog. Google has already launched the mobile-friendly label in the mobile search results. It has also announced that mobile-friendliness will be a ranking signal from April 21, 2015.

mobile friendly lebel in search results

If you blog is not mobile-friendly, it’s the time to make it mobile-friendly. You have to make sure that your blog passes Google mobile-friendly test to avoid penalty.

At first, go to this link and check whether your blog is mobile-friendly or not. If it’s OK, you need to check one more thing to make sure every page of your blog is mobile-friendly. Just head over this link and select your site to see mobile usability issues. When I checked my blog, I found that there were 43 pages with errors.

mobile usability issues

My blog passed the first test, but it had some issues on the second test. I am using a StudioPress theme which is mobile responsive. But it still has some mobile usability issues. So what I found that responsive design is not enough to make your blog mobile-friendly.

So I decided to use a WordPress plugin named “Jetpack” to make my blog mobile-friendly. Jetpack is a powerful WordPress plugin that can give you a lot more than a mobile theme. It brings many features of WordPress.com to self-hosted WordPress blog. However in this post I will show you how to use Jetpack Mobile theme feature.

How to Enable Jetpack Mobile Theme Feature

If you have Jetpack plugin installed, make sure you have the latest version of it. If you haven’t installed Jetpack plugin yet, install it right away from here.

Once you’ve activated Jetpack plugin, click on ‘Jetpack’ under dashboard and look for ‘Mobile Theme‘ feature. Then click on ‘Activate’ to enable mobile theme module.

Jetpack Mobile Theme

After activating Mobile Theme, click on ‘Configure’ to change few setting. Currently, there are only three things to configure. But I hope Automattic team will extend it soon.

The First option is to enable excerpts or show full posts on front page and on archive pages. I’d recommend you Enable excerpts on front page and on archive pages. It will help your visitors to browse more posts easily.

The second option is ‘Featured Images’. You can hide or display featured images on mobile version of your blog.

You can also show a promo of the apps in the footer.

Configure Mobile Theme

Click on ‘Save configuration’. If you are using any cache plugins or CDN, delete all your cache to see the change immediately. That’s it. Here’s how RoadToBlogging.Com looks on mobile.

RTB on Mobile

If you want to customize your mobile theme, read this: Customize the Jetpack Mobile Theme.

Jetpack will improve your blog readability for mobile users and it supports all mobile operating system, but it has some limitations like not having any logo option, custom menu option, sidebar option etc. You can’t even monetize your mobile theme properly.

However, if a large number of people access your site via mobile browser, I’d suggest you to go with WPtouch Mobile Plugin. It offers better customization and monetization options.

Once you made the changes, now it’s time to tell Google that you’ve made your blog mobile-friendly. Just login to your Google Webmaster Tools and select your website. Then click on ‘Crawl’ > ‘Fetch as Google’.

Your URL will be there. Select ‘Mobile:Smartphone’ from drop down menu and click on ‘FETCH AND RENDER’. You can also enter URLs that had issues in Mobile Usability.

Fetch as Google

Then click on ‘Submit to Index’ button to make sure your URL gets crawled.

Conclusion

Hope this post helped you to make your WordPress blog mobile friendly. If you haven’t made your blog mobile-friendly yet, do this immediately and avoid penalty. Do let us know if you are using any other plugins or third party services.

12 responses to “Jetpack Mobile Theme – Make WordPress Blog Mobile-Friendly!”

  1. Rashedul islam Avatar
    Rashedul islam

    thanks a lot for this article, and jetpack has been the most popular wordpress plugin. BUT i always prefer not to use the mobile friendly option, because i find that option weird. when i enable that feature, i see the mobile version is enabled for both desktop and mobile site. so i prefer rather then using this, use a responsive theme.
    thanks

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Jetpack theme works great for me. Only responsive design is not enough for mobile friendliness.

  2. mohi Uddin Avatar

    Thanks for sharing this valuable information. But you did not write on auto URL Change. When a person will visit from his mobile they will auto redirect mobile url as for example – my site is http://www.itinfoworld.com . Mobile URL is http://www.m.itinfoworld.com .
    Please write something about it. I have been suffering much.
    Thanks again

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Actually I am using Jetpack on this blog. But I didn’t face such issue on my blog. I’ve just checked your URL on my mobile browser. It seems ok for me.

  3. John Avatar

    Thanks for sharing man, actually I got a warning from Google WMT regarding mobile based error. Now I have a solution to recover.

    Kind Regards.

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Glad I could help.

  4. Usman Avatar
    Usman

    Now all developers make their theme with responsive mode because it’s the need of current market. BTW Thanks for share it for those who don’t have responsive layout.

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Yes, now most of the themes are responsive. But if you are getting a lot of traffic from mobile users, you can consider using a mobile theme for your blog.

  5. Al Mamun Avatar
    Al Mamun

    Hi, Istiak vai

    To Make WordPress Blog Mobile-Friendly, Jetpack Mobile Theme Feature is awesome. I’ve already installed it.

    Thanks for this resource.

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Good. Using Jetpack is the easiest way to make your blog mobile-friendly.

  6. Jahanzeb Malik Avatar

    Thanks for sharing this awesome post! In near future, this is gonna help in SEO. That’s for sure. I love your blog. It is always helpful to me as a WordPress user.

    I got zero errors in 2nd test that was done in Google webmasters tool. Should I enable Jetpack or I don’t need it as I have no error?

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      You don’t need it. Thanks for your kind words.

Leave a Reply

Your email address will not be published. Required fields are marked *