Skip to main content

Setting up Google’s AMP Project for your website

amp-project

The Accelerated Mobile Pages (“AMP”) Project, led by Google and hundreds of other publishers, looks to make dramatic changes to how mobile content is delivered to your phone. This short video explains the ideas behind the concept.

https://www.youtube.com/watch?v=WrpkFROqR0Q

Sounds great, doesn’t it? Here’s how to get it going on your site.

Already done?

If GreenMellen helps manage your website on a monthly basis, you’re already set! The one exception is clients who rely on Google AdSense and other ad networks for revenue, as those don’t play nice with AMP quite yet, so we’ve left it off your sites as we explore the best solutions for you. For everyone else, your AMP setup is already taken care of.

The main plugin

The basics of getting started with AMP are very simple. Just grab this plugin and install it and you’re done! All of your blog posts will now be AMP-enabled. To see it for yourself, just put /amp/ at the end of the address of a blog post and you’ll see the AMP-powered version. For example, for this blog post that you’re reading, here is the AMP address:
https://www.greenmellenmedia.com/setting-googles-amp-project-website/amp/

Duplicate content?

If you tend to keep up with search engine optimization, you may be thinking “Hey, isn’t this creating duplicate content?” It’s a good question, but no worries there. The plugin automatically creates canonical tags on your pages to tell Google “This is the real page here, but over there is the AMP page”. This way Google will know when to serve up the AMP content to mobile users, but will also continue to give your main blog post 100% of the authority for that content. It’s pretty slick.

Analytics

One catch with AMP-powered pages is with Google Analytics, as it doesn’t work quite the same. In theory, you should set up a separate “property” in Analytics to track your AMP pages. In practice, that’s going to create a lot of work for little return. Instead, grab the Google Analytics by MonsterInsights plugin and install it on your site. This will handle all of the Google Analytics tracking for your site, so you’ll need to disable whatever tracking you currently have set up. Millions of sites use this plugin, so it’s very possible that you already do.

Once installed, it will handle Google Analytics code on your main site and on your AMP-powered pages.

Taking it further

The next thing you may want to do is style your pages a bit more. While AMP pages are intended to be very simple (and load very quickly), you may want to change some of the default colors. Assuming you already use the Yoast SEO plugin, then just grab the Glue for Yoast SEO & AMP plugin to handle some additional customizations.

Telling Google about your new AMP pages

Now that your site is all AMPed up, you want Google to start grabbing those pages and showing them to new visitors. While Google will eventually find them, one thing that may help is to head into your Google Search Console and resubmit your sitemap.

Once Google has indexed some of your new pages, you should head over to the Search Console and make sure Google likes what it sees. Two common errors you might find:

A value for the logo field is required.
A value for the image field is required.

The first item is looking for a logo for your website, and the second one is looking for a featured image for that particular post. In both cases, you can add default images using the “Glue for Yoast SEO & AMP” plugin that we mentioned a few paragraphs before.

Too much? Still stuck?

This can be a lot to take on all at once. If you have some questions about how to handle a particular AMP-related situation, please leave a comment below and we’ll do our best to help. If you’d like our assistance in getting your website up to speed with AMP, simply reach out to us and we’ll be happy to chat.

About the Author

Mickey Mellen

Co-Founder and Technical Director

View Mickey's Profile

More from Our Blog

Website Footers: Not Just an Afterthought

Certain elements of website design are so consistent they’re easy to overlook, like the humble website footer.  As the end of a webpage, the footer…

Read More

Main Menus: How and Why to Create Effective Website Navigation

Website navigation is an imperative part of a positive online experience. If users can’t easily find the information they want, they’ll leave frustrated or empty-handed.

Read More
white ceramic tea cup on white saucer near menu book

Boost Your Click-Through Rates with Headline Studio from CoSchedule

Headlines are underrated.  Marketers spend time and effort crafting the text and design of websites, blog posts, and emails. But we often leave the headline…

Read More
close up of people reading newspaper