Discover how to set up AMP for WordPress
Twenty years ago, your business needed a website.
Twenty years ago, your business needed a website. Ten years ago, you were told your website had to be found on Google. Today your website needs to be optimised for mobile search. Enter AMP WordPress.
Do you feel confused as to why you need to keep up with these changes and don’t know how? Then it is time to attract mobile traffic to your website to ensure you can remain competitive.
Therefore, it only makes sense for businesses to keep up with these changes by switching over to accelerated mobile pages(AMP) for their business.
In this article, we want to discuss first what AMP websites are. Then, since 28% of the internet runs on WordPress we go through how to install AMP on WordPress websites.
What is AMP for Small WordPress Sites
Google sole focus is how to make it easier for users to access content on whatever device they are using. To help users on mobile devices, they created the Accelerated Mobile Pages (AMP) for website admins. Their vision for AMP relates to how, “publishers can create mobile optimised content once and have it load instantly everywhere.”
Since most users abandon a website if it does not load in 3 seconds you can see how improving load speed can become a vital component of AMP optimising website speed.
You might want to also check website speeds after you install AMP for WordPress to see how it compares to the loading time for a standard website page on your site.
How to Use AMP for WordPress website.
Step 1: Install AMP for WordPress plugin- The great thing about using WordPress is they have over 50,000 plugins to simplify almost any process you need to improve your website.
The first plugin you can use for AMP is the AMP plugin by Automattic. This plugin automatically generates a dynamically generated AMP version of the posts on your WordPress website. However, it does not currently transfer WordPress pages.
The second plugin is AMP for WP — Accelerated Mobile Pages. This plugin automatically updates the WordPress pages for AMP.
The plugin also has some features that allow it to support Facebook comments and email opt-in subscriptions.
The third plugin is Glue for Yoast SEO & AMP. Yoast allows you to create AMP compatible posts and pages. Remember when installing Glue to turn on the Post Types under the Yoast SEO plugin to AMP compliant.
Be aware that the plugin requires you to install Yoast SEO plugin for a seamless SEO experience for WordPress admins.
Step 2: Set up Google Analytics- Once you have your plugin installed, you need to connect it to Google Analytics. Log into your account, then go into the Admin panel to recover your Tracking Info.
The Tracking Info starts with the letters UA. You then want to copy this tracking ID and add the analytics section of your AMP plugin.
Step 3: Test AMP for WordPress- Once you install your AMP for WordPress plugin you should validate the plugin works on Google. Here are a few solutions to testing your AMP URLs work on Google.
AMP Test– The easiest solution is to use Google’s own testing tool. Simple copy and paste the URL into the tool and click Run Test to determine the outcome. Then fix any validation errors that come up at this point. If you are not sure how to do this contact our team at Shout for assistance.
Developer Console– If you use the Google Chrome browser, then you can see if AMP is working in the Chrome browser. Simply add #development=1 to the URL you want to test.
For example, to check Google, you would use http://google.com/#development=1
You then go to the Developer Tools Console in the Chrome menu under More tools. In the submenu click on Development Tools. The Development Tool comes up on the right side of the screen. In the menu you can check the “console” tab to validate any errors on the page.
Note: you can also index your AMP pages through the Google Developers tool once you fixed all validation errors.
AMP Validator– Finally, the AMP Project has a validation tool to test your coding. Paste the URL in the text box and the tool highlights any HTML errors on the page that might prevent your site from working on mobile devices.
Accelerated Mobile Pages promise to be an important part of the equation for driving mobile search in the future. Therefore, update your site now to be ahead of the game.
If you have any questions or need some assistance with setting up AMP for your website then reach out to us at Shout for a free consultation.