Linking to Your AMP Page

Follow

Linking to Your AMP Page

 

If your regular webpage is linked on Google, how does Google know to send your customer to the AMP version of your landing page rather than the normal version?

The answer to this question is AMP linking.

By adding a special AMP coded link to your landing page, Google will be able to read the AMP link from your website’s code and will automatically load the special AMP version of your page whenever appropriate.

This page which holds the link to your AMP page is called your canonical page.

Google has a list of AMP supported partners where linking to your canonical page will load to your AMP page if the appropriate platform is being used.

 

Note:

AMP URL linking is not fully supported on all platforms (for instance, Facebook), and is only available for partners on Google’s Supported Platforms list.

 

Adding Your AMP Link to an Unbounce Canonical Page

  1. Navigate to the page overview of your AMP Page.
  2. In the Link AMP Page to a Separate Canonical Page panel, click the Copy button.canonical-linking-amp.png
  3. Navigate to the page overview of your canonical page. Click the Edit button to enter the Unbounce Builder.
  4. Under the Page Properties Tab on the right side of the screen, scroll down to the AMP URL for this Page field. Copy your AMP URL into this blank field.
  5. amp_canonical_link.png
  6. Save and Publish/Republish Your Page.

Your AMP page is now linked to your Unbounce canonical page and will be used as the default webpage when linked from an AMP enabled partner.

Note:

Linking directly to your canonical URL or your AMP URL will serve up that respective page regardless of the platform you are using. For instance: If you open a direct link to your canonical url from a mobile browser that was not linked from one of the AMP partners, you will be viewing your canonical page and not your AMP page.

 

Adding Your AMP Link to a Non Unbounce Canonical Page

Follow the steps below to add your AMP link to your non Unbounce canonical page:

  1. Navigate to the Page Overview section of your AMP page.
  2. In the Link AMP Page to a Separate Canonical Page panel, click the Copy button.
  3. amp_copy_url_link.png
    1. Paste the script below between the <head> and </head> sections of your canonical page.
  4. Replace the phrase “Your AMP URL goes here” with the URL of your AMP page.

      • <link rel="amphtml" href="Your AMP URL goes here">

Your AMP page is now linked to your canonical page and will be used as the default webpage when linked from an AMP enabled partner.

Note:

Linking directly to your canonical URL or your AMP URL will serve up that respective web page regardless of the platform you are using. For instance: If you open a direct link to your canonical url from a mobile browser that was not linked from one of the AMP partners, you will be viewing your canonical page and not your AMP page.

Note:

When using organic search, do not select the hide my page from search engines check box. Leave this box blank to ensure that your AMP page is getting properly indexed.

amp-hide-from-search-engines.png

 

Linking Your Canonical Page to your AMP Page

Now that you’ve linked your AMP page to your canonical page, we can go ahead and add that canonical page to your AMP page as well.

  1. Navigate to your AMP page overview in the Unbounce builder.
  2. Click the Edit in Builder link.
  3. Locate the AMP Properties tab on the right-hand side of your screen and find the Title & Meta Data section of this tab.
  4. Paste the canonical URL link in the Canonical URL blank field.
  5. amp_link_AMP_page_form_field.png
  6. Click the Save button on the top right-hand corner of your page.
  7. Return to your AMP page overview by clicking the Overview link at the top left-hand corner of the page.  
  8. Click the Publish/Republish button.

Your pages are now linked to each other!

 

How Do I Know if My AMP Link is Working?

To check your AMP link, head over to Google’s AMP test website.

https://search.google.com/test/amp

Copy the link for your canonical page, not your AMP page.

amp-url.png

Paste the link into the blank field provided and click the Run Test button.

If you’ve linked your AMP page to your canonical page correctly, Google’s website will give you the following message which will show the link to your AMP URL:

Screen_Shot_2019-03-07_at_1.38.55_PM.png

If you’d like to learn about AMP linking you can find more information on Google’s AMP Project  website.

 

How Do I Know if My AMP Page Has Been Cached by Google?

To check if Google has already added your page to the AMP cache, paste your AMP page link into the link below:

https://ampbench.appspot.com/

If your page passes validation, you should see results similar to below, which will indicate your page has been successfully cached.

amp-cache-confirmation.png

 

How Long Does it Take for Google To Add My Page to the AMP Cache?

AMP indexing is the same process as Google indexing and there is no direct answer for how long this takes. You can find more information regarding AMP indexing on Google's product forums.

 


Glossary

Canonical Page: The master copy and the default version of your webpage that will load unless otherwise specified.

Was this article helpful?
2 out of 3 found this helpful