Instructions to install Google AMP for WordPress

Tutorials 0 lượt xem

74% of mobile users will leave a website if it takes more than 5 seconds to load.

And 50% of all queries come from mobile devices

No doubt more and more people are turning to mobile to surf the web. And they expect your site to load faster. Preferably under 1 second

If you want to improve page speed on devices, Google AMP is your solution.

So what is Google AMP? How did you install Google AMP for your website?

This article will answer all your questions.

What is Google AMP?


huong-dan-cai-dat-google-amp-1

Google AMP stands for Google Accelerated Mobile Pages. This is a collaborative project between Google and Twitter that started in October 2015. The aim of the project is to provide a better user experience by increasing website loading speed on mobile devices.

You already know that most websites are now optimized for mobile devices. So what else does Google AMP have?

Google AMP is different in 2 points:

Firstly, Google AMP’s page load speed is 4 times faster than regular websites. 

From the results on PenguiWP , you can see that the page load speed, PageSpeed ​​Score and site size are all better than the regular version.


huong-dan-cai-dat-google-amp-2

Second, Google AMP has a different way of delivering and displaying content than a regular web page.

According to the project , Google AMP works based on 3 components:

  • AMP HTML : HTML with a limit for consistent performance and some extensions to create rich content beyond the limits of basic HTML.
  • AMP JS : a javascript framework that speeds up AMP HTML page response thanks to asynchronous loading
  • Google AMP Cache : a CDN (content delivery network) that caches and speeds up content delivery.

Simply put, when you integrate Google AMP into your website, a shortened version of the page with faster loading speeds will be displayed for mobile users.

Benefits of Google AMP

As you have seen the biggest benefit of installing Google AMP for webstie is the page load speed. Faster page load speeds provide a better user experience.

Although Google has not officially considered AMP as a direct ranking factor. But as you know, Google always rewards mobile optimized pages and good loading speed. So integrating AMP into your website gives you an edge over pages without AMP.

So is integrating Google AMP into WordPress website more difficult?

In fact, the installation process is also very simple.

We will take a look at the process of integrating Google AMP into WordPress:

Install Google AMP

Automatic, the WordPress management company, has a plugin that helps you integrate AMP into your website. You just need to install the plugin and no further configuration is required.

Immediately after installation, you can access the amp version of the post by appending “/amp”


https://wordpress.org/plugins/amp/

Regular website


cai-dat-goolge-amp-2

AMP version

One way you can check if you have passed the AMP validation by using the official tool of Google .


huong-dan-cai-dat-google-amp-3

Automattic’s AMP plugin is just a settings plugin and has additional custom configuration for AMP. 

If you want to further customize AMP, you can refer to a few other plugins below:

A few AMP customization plugins

Custom AMP


huong-dan-cai-dat-google-amp-4

This plugin provides more options based on the official AMP plugin. Therefore, you need to install the official plugin mentioned above.

Immediately after installation, click on Custom AMP Panel,  you will have the following customizations:

  • Add logo and logo metadata
  • Is it possible to display the avatar for the post?
  • Allow the comment section to be displayed or not?
  • Allow AMP to apply to Woocommerce or not?
  • Set the desired width for the AMP page
  • Install Google Analytics
  • Adding CSS and HTML to the footer

Glue for Yoast SEO & AMP


huong-dan-cai-dat-google-amp-5

If you install Yoast SEO plugin you should install Glue for Yoast SEO & AMP . This is a relatively lightweight plugin that helps Yoast SEO perform better on AMP pages.

Besides, you have a few more options to edit Google AMP pages (go to SEO -> AMP) and install Google Analytics to get traffic statistics to AMP pages.

Epilogue

Google AMP is the best way to help you speed up page loading on mobile devices. It also gives you a better chance to improve your ranking in Google search results. Because AMP pages tend to rank higher than regular pages. 

More importantly, installing Google AMP is simple. You don’t have to wrestle with complicated options.

This is a simple way to integrate Google AMP into your website.

Install Yoast SEO & AMP plugin if you use Yoast SEO.

Have you integrated Google AMP for your website yet? Share your views on Google AMP below.

Bài viết liên quan