How to Convert WordPress Website to AMP Version [Easy Steps]

0
50
How to Convert WordPress Website to Google AMP for Mobile Version

How to Convert WordPress Website to AMP Version for Google Page Speed Optimization? If you want to have a website that is fast when accessed via a mobile device or smartphone, then Google introduced Google AMP to help you speed up website loading by reducing the load on your site. This will also improve overall SEO and increase in search engine ranking.

Fast loading will offer a better user experience and can increase the traffic of your site. If you are a WordPress user, then in this article I will show you how to convert your WordPress website support Google AMP.

What is Google AMP?

How to Convert WordPress Website to Google AMP for Mobile Version

Google AMP stands for Accelerated Mobile Pages. Google AMP is an open source initiative supported by technology companies such as Google and Twitter. 

The aim of this project is to make web content load faster for mobile users, this is also due to the increasingly sophisticated mobile devices and the large number of mobile users accessing web information.

For mobile users, many often complain that accessing web pages is often slow. Most content-rich websites load a page and take a few seconds to load, despite all the efforts made by site owners to speed up their websites for fast access on various devices.

Accelerated Mobile Pages or AMP uses very minimal HTML code and limited Javascript. This will allow your content to be hosted on Google AMP Cache. So when a user clicks on your link in the search results, Google will automatically display your website page from the Cached version that is already stored in the Google AMP Cache.

The way Google AMP Cache works is very similar to Facebook Instant Articles. However, Facebook’s Instant Articles are only limited to the Facebook platform, and more specifically for their mobile applications.

The Accelerated Mobile Pages platform can be used by any application, browser, or web viewer. And currently used by Google, Twitter, LinkedIn, Reddit, and many other big sites already use Google AMP.

Pros and Cons of Google AMP (Accelerated Mobile Pages)

One of the most important advantages of using Accelerated Mobile Pages is that it improves the experience of mobile users who have slow internet connections, they will still be able to access your web pages with internet speeds that are too slow as we know that the internet in our country does not have the same speed. the same, by utilizing Google AMP, your page will very likely be loaded. Apart from that it can help you to rank higher on Google.

Google AMP makes the web feel light because it only uses a limited set of HTML, JavaScript, and CSS. This means that you cannot add certain widgets and features to your AMP mobile website. Using AMP will limit your web ability to display pop up email forms, sliders and facebook boxes, and other dynamic scripts.

While Google AMP currently only supports Google Analytics , it doesn’t support many other analytics platforms. And this also applies to limited ad options to select multiple advertising platforms.

Even though many things are limited, the biggest benefit of using AMP will encourage Google to push to prioritize pages that already support Google AMP to appear on the first page in mobile search results.

In addition there have been several complaints submitted by some users who claim that you could potentially lose mobile traffic if you activate Google AMP and will also find it difficult when switching back from Google AMP to the regular version at a later date. But if you want to try using Google AMP, here I will provide a tutorial on how to make a WordPress website support Google AMP.

How to Convert WordPress Website to AMP Version for Mobiles?

Google AMP Conversion of WordPress Blog

To get started, the first thing you need to do is install and activate the AMP plugin. For more details, see our step by step guide on how to install a WordPress plugin.

After you activate the plugin, please go to the Appearance »AMP menu to see how your site will look on mobile devices using AMP.

In this section, you can change the header background and text color. The Header background color you choose will also be used as the link color.

The plugin will also use your site icon or logo if your theme supports it.

Don’t forget to click the “ Save and Publish ” button to save your changes.

Now you can visit every post on your website and add / amp / to the end of the URL like this:

http://example.com/amp/

This will show your post in the AMP version.

If you look at the source code of the original post, you’ll find this line in the HTML source:

<link rel="amphtml" href="https://example.com/amp-page.html">

This line tells search engines that your page uses AMP. When you try the URL by adding / amp / and see the 404 error page , then please go to the Settings »Permalinks menu in your WordPress admin and click on the“ Save Changes ”button. Remember, you don’t need to change anything here, you just click the save button and everything will work fine on your website.

View Accelerated Mobile Pages

Want to know how your Accelerated Mobile Pages are doing in Google Search? You can easily check this using Google Search Console.

Login to the Google Search Console dashboard and then click on Search Appearance »Accelerated Mobile Pages. And click the “Get started with AMP” button.

Don’t worry if you don’t see your AMP results right away. It may take some time for Google to index your Accelerated Mobile Pages and then display the data in Search Console.

How to Modify Accelerated Mobile Pages Display

The AMP plugin for WordPress comes with very limited customization options. However you can use some of the other WordPress plugins to add a few more customizations.

If you are already using Yoast SEO, then you need to install and activate the “Glue for Yoast SEO & AMP” plugin.

Glue for Yoast SEO & AMP is an add-on plugin for Yoast SEO and AMP plugin. Upon activation, you need to visit the SEO »AMP page to configure the plugin settings.

This plugin allows you to enable AMP support for other post types.

In the design tab, you can select a color and design options. You can also upload a standard logo and header image which will be used when the post doesn’t have its own image feature.

You can switch to the Analytics tab to add your Google Analytics ID.

Don’t forget to click the “Save Changes” button to store changes to your settings.

Apart from the steps above, there are still many plugins that you can use to display related posts, footer widgets, and even social media icons to your AMP pages.

However, you need to make sure to validate your AMP pages after you install the Add-ons plugin.

And above are the step by step ways to make your WordPress website support Google AMP, I hope this article can help you learn how to set up Accelerated Mobile Pages (AMP) in WordPress and make your website run fast.

LEAVE A REPLY

Please enter your comment!
Please enter your name here