Linking to Your AMP Page

Follow

Linking to Your AMP Page

If your regular web page is linked to Google, how does Google know to send your customer to your landing page's AMP version 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 that holds the link to your AMP page is called your canonical page, which - for example - will be the corresponding Unbounce landing page.

There are two key steps to linking your AMP Page and the canonical page:

  1. Link the AMP Page to your Canonical Page, which will either be an
  2. Link the Canonical Page to your AMP Page.

Note:

AMP URL linking is not fully supported on all platforms (for instance, Facebook). 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. 

Adding Your AMP Link to an Unbounce Canonical Page

  1. Navigate to the Page Overview of your AMP Page.
  2. In the Linking AMP Page to Your Landing Page panel, click the Copy button.canonical-linking-amp.png
    Next, we'll link the AMP page to the canonical landing page in Unbounce. 
  3. Navigate to the Page Overview of your canonical page (i.e., the Unbounce Page).
  4. Click the Edit button to enter the Builder.
  5. Under the Page Properties tab on the screen's right-hand side, scroll down to the AMP URL for this Page field.
  6. Copy the AMP URL from Step 2 into this blank field: 
  7. amp_canonical_link.png
  8. Save and Publish/Republish your landing 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.

Running an A/B or Smart Traffic test with AMP Pages

If you're publishing multiple variants of the same landing page with an A/B or Smart Traffic test, be sure to paste the AMP link within each variant of your landing page to ensure the AMP page works successfully. 

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

When using organic search, leave the hide my page from search engines checkbox unchecked. 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 button at the top-right corner to edit the AMP Page.
  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 Non-AMP URL of This Page blank field.
    linking-canonical-page-to-amp-page.jpg
  5. Click the Save button on the top right-hand corner of your page.
  6. Return to your AMP Page Overview by clicking the Overview link at the page's top left-hand corner.  
  7. Click the Publish/Republish button.

Your pages are now linked to each other!

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 is not linked from one of the AMP partners, you will be viewing your canonical page and not your AMP page.

Frequently Asked Questions

How do I know if my AMP link is working?

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

  1. Copy the link for your canonical page, not the AMP page link. In other words, the Unbounce or Non-Unbounce landing page link.amp-url.png
  2. Paste the link into the blank field provided and click the Run Test button.
  3. 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 Google has cached my AMP page?

Here's how to check if Google has already added your page to the AMP cache.

  1. Start by copying your AMP page link (not the canonical page/landing page link)
  2. Next, paste the link into AMP's custom AMP's Cache & Request Handling URL tool.
  3. 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.

For more frequently asked questions about AMP pages and functionality, check our documentation: AMP FAQs


Glossary

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

Unbounce made it easy for me to find the information I need.
Strongly DisagreeDisagreeSomewhat DisagreeUndecidedSomewhat AgreeAgreeStrongly Agree

Measuring Customer Effort Score with Nicereply