Close

Copyright © RebelMouse 2020

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

Why RebelMouse Is the Best Content Marketing Platform

RebelMouse is a unique platform and company. The company was founded on the vision that media companies would need an always-modern solution to thrive in the new connected internet, and that brands would have to behave like new media companies and use the same platforms.

Keep reading... Show less

Why Premium Creative Agencies and CTOs Choose to Develop on RebelMouse vs. WordPress and Drupal

The Intersection of Design and Development: Where Your Clients Thrive

We started RebelMouse seven years ago knowing that there was a fundamental design flaw in the world of traditional CMSs: Every instance, on every platform, had to be updated independently. It's similar to an era when users had to manage their own Microsoft Exchange Server for email. The costs of managing, maintaining, and iterating on a CMS to keep it awesome and world class is typically a $10 million-a-year endeavor. But even then, these cost-prohibitive CMSs are still behind the times.

Keep reading... Show less

Native Multivariate Testing at Scale With RebelMouse

What Differentiates Our Approach

There are many popular tools that allow you to perform experiments and A/B tests on your users — primarily Google Chrome Experiments and Optimizely. But all of these solutions are JavaScript additions to your web page that sidestep the problem of old, outdated, and clumsy CMSs. These solutions work by calling on a third-party JavaScript library that rewrites a page after it's rendered. This approach adds extra page weight and creates strange user experiences due to having to wait for everything to load and be rewritten on the fly.

At RebelMouse, we've solved this in a very elegant way. At the core level of our platform, we can natively render different layouts and track the exact differences in performance when comparing a test to your other layouts.

Keep reading... Show less

Modern E-Commerce: Blur the Line Between Content and Design

Create Modular + Reusable Design Patterns on RebelMouse

Content saturation is an industry-wide problem, and the e-commerce space is no exception given that it's filled with big brands, small Etsy stores, and everyone in between all fighting for similar audiences. The best way to fight this symptom is to understand your audience and provide them with what they want.

Keep reading... Show less

Instagram-style E-commerce Features on RebelMouse

Revolutionizing E-commerce on RebelMouse

Whether you're a brand with a blog or a media company with a site, driving purchasing behavior and building an audience that uses your content to find things they love to buy is vital. We're very proud to have built out the same functionality that everyone is now used to on Instagram, with layovers on images that lead to products with attribution.

Keep reading... Show less

Building Premium Communities and User Journeys on RebelMouse

RebelMouse is much more than just a replacement for a traditional CMS. Our platform is a tremendous community-building experience. Today's social ecosystem has given us a seemingly limitless number of premium creators who understand how to create gorgeous and relevant content that drives the growth of their own audiences. These creators and influencers are either experts in certain topics, or heavily engaged in targeted content that drives their interests. They're not only consuming the content they're passionate about, but they're contributing to the conversation, too. The new role of the editor is not just to cover the most important topics and people around their expertise, but also to invite those preferred influencers into their community and get them to participate in creating premium content.

Read our deck here...

Keep reading... Show less

Dynamic Voting: Grow Traffic and Engagement Organically

Help your audience find its voice.

Creating quality content is no longer on marketers alone. We live in a universe of creators who are willing to not only consume content that resonates, but play a role in the creation, promotion, and conversations surrounding it.

Since the start of RebelMouse, we've been on a journey to create dynamic media that is easier for content creators to curate and amplify on social. It's why we've built an online engagement platform centered around the power of communities that thrive naturally in the digital ecosystem.

Keep reading... Show less

How to Monetize Your Website in Today’s Publishing Environment

In order to define distributive publishing, we have to ask the following question: If you have quality content, but nobody sees it, does it even exist? The answer is no, because your content needs to be supported in a way that lets it move seamlessly across all channels, especially site, search, and social. But let's take this question a step further: If you can't monetize your content to generate the support it needs, how do you create quality content in the first place?

Keep reading... Show less

New: Add Images to Sections Using Sections Dashboard

Choose a cover photo for each of your site's sections

It's important to make sure that your website structure is organized nicely, and this includes implementing a proper tagging system and section strategy. To make sure that every page on your website stands out, we've added the ability to add a cover photo to each of your sections in our Sections Dashboard. Here's how it works.

Keep reading... Show less

Conquer Your Crawl: Feed the Googlebot With Structured Data

Set up success on search with a detailed web schema

Since search took over Facebook as the top referral of web traffic a few years ago, the growth of Google hasn't let up. It's estimated organic and paid search accounts for 68% of all trackable website traffic, and, perhaps even more noteworthy, 53% of that traffic is fueled by organic search.

The revival of search has brought with it a maturation of what makes for a solid search engine optimization (SEO) strategy. The algorithm is now savvy about robotically written articles designed to win a specific set of keywords. As Google's search engine has gotten smarter, its web crawler software, casually called the "Googlebot," has also evolved in terms of how it indexes data.

Keep reading... Show less

Facebook Offering Small Business Grants Program During COVID-19 Crisis

Program to provide $100 million in cash grants and ad credits for small businesses

Publishers big and small all over the globe are grappling with the financial constraints caused by the COVID-19 pandemic. Trying to find the right brand messaging in this unprecedented time is a balance that none of us have ever faced before.

We've developed a live-blog experience that's designed to maximize your potential on search. Keep your audiences up to date by the second as they turn to you for the latest news, updates, and guidance.

In an effort to help ease the strain on publishers, Facebook has announced a Small Business Grants program for publishers. The social network is offering $100 million in cash grants and ad credits during the crisis. The offer is available for up to 30,000 eligible small businesses across 30 countries.

More information on how to apply for the program is forthcoming. Click here to learn more and sign up for updates. Check out Facebook's COVID-19 Business Resource Hub here.

Live-Blog Feature: Publish Real-Time Updates + Maximize Search Performance

Make sure your audience never misses an update

Many organizations are facing communication challenges after the recent outbreak of COVID-19. With so much information available everywhere, it is harder than ever to control the message of your own audience.

At RebelMouse, we're constantly iterating on our platform to help you make your content as relevant as possible. In the current news environment, staying on top of breaking stories using live blogs is incredibly important.

We've implemented our own version of the live-blog experience that's designed to maximize your potential on search. We power this new functionality using WebSockets, which allows for near-instant updates.

The advantage of creating a live blog using RebelMouse is that we index each live-blog update for search so that you receive SEO credit for every single update. This means if one of your live-blog updates hits on a key search phrase, it can drive a lot of traffic from search. This is superior to the traditional way of doing live updates where it was simply embedded JavaScript loading posts.

Keep reading... Show less
Subscribe to Our Newsletter