Creators

Google AMP on RebelMouse: Publishing Guide

Google AMP on RebelMouse: Publishing Guide

How to guarantee your media and ads are approved for AMP

Publishing using Google's Accelerated Mobile Pages (AMP) format is a great way to provide your readers with a lightning-fast site experience. We recommend distributing your content via AMP whenever possible.

However, Google's AMP program is restrictive regarding the type of content they accept. For example, all of the HTML tags for images, videos, and embeds need to be optimized for AMP, otherwise your articles will deliver errors.

Below is a brief guide on how to add images, videos, and ads to RebelMouse so they are AMP compatible.


How to Find Your AMP URL

To find the AMP URL for any page on your site, view its page source. Then, search for amphtml to find your AMP URL:

AMP-Friendly Images

Our platform automatically converts images into an AMP-friendly format. However, images must be uploaded in one of the following ways:

AMP-friendly images can be created with files that are uploaded directly in Entry Editor using the Add Media Bar:

Additionally, images uploaded through our Digital Asset Manager (DAM), Google Images, and Getty Images via the Add Media Bar will be automatically converted into an AMP-friendly format.

Also, images added using a direct URL will be converted into an AMP-friendly version:

Not-so-AMP-Friendly Image Upload Options

We don't convert images when they're added using an embed code:

An image will also not be automatically converted to an AMP-approved format when it's inserted into your post via HTML:

AMP-Friendly Video Upload Options

Similar to images, videos that are uploaded through the Add Media Bar from YouTube and Facebook will be automatically converted to an AMP-friendly version.

Also, we automatically convert videos that are uploaded through a URL:

Not-so-AMP-Friendly Video Upload Options

Our platform does not automatically convert images to an AMP-friendly version when they are uploaded using an embed code:

Like with our image options, we do not convert videos automatically if the URL is inserted directly into your post via the HTML view of Entry Editor:

Not-so-AMP-Friendly Iframe Upload Options

Some iframes are allowed, but only if they have AMP-friendly code. We usually translate some of the tags into AMP-friendly tags if you add these with embed code in Entry Editor:

How to Create AMP-Friendly Ads

AMP pages require different ad codes. For in-article ads, you can use a designated field for it in our Ad Manager:

For ads that are set up at the template level, use a Post AMP page in our Layout & Design tool, and then add ad codes that are AMP compatible in the same way you would for a regular page.

Common AMP Errors

Google Search Console is your go-to tool when it comes to detecting AMP errors. You can evaluate your AMP performance by clicking on AMP under the Enhancements section in the left-hand navigation rail, and then reviewing the list of errors that populate in the right-hand viewing window.

Some of these errors can be solved editorially in Entry Editor by writers and some need to be handled at the template level by developers. Below are two examples of the most common AMP errors for editors and developers.

Malformed URLs: This error happens when one of your links does not work due to the fact it's malformed. In these cases, you will need to swap in the proper link and then check to make sure it's working properly.

The Page Is Too Large: If you see the error, "The author stylesheet specified in tag 'style amp-custom' is too long - the limit is 50000 bytes," it means the page is too large. To ensure that pages load quickly, the AMP format limits your page to a 50 KB limit. There are a couple of ways you can optimize your page size:

Move all styles out of the Styles tabs:

Instead, add your styles to the AMP CSS element. Minify your CSS code once finished.

How to Turn Off AMP for Individual Articles

In case you have to run a specific ad, or use an embed code that is not supported by AMP, you can easily turn AMP off for that specific post in Entry Editor:

If you have any questions about publishing AMP-friendly articles, email support@rebelmouse.com or contact your account manager today.

Related Articles

What Is RebelMouse?
Request a Proposal
Meet the RebelMouse Platform: The Highest Performing CMS on the Web
Rebel Insights

Meet the RebelMouse Platform: The Highest Performing CMS on the Web

Make sure your site is set up for success in 2022.

