71 / 100

Do you want to Setup Google AMP on your WordPress site? Accelerated mobile pages or AMP may be a thanks to make your website load faster on mobile devices.

Fast loading websites offer better user experience and may improve your traffic. during this article, we’ll show you ways to line up Google AMP in WordPress.

What is Google AMP?

Google AMP stands for Accelerated Mobile Pages. it’s an open source initiative supported by technology companies like Google and Twitter. The goal of the project is to form web page load faster for mobile users.

For many mobile users, reading on the online is usually slow. Most content rich pages take several seconds to load despite all efforts taken by site owners to hurry up their website.

Accelerated Mobile Pages or AMP uses bare minimal HTML and limited Javascript. this enables the content to be hosted on Google AMP Cache. Google can then serve this cached version to users instantly once they click on your link within the search results.

It is very almost like Facebook Instant Articles. However, Instant Articles are limited only to Facebook’s platform, more specifically to their mobile app.

Accelerated Mobile Pages are platform-agnostic and may be employed by any app, browser, or web viewer. Currently it’s employed by Google, Twitter, LinkedIn, Reddit, et al. .

In research, it had been found that a minimum of 30% of the users leave the location if it doesn’t load within 3 seconds. AMP reduces this while improving the performance of mobile websites.

The Good Side

  • It is completely opensource and free.
  • It increases the site’s load time.
  • It focuses on recommended performances practices like the prohibition of big CSS and JS frameworks.
  • Increases the mobile ranking.
  • May impact conversions.
  • Improves the server performance
  • Better automatic image optimization
  • Optimization in slow connection and site’s size.

The bad side

  • Isn’t currently a ranking factor.
  • Could be difficult to use and test for non-developers.
  • Ad revenue may be reduced.
  • May impact conversions in a bad way.
  • Some reports indicate higher bounce rates.
  • Doesn’t support older browsers.
  • Limited widgets and features

How to Properly Setup Google AMP on Your WordPress Site?

Now that you simply realize Google AMP and the way it’s good or bad, let’s take a glance at how you’ll implement it on your WordPress site.

Step 1: Installing AMP Plugin

Enabling Google AMP for your WordPress site is straightforward . The foremost thing you would like to try to to is install the AMP Plugin.

This plugin is released by Automatic, one among the official partners for AMP Project. This plugin supports posts only. it’ll not affect the pages.

Login to your WordPress Dashboard using the Admin credentials wont to found out your WordPress website. From the left side menu, Hover over Plugins and click on Add New.

look for the keyword AMP Plugin and install the plugin. Activate the Plugin after the installation is complete.

You can now access the AMP plugin from the left side menu from the WordPress Dashboard.

You can customize the AMP version of your website consistent with your needs. you’ll choose the header background and therefore the font color on the page.

You’ll also add a logo or favicon to your AMP site. Click the Save button to stay your changes.

The plugin will dynamically generate AMP versions of your sites which may be accessed by putting /amp/ at the top of the URL. for instance , if the post URL is http://example.com/post/, then you’ll simply put /amp/ at the top like http://example.com/post/amp/ to access the AMP version of the location . this may show you a stripped-down AMP version of an equivalent post.

If you view the ASCII text file for this AMP site, you’ll find the subsequent code in your HTML.

The above line requests the search engines and other services where to seem for the AMP version of this website.

You can sometimes get a 404-error page after installing and activating the AMP version of your site. this might flow from to the old permalink structure that was found out during the installation of your WordPress site.

You’ll simply fix this from the Dashboard page. Click on Settings menu and click on on Permalinks & Click on Save changes. it’ll refresh the website’s permalink structure.

Step 2: Adding Google Analytics

You need to feature Google Analytics to your AMP pages to trace the visits. this will be a touch difficult as you’d need to modify the Google Analytics tracking code manually. If a user visits an AMP site and therefore the normal site, Google Analytics counts this as two different sessions.

This can be fixed by installing Monster Insights. this is often the plugin that permits you to feature Google Analytics to your AMP sites properly.

All you would like is to put in the Monster Insights plugin and activate Google AMP addon. For step-by-step instructions, follow the steps below:

Under Monster Insights Google AMP Addon, attend Insights -> Add-ons then click on Install.

After it’s been installed, the button will change to Activate.

Click on the Activate button. The status located on rock bottom right should change from inactive to active.
You have successfully installed and enabled Google AMP addon on Monster Insights.

Step 3: Fixing SEO Issues

You’ll only get the essential AMP template after using AMP Plugin. You’ll got to customize the AMP pages if you would like to form your site unique.

A typical meta tag are going to be added within the head to inform Google or the other AMP handlers that an AMP version of the page is out there .

But, if you’re using SEO plugin like Yoast, the default metadata of AMP plugin isn’t favorable. you’ll want to use Glue for Yoast SEO and AMP for fixing SEO issues on your AMP pages.

To using the plugin, install Glue for Yoast SEO and AMP -> attend SEO -> AMP -> Design. Make the customizations you would like .

It is recommended that you simply don’t add any AMP-specific tracking code. it’s going to interfere with the tracking of AMP pages.

This is it. If you’ve got followed us this far, you’ve got a successful implementation of Google AMP in your WordPress site. to see whether your code validates or not you’ll go the Google AMP Validator tool and test your site.

It will give the result whether your site has passed or failed the validator test. you’ll also use a Chrome extension to validate the page if you’re on a chrome browser.

Author

I'm a Full Stack Web Developer and SEO Specialist, entrepreneur & Freelancer. He started his online career back in 2015.

2 Comments

Write A Comment