The web is constantly evolving, and business owners need to keep up with Google’s latest changes to stay on top, and if they don’t, they will lag behind. The Google AMP service, as an initiative to quickly load web pages on mobile phones, has been under development by developers for almost a year now. Since this valuable method has been more stable for 6 months now, we decided to prepare an article for you in this regard. In this article, we will discuss how to activate AMP in WordPress, as well as the advantages and disadvantages of AMP.
What is AMP?
What is AMP is a question that friends are asking these days, AMP stands for Accelerated Mobile Pages, meaning the fast loading of pages on a mobile phone. The project relies on HTML AMP, a new open framework based on web-based technologies that reduce the volume of websites when loaded on smartphones. In short, it reduces the volume of your website pages on mobile phones.
Says David Besbris, Google AMP project leader:
From day one, a key focus for AMP has been speed. It is arguably one of the most frustrating things about the mobile web — borne out by recent Google research that shows that 53% of people will leave a site that fails to load in three seconds or less. That’s the worst of all worlds for users, businesses, publishers, websites and the mobile web as a whole. — David Besbris, AMP project lead at Google
According to the latest Akamai study, it turns out that every tenth of a second is important. For example, if a website loads a tenth of a second later, for example, from 2.7 seconds to 2.8 seconds, it will reduce the website conversion rate by 2.4 percent. (On large websites this figure is a disaster)
Many large companies have supported the Google AMP project over time. These companies include Automatic (WordPress developer), Reddit, eBay, Pinterest, Washington Post, Wired, Gizmodo, and more. According to Google, activating this method on the website will increase 44% of your monthly unique visitors and 71% of your monthly unique visitors.
When you enable AMP on your website, Google automatically displays the AMP icon next to your website, which means that AMP is enabled on your website. Use together. Of course, you can also use Google Chrome developer tool emulators.
Google’s structured bookmarks in search results make your website stand out more. For example, article slides are very beautiful in search results.
For example, in the image above, you see a type of AMP pagination that, in addition to simplifying and beautifying the search page, ensures that the entered page will load quickly.
Like all new AMP activation platforms, you need to weigh the pros and cons of your business and decide if activating AMP is good or bad for your business.
Benefits of Google AMP
- The Google AMP project is completely free and open source.
- Google AMP project can increase the loading speed of your website on mobile phones, and note that loading speed is one of the factors in ranking a website. You can read more about this in the article What is gtmetrix?
- Better placement in SERPs (Search engine results page, Search engine results page) by activating article slides to increase clickthrough rate. After activating AMP on one of the famous websites, AMP has increased the click-through
- rate of a website by 200%, which as a result of this growth will also increase site visits.
Google AMP project helps a lot to make the website work, for example it does not need to load large CSS and JS frameworks.
- It can increase the conversion rate of your website.
With the daily development of AMP, the possibility of adding ads has recently been added to it, according to which you can earn money through Adsense.
- Automatically compresses images. (Images are converted to WebP format for display)
- AMP Lite speeds up poor connections. Google says that this technique makes the website up to 45% more compact than before.
Disadvantages of Google AMP
- In general, Google AMP is not one of the ranking factors of a website, but it may be one of these factors in the future. With regard to this issue, in terms of influencing the ranking of the website, it is considered as both an advantage and a disadvantage.
- If you are not a web developer, activating AMP on your website is a bit difficult, but fortunately, thanks to WordPress, this has become a little easier, and those who are not web developers can use AMP features by activating plugins. Here’s how to enable AMP in WordPress.
- It may hurt your conversion rate or have a negative effect on you.
- You may be worried about what happens to your website after optimization?
- Troubleshooting reports, such as 404 pages, are also recorded in Google Analytics.
- Some had problems with participation rates and bounce rates.
They use third-party scripts and applications that may not yet be supported by some browsers.
Not supported on some older browsers, such as Internet Explorer 11. Google has said that the last two versions support most popular browsers such as Google Chrome, Mazila Firefox, Opera, Edge and Safari AMP.
The impact of AMP on Google site ranking
In February 2017, Google launched the AMP Project direct link to publishers, before which pages were cached on Google, which was effective for website SEO but detrimental to rankings on ranking websites such as Alexa. It also made branding difficult for companies. Fortunately, Google understands this and comes up with a solution. Currently, websites that use AMP still use Google links to display the content of the website, but at the top of the AMP page there is a section for the website link that helps both ranking and clicking on it. The website is loading. However, this is not a great way for Google to increase its website ranking, but it is better than nothing.
This is an example of the problems that AMP creates in branding.
Even if your website does not support the mobile version and only supports AMP for mobile, Google will display the desktop page link and link directly. Even if you are the first website in Google searches.
How to activate AMP in WordPress
Fortunately, activating AMP in WordPress is now a lot easier than it was 6 months ago. Many improvements have been made to WordPress and the AMP platform has changed completely. However, in order to display your website as a website that supports AMP, your code must be approved by Google. A plugin converts your posts to AMP, but it’s Google that decides whether to display your articles in AMP.
To convert an article to AMP, WordPress simply adds an AMP structure to your articles and you must use / amp or /? Amp to achieve this structure. for example :
Main article: https://domain.com/blog-post
Google AMP article: https://domain.com/blog-post/amp
Google AMP plugins for WordPress:
There are currently two popular plugins for activating AMP in the WordPress repository, one of which is the free and official AMP plugin made automatically by the WordPress developer.
I am currently writing this article. This plugin has more than 200,000 active installs and has received a score of 3.5 out of 5. You can download and activate this plugin from the WordPress repository as well as the Add Plugin section in the WordPress counter. You can customize your AMP page with this app, but know that these customizations are limited and you need to have enough coding information to add ads and other features.
Note that this plugin only supports your articles and does not support pages. However, Automatic has said that it is adding support for pages as well.
If you decide to add extra features to the AMP page of your website, this is where the free AMP For WP plugin comes into play. This plugin is basically more advanced than the AMP plugin and supports more features. This plugin was created by two Indian WordPress developers, Ahmad Kaloudi and Mohammad Kaloudi.
As I write this article, this plugin has been installed more than 80,000 times and received a score of 4.6 out of 5. You can download and activate this plugin from the WordPress repository as well as the Add Plugin section in the WordPress counter. This plugin allows you to customize a lot of information within the AMP page of your website. Below we discuss how to customize AMP. Note that the AMP for WP plugin works with the pre-installed AMP plugin mentioned above.
AMP For WP plugin settings tutorial
On the General page you can add your logo, resize the logo and enable AMP for pages. Depending on the type of website and traffic consumption, you may want to have only AMP enabled on your blog (articles).
In the Homepage section, you can enable / disable AMP for the home page of your website. You can control the size of the images inside the home page and by activating the Non-AMP Home page link option…. You can create a link in the header and logo that connects to the default (non-AMP) home screen when the user touches them.
Page Builder section
In this section, you can use WordPress widgets on your page by activating the option.
In the Design section, you can create a personal layout for your AMP page via Post Builder or select a ready-made layout through the Design selector.
You can add a search on the page that requires HTTPS certification to enable, and also add a Call Now key to the page. You can also make changes to CSS via Custom CSS.
In the Single section, you can also disable social network icons, links, add next / previous article links, add article writing time, and make changes to popular articles.
In this section, you can add AdSense ads to your website and earn money from it. These ads can be placed in several different places. Google appreciates websites that use AdSense ads. (AdSense is Google’s advertising service, and Google makes money by displaying ads)
AMP Menu section
In this section you can make users use AMP to enter any part of the menu and feel the high speed as it is.
In this section you can activate social networks for yourself. For Facebook you need the APP ID you need to create on Facebook.
The SEO part of this plugin is one of the most important parts, because Google can determine if you are using AMP and decide whether to use your AMP or not. We suggest using Meta Description for branding. Also, if you are using Yoast plugin for SEO, it is better to use Meta Tags from Yoast and Yoast Description in ld + jason.
In this section you can choose the type of analysis of your website and also use Google Tag Manager.
This section supports the following analyzers:
- Google Analytics
- Segment Analytics
- Piwik Analytics
- Quantcast Measurement
- Effective Measure
- HitStats Analytics
- Yandex Metric
- Chartbeat Analytics
Structured Data section
The structured data section allows you to have a personalized logo and image size on The structured data page. You can read more about structured data in the article What is structured data
Contact Form section
You can add a contact form with the Contact form 7 plugin here.
By activating this section, you can see a message that users should accept when they enter your AMP website.
In this section you can customize the number of comments you can use on an AMP page, and you can also use the Disqus and Facebook Comments plugins to comment.
Advanced Settings section
This section is for more advanced settings such as direct transfer of mobile users to AMP, synchronization of archive pages with AMP, activation of RTL for Persian and Arabic language websites, adding HTML code for header and footer, etc. .
In this section you can see additional extensions for AMP for WP and purchase them if needed.
WooCommerce AMP plugin
The developers of AMP for WP have released another plugin for Google AMP, which is dedicated to WooCommerce, and with it you can make your WooCommerce store faster.
Google AMP SEO
One of the most important things you may not have noticed so far is the SEO aspect of AMP because you have now enabled those two similar pages of an article by activating it, which seems harmful, but do not worry about either of the two plugins above. Introduced, supports Google SEO and uses canonical tags. Google canonical tags say that the original version of the article is your desktop version.
And the good thing about these tags is that Google automatically notifies you that your article supports AMP.
Example in the original version:
<link rel=”amphtml” href=”https://domain.com/amp/”>
Example in AMP version:
<link rel = “canonical” href = “https://domain.com/”>
The AMP for WP plugin, which we introduced above, integrates with Yoast and automatically inserts the OG and meta tags into AMP.
How to find and fix AMP errors
After activating AMP on your WordPress website, you must now verify your code with Google, otherwise Google will not recognize your website as an AMP user. To validate your website, log in to the Google AMP Validator website with a blocking software and validate and validate your articles one by one.
Not a valid AMP page error in AMP
If AMP validation fails, you will get the following message: Not a valid AMP page
For example, in the image below, the AMP problem is in the <deltime> and <instime> tags. Google has included an AMP-supported HTML tags page to display supported tags in AMP so that developers can create AMP pages without any problems. Note that pages that encounter errors or problems with AMP authentication are not approved by Google.
You should check out what Google mentions in the Fix the following issue section.
You can also check for problems with your AMP through the Google Search Console in the Search Appearance and Accelerated Mobile Pages sections.
Just note that most users have reported that Google is slow to fix AMP problems because of the newness of the amp platform, which is not currently fully synced with crawling.
In some cases, you may receive an email to add structured data methods to your AMP page, which is important in indexing your AMP pages and should be done. In the article What is Data Structure, we discuss the importance of this data structure.
Google AMP monitoring with New Relic
Loved ones who use New Relic Monitoring to check their website may also encounter the following error:
The tag ‘script’ is disallowed except in specific forms.
Enable AMP for external files with Cloudfler
Cloudfler has recently added a new feature to its features that you can also display external links to your website in amp and load in AMP pages. One of the advantages of this possibility is that the links are loaded directly from the site server, which is very useful for your SEO. Therefore, this feature of Cloudfler means that it reduces the bounce rate of users. You can add this feature in the performance section, Cloud Feller Activation article can help you make better use of this famous CDN.
AMP in Bing Bing search engine
In September 2018, the search engine Microsoft Bing (bing.com) announced that from now on, pages with AMP enabled will be accessible in the search of mobile users. However, at first they only work for some areas to get feedback and then apply these changes all over the world. With this Bing approach, the importance of AMP pages is doubled, although in our country, Iran, the least use of this search engine is made.
Of course, Bing has not yet said whether having AMP pages is a ranking advantage.
in the end
As you can see, activating AMP in WordPress is easier than you think. Will you really make progress by activating Google AMP? It depends on your WordPress website. If you have a news magazine, then yes it makes sense to use such new platforms and you are more likely to thrive on these types of functions. If you do SaaS (Software as a service) business, activating AMP may be to the detriment of your website. Google AMP will definitely make a big difference in your website, especially if you get high traffic from your mobile. In general, it is recommended that you do not simply skip AMP activation on your website and test it at least once and check the result.
Also, if you have any other tutorials and plugins, let us know. We are interested in receiving your views, dear ones.