Google’s AMP Update – What to expect of it and How to Make the Content AMP-Friendly?
by Vipin Nirwal
Facts say that if people can’t access a website within three seconds, they are bound to leave the web page. On the other hand, 70% of the people tend to switch off a mobile app or websites just because of its slow loading. As a result, the entire overall website bounce rate reaches up to a whopping 58% if it takes as little as 10 seconds to load your website.
Such disastrous consequences of slow loading of your webpage or website may prove to be harmful for your business. So, is there no solution to this issue of slow loading of webpages? What if some technique could magically get your page’s content to get loaded at a much faster pace for the mobile users? Well, it may definitely lead to the increase of your mobile customers to as high as 70% and would urge them to stay on your webpage and website for a longer period of time.
What can one expect of the AMP pages?
One might anticipate and imagine of the AMP pages of how they look like and about their functionalities. However, the actual visual difference between a Google AMP and a non-AMP website is quite minimal.
The functions that it performs to speed up the loading process of the page are as follows:
- It also removes the unnecessary or unwanted vague comments so as to enhance load time even more.
Three Basic Things You Need to Know to implement AMP
While there are a lot more benefits to the new program initiated by Google regarding AMP, one would be required to do the following to implement AMP in the webpages:
- You would be required to have Two Versions of Each Article that You Publish
- You would be required to Update Your Images and Videos
Multimedia is greatly and directly affected by the implementation of AMP. The images would be required to utilize the custom amp-ing elements and then adhere to specific dimensional requirements. Any GIFs present on a website will be required to make use of the amp-anim feature.
The videos being displayed on your site will now actually need a custom tag so as to allow the embedding through HTML5. The tag is known as amp-video.
- The Original Page Versions Should be Modified
So as to help alert Google that your webpages and websites have AMP versions of the content, you would be required to go in and change the original version of the content which is in question.
How to make the content AMP-friendly?
- Install the AMP Plugin
First, you need to install the AMP WordPress plugin. Click the “Download ZIP” button from the GitHub Page. After the plugin is installed, you are required to go through and add “/amp/” to the permalinks of your webpages.
- Then Wait for Google
- You are required to use the Chrome browser to search for one of your AMP pages.
- Then you are required to add “#development=1” to your page’s URL
- Then you need to open the Chrome Developer Tools toolbar and navigate to Console
- You would be able to see a note that indicates an AMP validation or you would be confronted with the problems to be fixed.
- You are required to check your schema
With the help of Google’s data testing tool you are required to test the mark-up on your pages.
- Integrate Google Analytics
You are required to search for Plugins from the WordPress dashboard and then navigate to “Editor.” You need to select AMP and add this text, changing UA-XXXXX-Y to further correspond to your personal Analytics ID. After this, you would simply be required to re-validate all the AMP pages.
Not only speeding up the loading time for the websites, AMP is also helpful in enhancing content for the content. This would also result in the AMP pages rank more prominently in Google.
16 Dec 2017 - Blog