Linking to Your AMP Page [BETA]

Follow

Linking to Your AMP Page

Disclaimer:

Beta features are still in active development and may change unexpectedly without notice. Unbounce Support will do their best to offer assistance, however may not be able to resolve some issues due to the limitations of an open beta. 

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. Scroll down to the Link AMP Page to a Separate Canonical Page panel of the screen. Click the Copy button beside the code provided.
  3. amp_canonical_link_copy.png
  4. Navigate to the page overview of your canonical page. Click the Edit button to enter the Unbounce Builder.
  5. Click the Javascripts  javascripts_button.png button at the bottom left corner of the screen. A new dialog box will appear.
  6. amp_link_javascripts.png
  7. Enter “AMP Link” in the Script Name field. Select Head from the Placement drop-down menu, and paste the code into your blank field. Click the Save Code button at the bottom right corner of the dialog box.
  8. amp_link_javascripts_dialog_box.png
  9. 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. Scroll down to the panel entitled Link AMP Page to a Separate Canonical Page. Click the Copy button beside the code provided.
  3. amp_canonical_link_copy.png
  4. Paste this script between the <head> and </head> sections of your canonical page. 

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.

 

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_link_copy_canonical_page.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:

amp_link_test_URL.png

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




Glossary

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

Was this article helpful?
0 out of 0 found this helpful