How to Setup AMP for WP 2020 Guide: AMP for WP automatically Accelerated Mobile Pages (Google AMP Project) usefulness to your WordPress site. AMP makes your site quicker for Mobile visitors.

As indicated by an examination directed by Google, over half of inquiry questions worldwide are led through mobile phones. Guaranteeing that your WordPress site stacks rapidly (and looks extraordinary) for those searchers ought to be a need. Luckily, the Google Accelerated Mobile Pages (AMP) activity makes this undertaking a lot simpler.

Today, in this article I am going to show you how to setup AMP for WP in step by step.

AMP for WordPress is an excellent plugin if you want to add basic AMP functionality to your site. However, if you want more control over your WordPress AMP site’s appearance (and the potential to extend its functionality even further), our next Accelerated Mobile Pages WordPress plugin may be a better fit for your needs.

How to Setup AMP for WP 2020 Guide

To use this AMP plugin for WordPress, you’ll first want to navigate to Plugins > Add New in your dashboard. Search for ‘AMP for WP,‘ and install the plugin:

Next, navigate to the new AMP tab in your WordPress dashboard. You will see a drop-down menu with sections for Settings, Design, Extensions, and so on. Let’s take a closer look at the Settings option:

You’ll want to start by going through the handy Getting Started guide linked on this page. It will help you optimally configure your WordPress AMP setup. After that, you can run through the various options AMP for WP offers, including:

• SEO: This includes meta description settings, integration with SEO plugins, etc.
• Performance: There is a single setting for toggling file minification on and off. Minification can further improve the speed of your site.
• Analytics: Here you can set up integration with Google Tag Manager, as well as analytics options.
• Comments: This lets you configure whether or not you want to include WordPress, Disqus, and Facebook comments in your WordPress AMP.
• Advanced Settings: You can enter custom HTML for headers and footers, set up mobile redirection, and toggle retina images on and off.

Be sure to click Save Changes for each of the above settings once you have configured them. After that, select the Design tab:

Essentially, this is where you can customize the look and feel of your WordPress AMP site. To do this, you can choose a dedicated AMP theme, out of several listed in the Theme Selector drop-down menu.

After picking a theme, you can customize the way it looks. You’ll find design settings for color schemes and typography (which are listed in the Global tab), header and footer display choices, homepage sidebar options, and more. In the Social section, you can also select what social media buttons you wish to display on your WordPress AMP site.

Once you’re happy with the way your AMP site looks, you can save your changes. You can also preview them by merely navigating to Appearance > AMP:

The free version of AMP for WP contains a wide variety of features. However, you can significantly improve the appearance and functionality of your AMP site with premium extensions. There are extensions for implementing star ratings (which are perfect for products or real-estate profiles), integrating with AMP WooCommerce Pro, using custom post types, and more:

Premium AMP themes are also available for purchase. You can view them by returning to Design > Themes in your dashboard. Some options cater specifically to particular website types, such as news sites, magazines, and so on. Plus, there are a few prominent multipurpose themes:

If you want to enjoy even more advanced features, there are a variety of Pro plans available for this plugin. These range from the Personal plan (catering to one site from $149 per year) to the Agency plan (providing to unlimited sites for $499 per year).

For more advanced setup

• Getting Started with AMP
• AMP WordPress Beginners Guide

References:

https://www.hostinger.com/tutorials
https://ampforwp.com
https://wordpress.org/plugins/accelerated-mobile-pages/