Blog

Use Accelerated Mobile Pages (AMP) in your blog

Last updated: April 30, 2021

Applies to:

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

AMP, or Accelerated Mobile Pages, is a mobile-specific page format that loads almost instantly on mobile devices. To load the content quickly, the AMP version of your blog posts won't load any Javascript files, stylesheets, HubSpot forms, head HTML, or footer HTML.

There are a few limitations to using AMP: 

  • At this time, AMP is not available for HubSpot landing pages or website pages.
  • Featured images on AMP-enabled blog posts should be at least 1200 pixels wide.
  • Views of AMP-enabled content will not be tracked on a contact's timeline because AMP blocks the JavaScript included in the HubSpot tracking code.

You can turn on AMP for all posts on a blog or only for specific posts. 

Apply AMP across all posts on a blog

Please note: if you want to turn on AMP for multiple HubSpot-hosted blogs, you will need to repeat these steps for each blog. 

  • In your HubSpot account, click the settings icon settings in the main navigation bar.
  • In the left sidebar menu, navigate to WebsiteBlog.
  • If you have multiple blogs, Click the Select a blog to modify dropdown menu and select a blog
  • Navigate to the Google AMP tab.
  • Click to toggle the Enable Google AMP formatted pages switch on.

enable-amp

  • Customize the logo, font, and font color of your Google AMP pages. Learn more about Google's recommendations for this content.
  • Click Save. 
HubSpot will validate each blog post for your blog template. The next time Google crawls the blog post, they will cache the AMP version. If there are errors with the AMP version, Google will send you an email directly to let you know.

Apply AMP to a specific blog post

Please note: this option is only available if AMP is not enabled in your blog settings.


  • In your HubSpot account, navigate to Marketing > Website > Blog.
  • Hover over a blog post and click Edit.
  • Navigate to the Schedule tab.
  • In the Google AMP section, select the Enable Google AMP just for this blog post checkbox.

enable-google-amp-for-this-post

  • In the upper right, click Update or Publish to take your changes live.

HubSpot will now validate this specific blog post. The next time Google crawls the blog post, they will cache the AMP version. If there are errors with the AMP version, Google will send you an email directly to let you know.

Troubleshoot AMP issues

If Google Search Console reports issues with your AMP pages, HubSpot recommends checking the AMP validatorThis tool provides descriptive error messages and will identify the error's location. 

You will need to enter the AMP version of the URL (with the param hs_amp=true) into the URL field. To find a blog post's AMP preview URL:

  • In your HubSpot account, navigate to Marketing > Website > Blog.
  • Click the name of a blog post.
  • On the post's details page, click View details.
  • In the right panel, scroll down to the AMP preview section. 

AMP%20preview

Here are causes for some of the most common AMP errors:

  • The attribute 'style' doesn't appear in <div> tag: this is frequently caused by a Wistia embed code, which is not yet supported in AMP pages. 
  • The <script> tag is disallowed except in specific forms: this is frequently caused by a Wistia embed code, which is not yet supported in AMP pages. 
  • The 'style' attribute doesn't appear in the <span> tag: this is frequently caused by a Wistia embed code, which is not yet supported in AMP pages. 
  • Malformed URL '...' for attribute 'href' in <a> tag: a link URL in the post body is formatted incorrectly.
  • Invalid URL protocol '...' for attribute 'href' in <a> tag: a link URL in the post body is formatted incorrectly.
  • Images should be at least 1200 pixels wide for AMP: your blog post doesn't have a featured image that is at least 1200 pixels wide.