Have you ever wondered if you might need a mobile friendly website? Next time you go out, take a look around you. How many people do you see on their phones? Chances are, it’s almost everyone. In today’s world, having a mobile responsive site is more important than ever. With half of all people accessing the web via their mobile devices, you can’t afford to not be optimized. Luckily, WordPress has a handy tool that takes care of all that for you.
In this article, we will show you how you can test your website to see if it’s mobile friendly, plus talk to you about optimizing your WordPress site for mobile devices.
Is Your Site Mobile-Friendly?
Whether or not you realize it, the vast majority of your traffic probably comes from mobile devices. A quick glance at Google Analytics can tell you exactly how much–and it can tell you whether or not they stick around. If you see that your mobile traffic tends to have a higher bounce rate than other sources, chances are your site isn’t mobile-friendly.
Here are some easy ways to test it:
Google Mobile-Friendly Test
This tool couldn’t be any easier to use. Just open up your browser, go to Google Mobile-Friendly Test, and type in your website’s URL. When you’re ready, click “analyze,” and the site will run a quick analysis. If your website is mobile friendly, you will get a green message telling you so.
If it’s not, you will get a red message letting you know. In addition, you will see what errors are causing the problem and suggestions for making your site mobile-friendly.
This tool offers a different viewpoint. While Google will point out errors and offer suggestions for fixing them, Screenfly will actually show you how your site appears on various size screens. The great part about it is, you can actually see whatever your audience is seeing and gain a firsthand perspective.
This test allows you to pick a specific device (such as HTC ONE, Google Nexus 7, or Apple iPad Mini) and view your site on that device. Unlike the other two tests, this one allows you to actually interact with your site as if you were a mobile user. Rather than just viewing your page or receiving suggestions, you can actually test a button or a form to see how it works on a smartphone or tablet.
How to Optimize Your Site
What happens if you fail one of the tests that we mentioned above? Or you passed, but you noticed that a button isn’t as large as it should be, or a form is difficult to fill out?
That’s where optimization comes in. Using the AMP plugin with your WordPress mobile website builder is a simple solution that you can quickly implement.
What is Google Amp?
In 2016, Google launched their Accelerated Mobile Project (AMP), an open source initiative designed to “make the web better for all.” The goal is to make websites and ads that perform well across all platforms and on all devices for a greater user experience.
The project uses AMP HTML, AMP JS, and AMP Cache to create lightweight, quick-loading pages. Essentially, it eliminated most elements that cause web pages to load slowly on mobile, like third-party scripts. The cache even comes with a built-in validation system, which confirms that a page doesn’t depend on external resources to work.
In addition to mobile optimization, AMP also ups your SEO. According to Google, mobile-friendly pages will show up higher in search ranking results and will even be marked with a green lightning bolt, alerting visitors to their optimization.
How to Add AMP to Your WordPress Site
The AMP plugin brings all the features of the AMP Project to your website with none of the work. With the plugin active, all posts on your site will have AMP-compatible versions, accessible by appending /amp/ to the end your post URLs.
- Download the plugin to your computer
- Login to your WordPress Admin area
- Click on Plugins>Add New
- Browse to the plugin archive and select the AMP plugin
- Click “Install Now”
Google says 61% of users are unlikely to return to a mobile site they had trouble accessing and 40% visit a competitor’s site instead. Can you really risk losing that traffic?
With the WordPress mobile website builder and the AMP plugin, you can guarantee that you’re mobile-ready.