Close

Copyright © RebelMouse 2019

Follow Us:

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.


AMP-Friendly Image Upload Options

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

Publishers No Longer Have to Submit Their Site to Google News

Google's Publisher Center creates new opportunities for audience growth

Just before the start of the next decade, Google announced an important change to its Google News offering with the launch of Google Publisher Center. The new interface merges Google News Producer and Google News Publisher into one to streamline the partnership process for publishers.

Overall, the change should make it easier for publishers to manage their Google News settings, including updating themes, directing URLs to section pages, and configuring user permissions. Read the full list of features here.

Keep reading... Show less

How to Find Work-Life Balance as a Remote Employee

Tips from our CEO on making the most of an office-free lifestyle

Working from home is becoming increasingly popular, with an estimated 66% of companies now allowing remote work and 16% operating completely office-free. RebelMouse is one of those fully remote companies, and over the years we've mastered how to stay close to each other despite being spread across more than a dozen countries. We believe working remotely is good for both our personal lives and our productivity. Read more about this here.

Still, working free from the shackles of an office environment doesn't mean every day is a dance party in your pajamas from 9 to 5. Working from home comes with its own set of challenges just like any other job.

Keep reading... Show less

Inside RebelMouse’s Quality Assurance Operations

How We've Perfected Stress-Free Publishing

At RebelMouse, we like to refer to our enterprise publishing platform as "lean tech." Most publishers have a natural inclination to start doubling down on teams of developers who try to build unique experiences to help stand out above the noise. But they should actually be doing the opposite: Lean tech is the preferred way to cut through content saturation. By allowing RebelMouse to obsess over your product, content producers, editors, managers, and everyone in between can focus on creating quality content and taking advantage of opportunities to leverage distributive publishing strategies that create real revenue growth.

One of the major reasons we're able to maintain a lean tech environment is thanks to our approach to quality assurance (QA). We make updates to our platform daily to ensure our clients always have access to the most robust, high-performing, and secure version of our platform. Behind the scenes, this means having a solid QA structure that's efficient, creates less bugs, and catches the ones that do pop up before they go live. It's a system of checks and balances that's hard and costly to replicate on a custom CMS. Here's a glimpse into how it works.

Our Tech Stack Toolbox

  • Cucumber
  • Java
  • Junit
  • Maven
  • Selenium WebDriver
  • TeamCity
  • Zalenium (Selenium Grid)

Our Checks and Balances Workflow

Automated Regression Testing Cycle

The Lifecycle of a Product Update

When an update is first made to RebelMouse, TeamCity immediately triggers the start of automated tests to review integrity.

TeamCity Build

TeamCity Agent

The tests run in parallel on TeamCity's Build Agent. Next, Zalenium creates docker containers with browsers that matches the count of parallel threads. An Allure report is then generated from the test results, which shows the state of the application after the update.

Allure Report Pass

If a test doesn't complete successfully, the testing framework receives a video with a failed test and attaches it to the Allure report.

Allure Report Issue

Based on the report analysis, a QA specialist will create a "bug" ticket in our product management software to address the issue if needed. Then, information about the bug is immediately sent to the project manager and we begin the process of correcting the problem.

The media powerhouses we power can publish with confidence knowing that any product issues that arise are met with a tried-and-true process to fix the problem with little-to-no disturbance to their workflow. If you have any questions about this process, please email support@rebelmouse.com.

Related Articles

Subscribe to Our Newsletter