AMP: Activation and Management of Accelerated Mobile Pages
Accelerated Mobile Pages is an open source initiative project designed to optimize mobile pages for faster load speed. It's like taking a page that is already mobile friendly and making it load even quicker by stripping it down to the basics. Beyond the benefit of faster content delivery on mobile devices, Google has hinted in the past that it prioritizes AMP pages over others under certain circumstances. All Articles and Blog Posts on the ePublishing platform now have AMP versions available.
Need to know more first? AMP resources:
Which Article/Blog Post Elements work in AMP?
Here are the individual data elements that will be included in the AMP article or blog post if they are present:
- Post Date
- Author Byline
- Associated Primary Image
- Associated Image Gallery
- Associated Video
- Body (Multiple body sections will be concatenated into one body. Pagination will not be present.)
Gated/Locked Down Articles - Articles/blog posts requiring login or subscription will show the regular version of the article page, not AMP
Metering – Articles/blog posts will be metered according to the existing metering rules
Note that sidebars will not be present in the AMP layout.
What does AMP content look like?
The below screenshots compare the same article on a mobile device. The screenshot on the left is the full article with all elements included while the screenshot on the right is the AMP version of the same exact article:
How do I turn on AMP?
To enable AMP on your site, you will need to do the following:
- Assign an AMP-specific logo
- Upload an AMP-specific logo to the Media Manager or use an existing logo.
- Insert the PATH to the logo into the System Settings: amp.logo (e.g. /ext/resources/images/logo.png)
- Create an AMP-specific Header Menu
- In Navigation Manager, create a new menu and add links.
- Insert the name of the menu into the System Settings: amp.header.menu.name
- This menu can contain multiple levels of links (ie. parent and child links)
- Create an AMP-specific Footer Menu
- In Navigation Manager, create a new footer menu and add links.
- Insert the name of the menu into the System Settings: amp.footer.menu.name
- This menu can contain a single level of links (ie. only parent links)
- Enable AMP functionality
- In System Settings, find the setting amp.enabled
- Update the value to true and save
What about Facebook Instant Articles using AMP?
In order for your AMP articles to qualify for Instant Articles, Facebook requires that you acquire a Facebook Developer ID. Once you have created it, add it to the system setting: amp.facebook.app.id.
Can I adjust the sizes of my images/videos on AMP content?
Yes - the following System Settings are available to allow you to adjust main image, image gallery, and video sizes:
What if I have images in the body of my article?
Image tags in AMP must have the width and height attributes set. To prevent pages from being flagged as invalid and thus not indexed, we filter out invalid AMP code.
Say for example that you have the following image tag on an in-body image:
<img alt="..." src="..." style="width: 705px; height: 610px;">
In order for it to be AMP valid it needs to be this:
<img alt="..." src="..." style="width: 705px; height: 610px;" width="705" height="610">
Simply add width="" and height="" attributes to that image and reset the cache in Admin. That will allow the image to show.
Can we include Ads?
Absolutely! Ads aren't included out of the box as each site is different, so this must be customized per site. Contact your Project Manager and they can assist you with the setup of Doubleclick (Google Ads) AMP Ad Slots.
Are there options for customizations?
Colors and styles can be customized. Please contact your Project Manager if you wish to make changes.