SEO & Paid Media

How to enable HubSpot AMP for your blog

10 min read


Want to reduce the load time of your HubSpot blog on mobile devices but don't know how? In this blog, Francesco Brizzo, explains accelerated mobile pages (AMP), how they can reduce page load time and how it can be enabled on your HubSpot blog. 

Accelerated Mobile Pages. AMP.

Some of you may have heard about it before – and I wouldn’t be surprised – but for those of you who are unfamiliar with AMP, it’s been one of the major trends in digital marketing this year, and people are still talking about it.

But just how does AMP work? What does it mean for your blog?. In this blog I will try will to summarise everything you need to know about AMP (no coding jargons, I promise), as well as why you should try AMP and, for HubSpot users, how to enable HubSpot AMP on your blog.


Just what is AMP?

First, let’s go back to its origins.

AMP is an open-source project that was launched by Google in 2015. AMP allows publishers to create websites and ads that are consistently fast, beautiful and perform incredibly well across devices and distribution platforms. The AMP format enables publishers to take advantage of design and coding principles that improve the experience of users browsing on mobile devices.

We started seeing AMP pages in 2016, but they only really became mainstream in 2017. A standard AMP consists of plain and simple HTML/CSS, enabling web pages to load nearly instantly on mobile.




Initially, the project was focused mainly on the news and publishing sections of a website.

In fact, Google released AMP to compete with Facebook’s Instant Articles, which basically follow the same principles.

However, due to its focus on speed, AMP didn’t (and still doesn’t) support the default JavaScript (which is responsible for the interactive elements on a website). Instead, it manages interactive page elements through custom AMP modules.

Of course, this prevented a lot of people from using AMP on web pages other than those related to news or content. Fortunately, AMP evolved considerably. It started to incorporate new design elements and much of its functionality was extended to other website sections and advertising formats. It also enabled support for in-app coding.

The impact of this was really important and certainly gave a twist to the market. Now, AMP is widely used across a number of websites to increase website speed and provide users – regardless of device – with a fantastic user experience (UX).

On the AMP Project website, you can read a lot of interesting case studies showing how AMP really improved their KPIs.

Three reasons to use AMP

Of course, you might not want to go all in with AMP – and you might value the interactive design elements of your website. However, there are three reasons why you should have a go and start testing your mobile conversion rates with AMP – at least for your website’s blog and/or news section.

Let’s run through them. 



1. Faster than a rocket

Ensuring your website loads quickly is crucial: even more for mobile users. A slow website results in a frustrating user experience and has a huge impact on your website’s bounce rates. If a web page takes more than 6 seconds to load, its bounce rate will increase by over 100% and the probability of conversion will drop by 95%. (Source: Google/SOASTA, 2017) With AMP, a page will download in approximately 2 seconds, resulting in a smooth and fast experience for your website visitors (and increases the chances of conversion)



2. SEO friendly

We all care about SEO, right? If you do, keep in mind that Google considers site speed as an important ranking factor, and marks AMP pages on its results pages. The faster a page loads, the better it will rank. This has become even more important since the introduction of Google’s “mobile-first index” in 2017. Google’s mobile-first index gives ranking priority to the mobile versions of a website rather than desktop ones.Finally, pages marked with the AMP logo have a greater chance of appearing in search snippets and news carousels.



3. Great user experience

Yes, the lack of interactive elements might appear harmful, but AMP keeps your audience engaged in a different way. Fast web pages allow website visitors to get to the information they need quickly, and less interactive elements reduce the complexity of your website, making your visitors’ lives easier. Remember, it’s all about speed in the mobile world, so the faster your website, the better the UX.

How to enable HubSpot AMP

Now, let’s see how you can enable the Google AMP feature in your HubSpot portal. 

Please note, AMP in HubSpot only works for blog posts and it can’t be used on other sections of your website. There are two ways you can add it.


1. Apply AMP across the whole blog

The first option lets you add AMP across your entire HubSpot blog. 


Within your HubSpot portal, click on the settings icon located to the top-right of your menu.

Enable HubSpot AMP - Step 1


