Latest Posts

Can’t Eject External Hard Drive on Windows? 7 possible solutions How to Network Two Computers Together Using Windows 11/10 How to Fix a System Thread Exception Not Handling BSOD What is WiFi 7 and how is it different? Are you getting “The parameter is incorrect” error in Windows 10? 5 ways to fix Back up Windows 10 system image What is instup.exe and is it safe? Hacking of black, white and gray hat defined What it is and how to use it? HDG explains: how does GPS work? How To Clean a TV or Monitor Screen (The Right Way) 5 Best Firefox Privacy Add-ons for Online Safety How To Build Your Own Laptop Google Chrome Content Settings: A Full Guide How to Send a Fax from an iPhone or Android Smartphone Automatically Move, Delete, or Copy Files in Windows How to Delete Only Old Emails in Gmail CPU Processor Comparison – Intel Core i9 vs i7 vs i5 vs i3 How to Delete Your Google Search History – A Modern Guide 8 AI Assistants and What They Can Do For You

Few things are more frustrating than visiting a website to discover it is homepage takes ages to load† Worse is when the images are of poor quality and the layouts are not optimized properly.

In fact, a Google study found that 53 percent of people leave sites that don’t load in three seconds or less, leading to high bounce rates and lower revenue.

To address these issues, Google created the Accelerated Mobile Pages (AMP). AMP not only speeds up your site loading time, but it also helps you design a compelling siteexciting mobile experience and increase in average click-through rate (CTR).

In this guide, we’ll explain why Google AMP is Google’s preferred format for mobile pages and how to implement AMP for WordPress.

What is Google AMP?

Google AMP is a web component framework launched in October 2015 to help create and build lightweight, user-friendly websites. The mobile initiative is designed to speed up the web by displaying a stripped-down version of your web page.

Many large companies including WordPress, Pinterest, Washington Post and reddit have adopted and experienced AMP increase in monthly unique visitors

When your webpage is displayed to mobile users via AMP in Google, it looks simple and simplistic, achieving the goal of AMP: lightning-fast, dynamic experiences and better usability.

Do you need AMP on your WordPress site?

AMP is fast, but it’s not the only way to make web pages load faster or increase the speed of your site.

There are many case studies demonstrating the positive impact of AMP on publishers, businesses and other industries, but there are also many case study failures. This means that there is no clear decision whether AMP is for all sites or not.

What is true is that the success of AMP depends on a number of decision factors. For example, if your users are primarily from desktop computers, AMP isn’t for you because AMP pages don’t show up with rich features on desktops and they don’t show up from the AMP cache, so users may not take advantage of these benefits.

The golden rule is that AMP is mainly recommended for publishers who run news sites and blogs. Anything else, like a portfolio site or landing pages, doesn’t necessarily need AMP.

And if your non-AMP pages can load within or below the 2.5 second standard, you probably don’t need to install or maintain AMP.

Implementing AMP on a WordPress site

Creating an AMP version of your web page on WordPress may seem like a task only developers can handle, but with a little knowledge and some guidance, you can do it yourself.

Google has a workflow process that walks you through building an AMP page, integrating and optimizing the page, setting up analytics tracking, and designing the page for your site’s needs.

To get started, Google will give you template code, which you can copy and save in an .html extension, then add the required formatting. This makes the page a workable AMP HTML document.

Before publishing, you can add images, change the layout, optimize the page for SEO, preview and finalize the pages using the instructions in the sidebar.

If you want, you can experiment with AMP on the amp.dev homepage before trying it out on your own WordPress site.

How to Install Google AMP on WordPress

Manually setting up and installing Google AMP on your WordPress site is complicated. However, you can use plugins like the official AMP plugin for WordPressAMP for WPor AMP WP to make the process easier.

For this guide, we are going to show you how to set up and install AMP on a WordPress site using the official WordPress AMP plugin.

How to use the WordPress AMP plugin to install AMP

  1. To get started, install and activate the WordPress AMP plugin on your WordPress site. Go to the WordPress dashboard, select Plugins > Add New
  1. Type AMP plug in in the search box and select Install now to install the plugin.

Remark: If you are using WordPress.com, you will need to upgrade to the Business plan to install any plugins.

  1. Go to Plugins > Installed Pluginsfind AMP and select the Activate link to activate the AMP plugin and make it work on your site.
  1. After activating the plugin, adjust the settings to customize the AMP pages. To configure the plugin, go to AMP > Settings and use the wizard to configure your AMP page settings.
  1. Select the To publish button once you are done adjusting the settings. Your site won’t be visible to your visitors or findable by Google, but you can choose whether you want the pages, posts, or both to appear on your AMP site. Go to AMP > Settings > Advanced Settings, and deselect the Supported Templates checkbox to get more options.
  1. Select the options you want and then select Saving Changes
  1. You can also integrate Yoast SEO into your AMP setup by going to Plugins > Add New and then search for Yoast SEO & AMP
  2. Select Install nowand Activate the plugin. Once activated, go to SEO and select AMP to get more customization options for your page, then select Saving Changes
  3. Before publishing, you can preview your AMP site by adding amplifier at the end of any post or page URL you want. For example, you can go to https://yourwebsite.com/blog-post-title/amp/

How to Validate WordPress AMP

Now that AMP is installed on your WordPress site, the next step is to test if it works correctly. Not only that, but validation also ensures that supported platforms can access and link to your site, and you can find AMP errors for troubleshooting.

You can validate WordPress AMP manually or using Google’s AMP testing tool

How to manually validate WordPress AMP

  1. To do this, open an AMP page and then add #development=1 at the end of the URL for the web page you are validating.
  1. Go to your browser and open the developer tools console† If you are using Firefox, select the menu > Web Developer > Web Console† If there are errors on the AMP page, they will be highlighted in red.

Validation errors can be caused by incorrect code, invalid prefixes, or disallowed tags, but an explanation of the causes is shown next to the error.

How to Validate WordPress AMP with Google’s AMP Test Tool

  1. Open the Google AMP Test Tool page, enter the URL of your site, post, or page, then select Test URL† You can also paste and select the code from the site Test URL
  1. The Googlebot will analyze your site and, if valid, will show you a preview of how your AMP pages might appear on Google SERPs.

The Google AMP testing tool helps you identify AMP errors and see the problem-causing code on your site. You can also use the Part to share the analysis with your colleagues.

You can also use Google AMP Validator tool to make sure your code validates, or use the Chrome AMP extensionwhich also validates the pages and shows any warnings or errors.

Improve your WordPress site

Google AMP is a big change for any site, especially if you already have a lot of mobile traffic. If you have a news content site, it might make sense to install AMP right away, but for other businesses, it could hurt your conversions if you do it wrong.

We recommend testing AMP on a few high traffic pages to see if you get positive or negative results before deciding to use it across your site.

Have you tried AMP on your WordPress site? Do you have any other tips on using AMP for WordPress? Share with us in the comments.

Leave a Reply

Your email address will not be published.