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.
When using Google Ads, you will have to add the AMP page URL in the Mobile URL field.
For more information, you can visit Google’s official website on AMP.