When in the menu click on “Website” and then choose “Blog” from the dropdown

Enable HubSpot AMP - Step 2


In the blog menu, click on the “Google AMP” tab

Enable HubSpot AMP - Step 3


Enable Google AMP formatted pages by turning the toggle ON

Enable HubSpot AMP - Step 4


Now, just click on the “Save” button that appears at the bottom of the screen. 

Enable HubSpot AMP - Step 5

That’s it. Once AMP is enabled, HubSpot will validate each blog post (for your blog template) and the next time Google crawls your blog post it will cache the AMP version. If there are errors with the AMP version, Google will send you an email directly to let you know, but HubSpot also provides a useful guide for troubleshooting issues.

After clicking on save, a number of options will appear to customise your pages elements such as logo, font, and font colours.

Enable HubSpot AMP - Step 6

Once you've finished customising your AMP settings, click “Save”.

2. Apply AMP to specific blog posts

HubSpot also allows you to set AMP for specific blog posts only, which is great if you are undecided or want to A/B test AMP vs a regular page to see which page performs better.

AMP for specific blogs should be enabled right before publishing your blog post. Basically, when you click into the “Publish” or “Schedule” tab from that blog post, you will see a Google AMP box appear (if you cannot see this, it means that you have AMP enabled for your entire blog). Just check the option to enable AMP for that specific blog post.

Enable HubSpot AMP - Blog posts

Lastly, update or publish your changes. Again, HubSpot will validate the blog post and the next time Google crawls it, the AMP version will be cached.

All done! Enjoy your speed.

Book a free SEO audit

Your website is your most valuable sales and marketing tool, so it needs to be as optimised as it can be. Uncover opportunities to boost your rankings with a free SEO audit.

Latest Insights

Sales & CRM

91 min read

The true cost of HubSpot: Exploring HubSpot's Total Cost of Ownership

This guide takes a look at the total cost of ownership (TCO) of HubSpot as well as the TCO of Marketing Hub, Sales Hub, Service Hub and Content Hub.

Read more

Sales & CRM

20 min read

HubSpot HIPAA compliance: everything you need to know

Explore HubSpot's HIPAA compliance. We cover the basics of HIPAA, challenges HubSpot faced, and HubSpot's new tools to meet compliance requirements.

Read more

Marketing & Growth

21 min read

Enhancing your marketing processes with HubSpot AI

Learn how you can integrate HubSpot’s AI assistants into your marketing processes to optimise your efforts and supercharge efficiency. 

Read more

Sales & CRM

17 min read

How to plan for a successful HubSpot Implementation

Key aspects of planning and managing HubSpot implementation. We'll guide you through every step to ensure a successful HubSpot implementation.

Read more

Marketing & Growth

10 min read

Why it might be time to consolidate marketing agencies

Learn why & when to consolidate your marketing efforts with an agency specialising in strategy, creative solutions & technical expertise.

Read more

Technical & Integrations

5 min read

HubSpot’s cookie consent banner update: What you need to know

HubSpot is updating its cookie consent banner to version 2 on July 5, 2024. Here’s what you need to know about the update & how to prepare for it.

Read more

Sales & CRM

27 min read

HubSpot user adoption: a comprehensive guide to boosting CRM adoption

Explore strategies, best practices, and tools to drive user adoption in HubSpot, ensuring a smooth transition and maximising user engagement.

Read more

Sales & CRM

37 min read

HubSpot security and compliance: best practices and automated tools

Explore how to leverage HubSpot’s security tools and resources to mitigate risks and ensure Security and Compliance in HubSpot.

Read more


3 min read

Huble named #1 in HubSpot Consultancy Proficiency and Marketing Strategy Agency on G2

We are proud to have been recognised as the leading solutions provider in the Best HubSpot Consulting Services category of the G2 Spring reports 2024. 

Read more

Marketing & Growth

22 min read

Everything you need to know about HubSpot Content Hub

Learn all about HubSpot's Content Hub, including the key benefits and pricing, what's changing and how Marketers can utilise the platform.

Read more