The Beginner’s Guide: How to Make Your Website Mobile Friendly
Did you know 9 out 10 mobile searches lead to action and over half of them lead to sales?
Mobile Internet usage is growing like never before. It is overtaking desktop Internet usage, more and more people are now using smart phones and tablets to browse online information.
That’s the major reasons why most eCommerce sites are now creating mobile apps to increase their sales and user interaction. If your website or blog is not mobile friendly, you should immediately consider making your design responsive or you will be losing a lot of leads, traffic and sales on the table.
Why give your competitors an edge by not having a mobile friendly design? Make your website mobile friendly and you will notice the rewarding results soon.
Why you need to make your websites mobile friendly?
If your website is mobile friendly, here’s what happens;
- you’ll see an increase in traffic
- you can increase your subscribers by having responsive email optin forms and landing pages
- you’ll get more sales (mobile Internet users mostly depend on search engines to browse information, so they are high quality customers who are ready to buy)
So what are you waiting for? Make your blog mobile friendly and start attracting more people.
Table of Contents
Here’s how to make website mobile friendly
Use a mobile responsive theme
If you are a beginner WordPress blogger and don’t want to get into any trouble while creating a mobile friendly design, go for this option – make your website mobile friendly by using a responsive theme.
There are many sites that are offering responsive themes. Here are few I’d personally recommend
- Thesis: This is by far the best WordPress premium theme that you can pay for.
- Genesis (click here to read my Genesis theme review)
- Elegant themes (click here to see the top 10 beautiful Elegant themes)
Note: Before buying any mobile responsive theme, make sure to test it across your mobile devices first. Many sites that provide mobile responsive themes give you the ability to see the live demo, so check the demos in your smart phones. Also read the user reviews to make sure you are getting a theme that is worth every penny. Although there are plenty of free mobile responsive themes available, but I personally recommend you to invest money on getting a premium mobile responsive theme as you will get customer support and forum access.
Install a WordPress plugin that makes your website mobile friendly
If you are really happy with your current website design but if you are thinking to making it to mobile friendly, then this is the best option – install a plugin.
Here are few plugin recommendations that make your websites responsive.
WPTouch: Want to create a stunning mobile version of your WP site for free? Don’t search beyond WP Touch. It’s a free WP plugin that lets you make your website mobile friendly without any hassle.
This plugin works across all the devices including;
- Iphone / Ipod
- Palm Os
- Android Tab
- Windows Mobile, Blackberry
- Opera Mini
- Others Mobile Browsers
Any Mobile Theme Switcher: Are you using a cache plugin like W3 Total Cache to speed up your sites? Then most plugins on WordPress directory don’t make your site mobile responsive while a cache plugin is active on your blogs.
If you’ve the same problem, then switch to Any Mobile Theme Switcher plugin where you can create a mobile version of your WP site even after using a cache plugin.
This plugin also allows you to display a different theme to the people who are browsing your site from their mobile devices. So without actually hurting website speed, they can browse through your blog content.
WP Mobile Detector: This WordPress plugin is one of the finest WordPress plugins to make your websites mobile friendly. Your site will be automatically becomes responsive across all the devices including iPhone, Android, iPad, Windows and all other phones.
Here are few notable features of this plugin
- It will automatically detect all the mobile devices.
- It differentiates between standard mobile devices and advanced mobile devices.
- This plugin detects over 5,000+ mobile devices.
- It also has advanced mobile statistics including unique visitors, visits, mobile search engine bots etc.
Mistakes to avoid while making your WordPress websites mobile friendly
Using images without optimizing: Most people browse through Google images and use images directly on their blog posts without even worrying about optimization. Stop doing it if you are also one among them, your site loading time hugely affected by the images you use. Use plugins like WP Smush.it to optimize your images or even better optimize them using free image optimizer tools before even using images on your posts.
Going overboard with java script: Did you know most beginners play with CSS files and Java script without actually knowing how to play with the code? If you are one among them, don’t play with Java or CSS code without knowing or you will most probably end up ruining your website loading time.
Not testing your sites: Test whether your sites are opening correctly on different mobile devices and tablets. You can use MobileTest.me, QuirkTools etc. to view your website across different screen resolutions.
Conclusion: To make your website mobile friendly you need to remember two important factors, one is the website loading time and the other is the compatibility. Cross check your websites to see whether they are loading correctly across all the devices or not.
If you are a beginner blogger I would strongly suggest you to getting a mobile responsive theme where you don’t need to worry about anything. Just buy the theme, install it and you’re done. But if you are currently satisfied with your blogging theme which is not mobile friendly, then consider using a plugin like WP Touch (a free version and really good in terms of functionality) to make your WordPress site mobile responsive.
So what are your thoughts about creating a responsive WordPress site? Do you have any other recommendations to create a mobile friendly site? Please share your views in the comments.