[Guide] Test on amp for wp pro and premium extension

21 Min Read
amp for wp

AMP for wp pro or the mobile page accelerator

Welcome to this article which will be devoted to the test of the WordPress plugin AMP for WP, as well as some of its premium extensions. This plugin dedicated to WordPress automatically adds the Accelerated Mobile Pages feature (Google AMP project) to your WordPress site.

amp for wp
AMP makes your site faster for mobile visitors. If you’ve ever searched for content and interacted with the results on a mobile device, you’ve probably come across AMP, or Accelerated Mobile Pages. This free plugin allows you to easily create an AMP version of your site.

It alone offers a lot of features to add an AMP version to your site. However, there is quite a downside to using an AMP version of your site. This is why there are paid extensions for this plugin to add functionality to the AMP version of your site. This is particularly interesting when you use a Site Builder like DIVI for example.

For those who wish, you will also have access to premium themes to have a much more attractive AMP site. There is a lot to do with this plugin and its extensions, which is why I am offering you a test with some of its premium extensions.

What is AMP?

AMP is an open-source framework developed by Google in collaboration with Twitter. Accelerated Mobile Pages create better and faster experiences on the mobile web.

Basically, the framework allows you to create lightweight mobile experiences by simplifying the HTML code and following simplified CSS rules.

AMP was originally thought to be developed in response to Facebook Instant Articles. However, over the years, it has grown into a powerful platform to deliver content directly from search results at an extremely fast speed.

Google has drawn a line in the sand with the announcement of its intention to have the AMP technology framework added to web standards.

The AMP frame has 3 main parts.

  • AMP HTML: Think of AMP HTML as a stripped-down version of regular HTML. The AMP structure has strict rules for the HTML tags you can use. To ensure pages load quickly, some HTML elements, such as forms, are not allowed on AMP. AMP Framework also requires that you use a simplified version of CSS. None of this should be new if you’re used to creating web content using modern HTML and CSS.
  • AMP JS: To ensure fast page loading on mobile platforms, AMP restricts the use of JavaScript. The only exception is AMP scripts, optimized taking into account the acceleration of page loading. What AMP takes away from JS, it provides a library of easy-to-implement components. You can create animations, load content dynamically, change the layout, and more. using the extensive library of AMP components. (And don’t worry, there’s an AMP component for GDPR compliance as well.)
  • AMP CDN: Commonly known as AMP Cache, an essential component of the AMP platform is its proxy-based Content Delivery Network (CDN). The CDN retrieves AMP content and caches it for fast delivery. By default, the AMP CDN caches all valid AMP content and does not provide an opt-out option. However, you can continue to leverage your own CDN provider in addition to the AMP cache to customize your content delivery configurations.

Since the launch of AMP, it is generally believed that media sites do well on AMP. Since the majority of content on media sites is static, these sites have dramatically increased organic search traffic.

In addition, Google has also made it easier for publishers to make their content stand out with Rich Cards.

For e-commerce websites with very dynamic content and which evolves based on user choices (filtering, sorting, adding to cart and more dynamic user actions), in this case, it is questionable to what extent AMP can improve mobile performance.

All SEO and mobile performance enthusiasts seem to agree that a well-implemented AMP website will:

The most common reason some digital website brands have decided not to implement AMP is the level of effort required to AMP-if your web resources. There is no denying that mobile represents an opportunity, but it also requires a meaningful and thoughtful approach.

Because AMP caches content without asking your servers every time, your analytics and measurement tools cannot rely 100% on server requests.

You will need to implement special tracking parameters to accurately capture the CTRs and engagement metrics of the AMP version of your website.

To put it simply, AMP is HTML is on a diet. This means you can’t provide a rich user experience like moving maps, rotating pictures, etc.

If parts of your website rely on rich UX, you might want to reconsider creating AMP versions of those web sections.

Download AMP for WP

To get started, you’ll need to download the plugin for free from your WordPress. You can also click the button below to download it.

The installation is very classic, you can do it either from your WordPress or by sending the file in FTP on your server. Once the plugin is installed, activate it in your WordPress to be able to start using it.

AMP for WP features

