An AMP page (Accelerated Mobile Page) is designed for campaigns targeted primarily at mobile users, which help you keep your visitors’ attention with loading times of under 1 second.
If you would like to have both a non-AMP (for desktop visitors) and an AMP version of the same page (for visitors from mobile devices), you can do so by following the instructions below.
1. Create a standard page and publish it. For this example, the page is published to www.instapage.com/standard-page;
2. Create an AMP page and publish it. For this example, the page is published to www.instapage.com/amp-page;
3. Once you’ve published both pages, open the standard page. Under Settings, click HTML/CSS;
4. Copy and paste the following code into the header tab;
<link rel="amphtml" href="www.instapage.com/amp-page">
In our example, we used www.instapage.com/amp-page, but you should insert the URL that you published your AMP page to;
5. Click Update to apply these changes to your standard page;
6. Open your AMP page. Under Settings, click SEO;
7. Copy and paste the URL that you published your standard page to (in this example it’s www.instapage.com/standard-page) into the Canonical link URL field, and turn off the option to Hide the Page from Search Engines;
8. Click Update to apply these changes to your AMP page.
Once you have completed the above steps, the non-AMP and AMP version of the same page should be linked after Google indexes both pages. This process could take between 4 days and 4 weeks, according to data from Google.
When a visitor accesses the search result from a mobile device, the AMP version will be displayed. When a visitor accesses the search result from a desktop device, the non-AMP version will show.
For more information, you can visit Google’s official website on AMP.