Monday, 30 April 2018

How To Implement/Create AMP Pages for Desktop Version of Website?




Suppose you need to add amp version of your websites then please follow below step to get your AMP pages LIVE on Google.

Step 1)
Most of the website built with responsive structure that makes website easy to adapt in any devices. So keep your desktop version same and follow the below step to proceed further.

Step 2)
Need to have different amp pages of the same website. Should follow all the AMP guideline & properly tested online.

Step 3)
After you created proper AMP pages need to add just canonical url of your desktop version.

Need to add in AMP webpage
<link rel="canonical" href="http://www.abc.com">

Step 4)
After you had successfully created amp pages & added canonical to your desktop version. Then need to add this two line of code for proper direction to AMP pages in desktop version of your website.

Need to add in main pages or desktop pages
<link rel="canonical" href="http://www.abc.com/"/>
<link rel="amphtml" href="http://www.abc.com/amp/"/>

Step 5)
After implementing all this 3 line of code & submit your website to search engine for indexing.

Step 6)
Final after indexing of webpages on search engine you can check in mobile for your  AMP version website with sign indicating AMP version.