How to Setup Google AMP On Your WordPress Site

AMP is an open-source, Google-backed service that makes your website pages load faster and easily improve speed on mobile devices without sacrificing any ad revenue that you may rely on. Google officially integrated AMP into its Google search results on Feb. 24, 2016. AMP offers better user experience and can also send more traffic to your site. In this article, I will show you how to set up Google AMP in your WordPress.

How Does AMP Work?

Google AMP consists of three parts:

• AMP HTML — AMP HTML is basically HTML extended with custom AMP properties. This markup language has custom tags and properties and some restrictions.
• AMP JS — The AMP JS library implements all of AMP’s best performance practices, manages resource loading and gives you custom tags, all to ensure a fast rendering of your page.
• Google AMP Cache — The Google AMP Cache is a proxy-based content delivery network for delivering all valid AMP documents. It fetches AMP HTML pages, caches them, and improves page performance automatically.

How to Setup Google AMP on Your WordPress Site

To start using Google AMP for your WordPress site, you’ll need to download plugin from WordPress repository. Once you’ve installed and activated it, go to your Dashboard > Appearance > AMP

From here you can view a live preview of your mobile site while you configure the design for mobile view.

You can change the header text color, header background and link color and the color scheme. You can also add your site’s logo or icon if your theme supports it.  Once you are done customizing click on the “Save” button. Now you can go to any blog post and add “/amp” to the end of the URL to view the AMP version.

Installing Plugins to Extend AMP Functionality

You can install other plugins to extend the functionality and compatibility with AMP. One of the best plugins for this is AMP for WP Accelerated Mobile Pages.

You can upload your logo for the AMP version on the general section. If you have a Google Analytics account you can enter your ID.  You can also select which one of your pages to be the front page for your website’s AMP version.

Adding Advertisements

You can add advertisements to your AMP pages with the AMP WP plugin. Locate the “Advertisement” tab on the plugin.

Switch the button to “ON” whenever you wish to add another advertisement on your pages. Once you’ve switched it to “ON” you can select the ad sizes to display.

Single Post Settings

Go to the Single Post settings to configure settings. You can choose the featured image width and height and from which category to show the related posts from. Don’t forget to click on the save changes button when done changing the settings.

Our FastWebHost servers are WordPress friendly, Our managed WordPress provide optimized solution. Our packages are innovative, cost-effective focused on speed, security, and reliability. We offer solutions for WordPress designers and developers of all skill levels. Read more about our WordPress Hosting.