Categories: Plugins

How to Add AMP to a Genesis WordPress Site

The Accelerated Mobile Project (AMP) from Google is intended to provide Web users with a fast browsing experience on their mobile devices. Currently, sites that have AMP functionality receive a small indicator next to their listings in mobile search results, and users are treated to a very speedy browsing experience if they open an AMP page on their phones.

AMP is still relatively new, but it is one of the most popular discussion topics among webmasters, and everyone is clamoring to implement AMP capabilities on their site, since Google seems to be pushing it pretty hard.

As is the case with most big changes that become available for WordPress sites, there is a plugin that can help you implement AMP. Technically we are going to use two plugins to do this, as one of the plugins is going to provide some additional functionality, such as the ability to insert ads into your AMP pages.

 

How to Add AMP Functionality to a WordPress Site

Step 1: Navigate to the admin section of the site that you would like to upgrade to AMP.

 

Step 2: Hover over Plugins in the left column, then click the Add New option.

 

Step 3: Type “amp” into the search field, click the Install Now button for the AMP plugin from Automattic, then click the Activate button to activate the plugin.

 

Step 4: Hover over Plugins in the left column again, click Add New again, type “amp for wp – accelerated mobile pages” into the search field, then click the Install Now button for the plugin from Admed Kaludi and Mohammed Kaludi. Click the Activate button when it has finished installing.

 

Step 5: Hover over AMP in the left column, then click the Welcome option.

 

Step 6: Click the General tab on the plugin’s main menu, where you can add information such as your logo and analytics ID. You can click the Save Changes button at the bottom of the screen when you are done.

 

Step 7 (optional): Continue customizing your AMP installation as needed. You will probably want to add a menu, so click the AMP Menu tab, then click the link on that page to be taken to the WordPress Menus screen.

 

 

Step 8 (optional): Specify the menu that you wish to use for your AMP pages. If you would like to use a menu other than one that already exists, then you can read this article to learn about creating WordPress menu.

 

You can see how your AMP pages look by adding amp/ to the end of a post’s URL.

Recent Posts

How to Delete a WordPress Blog: Step-by-Step Guide

Deleting a WordPress blog is a straightforward process. First, log in to your WordPress account,…

5 months ago

Landing Page vs Website: What’s the Difference?

To complete the task set out by the prompt, one must understand the core differences…

5 months ago

How to Use Tags in WordPress: A Comprehensive Guide

To use tags in WordPress, you navigate to the Posts section, click on Tags, create…

5 months ago

How to Create a WordPress Contact Us Page: A Step-by-Step Guide

Creating a contact us page in WordPress is a simple process that involves a few…

5 months ago

How to Add an Author in WordPress: A Step-by-Step Guide

Adding an author to your WordPress site is a straightforward process. First, navigate to your…

5 months ago

How to Do a WordPress Language Change: A Step-by-Step Guide

Changing the language of your WordPress site is a simple process that can be done…

5 months ago