AMP for WP is subject to regular updates to fix bugs, add new features, and perform system tests. Easy to use by WordPress novices and experts with a consistent reputation for reliability, responsiveness, and versatility. AMP for WP is one of the best WordPress AMP plugins.

One of the best AMP features for WP is its custom AMP editor, which allows WP site developers to create pages, updates, and mutually exclusive content for the AMP side of a WP site. This plugin includes a drag and drops page builder, which allows you to quickly customize the layout and user experience of your WordPress sites.

AMP for WP implements mobile redirection, which results in fast WP site load speed on all devices, thus improving your ranking in Google (SEO) and increasing your SERPS ranking. AMP for WP has been competently designed, both on the front-end and on the administrative back-end.

The developers of AMP for WP have gone to great lengths to create a plugin that exceeds its requirements. AMP for WP supports carousel galleries, as well as integrating YouTube, Vine Embeds, Twitter, Instagram, and Facebook videos, and more.

The available AMP for WP plugin extensions gives users the option to add email support functionality, custom post types, AMP WooCommerce, etc.

As you take the time to explore this plugin, be sure to note a few points:

  • That it supports a number of contact forms and call-to-action form plugins that you might not otherwise be able to use if you add them yourself. (Which is a relief.)
  • The developer has an impressive AMP tutorial section on their website that answers the following questions: how to optimize AMP content for search, how to use WooCommerce, and more.
  • This plugin adds an AMP page builder to WordPress, which simplifies the process of creating content specifically designed for mobile. Here is a video on how to use it.

Besides providing a sleek and beginner-friendly interface for setting up your pages, this WordPress AMP plugin can integrate with many additional tools. These include WooCommerce (the leading eCommerce plugin for WordPress).

Go to the new AMP tab of your WordPress dashboard. You will see a drop-down menu with sections for Settings, Design, Extensions, etc. Let’s take a closer look at the Settings option.

Start by consulting the practical getting started guide available on this page. This will help you optimally configure your WordPress AMP setup. You will then be able to browse through the various options offered by AMP for WP, including:

  • SEO: this includes meta description settings, integration with SEO plugins, etc.
  • Performance: a single parameter enables and disables file minification. Minification can further improve the speed of your site.
  • Analytics: Here you can configure the integration with Google Tag Manager, as well as the analysis options. \
  • Comments: This allows you to configure whether or not you want to include WordPress, Disqus, and/or Facebook comments in your WordPress AMP.
  • Advanced Settings: You can enter custom HTML code for headers and footers, configure mobile redirection, and enable/disable retina images.

Make sure to click Save Changes for each of the above settings once you’ve configured them. After that, select the Design tab.

This is where you can customize the look of your WordPress AMP site. To do this, you can choose a dedicated AMP theme, among several listed in the Theme selector drop-down menu. After choosing a theme, you can customize its appearance.

You’ll find the design of the set color schemes and the typography (listed in the Global tab), the display choice of headers and footers, the options in the sidebar of the page Home, etc.

In the Social section, you can also select which social media buttons you want to display on your WordPress AMP site. Once you are happy with how your AMP site looks, you can save your changes. You can also preview them by simply navigating to Appearance> AMP.

Premium extensions and themes

The free version of AMP for WP contains a wide variety of features. Each of them works great and it’s probably one of the best plugins for generating AMP pages on your site. However, you can significantly improve the look and functionality of your AMP site with premium extensions.

There are extensions for implementing star rating (ideal for real estate products or profiles), for integrating with AMP WooCommerce Pro, using custom post types, and more.

I have the opportunity to be able to test several premium extensions, so I will tell you what I think about them and if it is interesting to use one of these extensions.

This extension will only be useful if you have integrated advertising into your website. With this extension, you can now easily insert ads from any AD network between content.

There are 7 different ad sizes and an option also allows you to select the number of paragraphs after which the AD should be displayed. It also supports link ad units.

There are two main features of this addon:

  1. Ads with content: allow you to add ads between content.
  2. Sticky Ads: This displays an ad that stays hooked when the user scrolls.
  3. Custom AD option that enables any AD network support.
  4. Supports Google Adsense AD Link units.