In the spring of 2020, Google let the world know that its Core Web Vitals would become the new benchmark for measuring a site's performance in its search results, known as the page experience update. Fast forward to more than a year later in August 2021 when, after much anticipation, Google's page experience update became official.

Since its rollout, developers have felt the impact of how their publishing platforms stack up against the new standard. Important decisions around the architecture of your site can now make or break your site's performance in the eyes of Google.

HTTP Archive, a tracking platform that crawls the web to identify trends and record historical patterns, frequently reports on how top content management systems (CMS) have weathered the page experience update through the creation of its Core Web Vitals Technology Report. RebelMouse has consistently outperformed major CMS platforms on Google's most critical metrics throughout the year:

Getting superior scores on Google's performance benchmarks isn't easy, either. The Ahrefs blog analyzed Core Web Vitals data from the Chrome User Experience Report (CrUX), which is data from actual Chrome users, to see how the web stacks up against Core Web Vitals. Their study found that only 33% of sites on the web are passing Core Web Vitals.

data from Ahrefs tracked on a line chart finds that shows only 33% of sites on the web pass Google's Core Web VitalsFrom Ahrefs.

Luckily, performing well on Core Web Vitals is possible with thoughtful, strategic changes to your site’s codebase. Here's what you need to know and how we can help.

Keep reading...Show less
Multivariate Testing: An Introduction to Data-Driven Site Design
Rebel Insights

Multivariate Testing: An Introduction to Data-Driven Site Design

Understand the differences between multivariate testing and A/B tests

The modern digital landscape is founded on one critical element — data. From content creation to site design, there’s no reason to take chances on what will resonate with your audiences. Adopting a data-driven mindset means you can take the guesswork out of your business strategy and focus on the methods that are actually moving the needle.

And one of the best ways to figure out what strategies are moving the needle for your website is through multivariate testing.

What Is Multivariate Testing?

Multivariate testing is the process of testing one or more components on a website in a live environment. These components can be anything from a CTA button, headline formatting, or even an entire page design. The beauty of multivariate testing is that you can test each one of these individual features on a page to see what performs well among your users.

Think about it for a moment. Creative teams with great ideas are most successful when they have an environment where ideas can easily be tested against each other instead of trying to find total agreement on one idea. Multivariate testing allows teams to cherry-pick each idea to create an end result that works best, backed by the data to prove it.

multivariate testing allows for various layout designs and element placements to be tested live to see what attracts the most readershipSee which elements and layout designs attract the most readers with multivariate testing. Graphic from Invesp.

Multivariate Testing vs. A/B Tests

Traditional A/B testing is the process of creating two different layouts and splitting the traffic between the two to see which one performs better. It’s possible to test more than just two layouts, of course, and there’s no issue with creating A/B/C/D/etc. tests depending on how many layouts you have to try.

A/B tests can produce great results, but they are limited since they test an entire layout at once. Remember, multivariate testing allows you to test the different components of a layout individually. Think of multivariate testing as running multiple A/B tests at one time. Here’s a good illustration of the differences between A/B testing and multivariate testing from HubSpot:

A/B testing compares two layouts as a single page, while multivariate testing allows for multiple elements to be tested simultaneouslyAn illustration of the more complex testing available through multivariate testing. From HubSpot.

Multivariate testing is a great way to help creative environments stay focused. However, it’s vital that all ideas get measured, because one idea might sound awesome to the group or a team member, but it may not always perform.

How Do I Know When to Use Multivariate Testing?

If you are looking for fast results, it’s best to use A/B testing. However, multivariate testing is the preferred choice if you have the time to analyze and review multiple data points. Combined, the testing on each one of your site elements will help you curate the highest-performing page possible. It’s also recommended that you use multivariate testing on your pages with the highest traffic because there will be more data to analyze to determine which site elements are garnering the most engagement.

Keep reading...Show less
Interested in a Free Website Health Check?Check Your
Website's Health
Get Your Free Analysis Now