Linking an AMP mobile page to a standard landing page

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.

Because AMP was created to increase page load speeds, the page size has to stay under 75 KB and any HTML used on AMP pages has to be specifically tailored to work on AMP pages since they are structurally different from regular pages.

For Google Search. If you would like the visitors that arrive on your page from a Google Search result 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

NOTE: Both pages must be published on the same domain. If they are on different domains, this will not work.

3. Once you’ve published both pages, open the standard page and click HTML/CSS.

page settings.png

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.

image of the URL you should insert into the code snippet

5. Go back to the slideout menu and Update the standard page to apply these changes;

6. Open your AMP page. Under Search & Social, 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.

Screen_Capture_on_2023-02-23_at_04-44-50.gif

8. Click Update to apply these changes to your AMP page.

NOTE: If you have multiple page experiences, with different parameters, just use the plain URL in the SEO section for each experience.

When using Google Ads, you will have to add the AMP page URL in the Mobile URL field.

Once you have completed the above steps, the non-AMP and AMP version of the same page should be linked in organic searches after Google indexes both pages. This process could take between 4 days and 4 weeks, according to data from Google.

When a visitor accesses your page in a search result from a mobile device, the AMP version will be displayed. And when a visitor accesses your page in a search result from a desktop device, the non-AMP version will show.

If you don't want your pages to be accessible from organic search results, instead wanting them only accessible through paid ads, you should turn on the option to Hide the Page from Search Engines.

NOTE: Linking the two pages in the manner described in this article does not mean the regular page will redirect to the AMP page when the link for the standard page is accessed on a mobile device. The linking between pages is strictly for search engine results. 

For more information, you can visit Google’s official website on AMP.