This will actually be useful if you use several different ad formats in large quantities. Because as you may have noticed, the AMP for WP plugin already allows you to integrate advertising on the AMP pages of your site. In fact, this extension works very well, it is also very easy to use.

Just copy your ad code by selecting the size of this ad space to add it to your AMP page. With this extension, you will also have the possibility to add a sticky ad bar that will remain on the screen even if you scroll the page.

Like I said this plugin works great, but be careful not to overdo it with advertising as it could slow down your site and give it a bad image with visitors. If there are too many ads on your site, they will prefer to go find what they want elsewhere.

This extension is intended to cache your site’s AMP pages to make your site load even faster on mobile. You might already be using a plugin to manage your site cache, this extension is dedicated to caching AMP pages only.

If you are already using a plugin that manages the AMP cache, then you do not need to use this extension. This plugin can work alongside your cache plugin, but I don’t guarantee that it doesn’t conflict with some cache plugins.

This not only improves the speed of the website but will also reduce the load on the server and make it run faster.

I have seen a small improvement with the use of the AMP cache. However, it is not obvious to see a real improvement with the naked eye in some cases. I will explain to you at the end of the article how to test your AMP pages to ensure that they are working properly.

Suppose you published an article indexed and cached by Google. If you decide to update this article, suddenly you decide to update it, but Google is still providing the old content because it is cached by their AMP CDN system.

There is already a method to clear the AMP CDN cache which is given here by Google. This extension greatly simplifies things by adding a button that allows you to clear the AMP cache of that specific post with one click. You can now clear the AMP CDN cache directly from your WordPress admin area.

There isn’t much else to add about this plugin other than that it works great.

Unlike other extensions, this plugin is free to download. The PWA plugin brings the power of progressive web apps to WP & AMP to take user experience to the next level!

You can give your readers an app-like experience that will display your website on their screen and instantly work as an app with offline support.

Bringing a PWA version to your site gives huge benefits. This free expansion provides the main functionalities expected from an APP version of a website.

The extension automatically informs your visitor APP version of the website, which is directly added to the list of screen applications for home. You can also customize the icons for this.

The PWA version of your site will load quickly, even when the user is offline. Once the user is online, the content will be updated again.It will also count the scans and update them when the user logs in again.

When you open the PWA version from mobile, it loads full screen without a browser toolbar, giving it a native app similar to the PWA version. There is also a home screen that is fully customizable.

This extension is completely free, so I strongly invite you to test it on your website.

The themes

Premium AMP themes are also available for purchase. You can view them by going back to Design> Themes in your dashboard.

Some options are aimed specifically at certain types of websites, such as news sites, magazines, etc. In addition, there are a few noteworthy multipurpose themes.

Test the AMP

After enabling AMP, Google will automatically index the amplifier pages in Search Console.

If Google detects an error in your AMP page, this page will not be visible or displayed in Google search results (in mobile).

There are three different methods to check the website for AMP errors.

  • Method 1: (Google AMP test)

This is the official AMP test website, you can check this AMP page. Enter your URL to test your AMP page and find out if it is valid or not. After the URL, you need to enter / amp. Click the Test URL button. If this URL is an AMP page, the message indicating a valid AMP page is displayed.

  • Method 2: (AMP Validator)

This is the official amp project AMP Validator website, you can individually check whether this page is AMP or not. Enter the URL, part example. (example.com/amp) after that click on the submit button. If this page is in AMP format, the validation status will be passed, otherwise, it will fail. After the URL it is mandatory to write / amp.

  • Method 3: (AMP Chrome extension)

The AMP chrome extension automatically checks for validation errors and notifies you when you are on the AMP page.

  • Open the Chrome browser (if you don’t have it, it’s for download here ).
  • Click here to go to the Chrome Extension page -> click Add to Chrome -> Add an extension

Now open your website with AMP, check the extension in chrome AMP at the top right. If this page is valid, it will show green color. If in this page there is an error, it will display the color red.

Share this Article
Posted by Rebecca
Rebecca is an Independent content writer for breldigital, She writes content on any given topic. She loves to write a case study article or reviews on a brand, Be it any topic, she nails it
Leave a comment

Leave a Reply